ファイル構成
当サイトは、cssファイル、jsファイル、htmlファイルと、jqueryを使用しホームページを作成しています。写真は.jpgや.png等を使用しております。
動画はMP4で、html埋め込み、またはYouTubeとリンクをしております。
（ソフトの組み方は人それぞれなので、自分に合っている組み方を、他のサイトから探したりもしてみてください。）
当サイトのファイルの構成と処理は以下の様になっています。
＜当サイトのファイル構成＞
●.cssファイル |
画面レイアウト（ＰＣ、スマホ表示切替のレイアウト（レスポンシブ対応））を組み込んでいます。 サイトは４つのブロックで構成し、cssを変えるだけでＰＣ表示時のサイドバーの位置を変更でき、スマホ表示は（ＰＣのブラウザで画面縮小しても）変わらないように考えました。 また、各ページにあるテーブル構造のレスポンシブ対応、文字の折り返し、画像の大きさの可変、サイトマップの構造もここに組み込んでいます。 |
|---|---|
●.jsファイル |
ホームページにアクションを与えたり、纏められるhtmlコードを組み込んでいます。 主に以下の処理を入れています。 ・ヘッダーのHOMEボタン（画面上部左側） ・更新日のコード ・INDEX（サイドとコンテンツ下）のコード ・フッターのコード ・少し下にスクロールすると、表示されるページ最上部へ移動する「↑」ボタン処理 |
●.jpg/.png/.gif/.mp4/.icoファイル |
各画像・動画ファイルとなります。「.gif」は動作する画像（パラパラ漫画みたいな物）、「.ico」は当サイトのマーク画像となります。 「.mp4」は動画ファイルとなります。 「.jpg」「.png」は用途に合わせて使用している画像です。 |
●.htmlファイル |
ブラウザに表示するファイルです。上記のファイル（cssファイル、jsファイル、画像ファイル、jquery等）を合わせて組み込んでいます。 |