パルコ劇場
WEBサイト制作のコーディング練習をしています。公式素材を拝借しているため、アクセス制限をさせていただいています。
|
|
<作品情報>■サイト名:Parco40
【URL】http://jewelry.jellybean.jp/wp08/limited/parco40/index.html
【担当作業】コーディング
【制作環境・ツール】Dreamweaver、SublimeText 3
【制作期間】2016年8月25日~30日
【詳細説明】
パルコ劇場40周年記念サイトの画像コピーを使用し、HTML、CSS、JQueryで元のサイトと見た目、動作が同じようになるように制作しました。
各ページは背景色だけを指定し、白と黒の透過で微妙な色の変化で効果が出るように共通化してあります。
レスポンシブ対応になっています。メニューボタンの表示やトップスムーススクロール等、デバイスによって変化します。
メッセージサイトではサンプルの動画再生機能を実装しました。
トップページのアニメーション再現も一部挑戦しました。