コレクションページ
クリアオレンジ ハロ2

ファイル構成

当サイトは、cssファイル、jsファイル、htmlファイルと、jqueryを使用しホームページを作成しています。写真は.jpgや.png等を使用しております。
動画はMP4で、html埋め込み、またはYouTubeとリンクをしております。 (ソフトの組み方は人それぞれなので、自分に合っている組み方を、他のサイトから探したりもしてみてください。)
当サイトのファイルの構成と処理は以下の様になっています。

<当サイトのファイル構成>

●.cssファイル

画面レイアウト(PC、スマホ表示切替のレイアウト(レスポンシブ対応))を組み込んでいます。
サイトは4つのブロックで構成し、cssを変えるだけでPC表示時のサイドバーの位置を変更でき、スマホ表示は(PCのブラウザで画面縮小しても)変わらないように考えました。
また、各ページにあるテーブル構造のレスポンシブ対応、文字の折り返し、画像の大きさの可変、サイトマップの構造もここに組み込んでいます。

●.jsファイル

ホームページにアクションを与えたり、纏められるhtmlコードを組み込んでいます。
主に以下の処理を入れています。
・ヘッダーのHOMEボタン(画面上部左側)
・更新日のコード
・INDEX(サイドとコンテンツ下)のコード
・フッターのコード
・少し下にスクロールすると、表示されるページ最上部へ移動する「↑」ボタン処理

●.jpg/.png/.gif/.mp4/.icoファイル

各画像・動画ファイルとなります。「.gif」は動作する画像(パラパラ漫画みたいな物)、「.ico」は当サイトのマーク画像となります。
「.mp4」は動画ファイルとなります。 「.jpg」「.png」は用途に合わせて使用している画像です。

●.htmlファイル

ブラウザに表示するファイルです。上記のファイル(cssファイル、jsファイル、画像ファイル、jquery等)を合わせて組み込んでいます。