読者です 読者をやめる 読者になる 読者になる

ガレスタさんのDIY日記

電子回路、Web、組み込み、自作エフェクターを語るblog

僕なりのホームページ作成について(3)

ホームページ

今回はWebで公開されているテンプレートを使ってそれっぽいことをするという感じです。
子ページを作るにもメインページの見やすさは大事ですしあくまで一例という感じで読んでみてください。

テンプレートの利用

まあ基本的にホームページのサンプルはHTMLテンプレートなんかでググれば出るんですが日本のサイトっていまいちかっこよくないのが多いので僕がいいなぁと思ったテンプレサイトを紹介しようと思います。

w3layouts.com

templated.co


以上の二つのサイトが結構いい感じにまとまっているのでダウンロードしてBracketsで色々いじってみて覚えるのが一番早いと思います。
Bracketsについてはこの記事読んでください
gsmcustomeffects.hatenablog.com


これを見るとindex.htmlっていうのはあくまで文章の塊でCSSがいかに頑張っているかがわかると思います。

構成の理解

まあテンプレートを利用してそれどうりに作るのも大事なんですが各ファイルの構成も理解しておく必要があります。

僕の場合以下のようにメインの中に子ページをいっぱい作ってそいつらに対してアクセスできる構成にしています。
f:id:gsmcustomeffects:20160305043843p:plain

ここでテクニックですがv

  • メインページ→メインページ用のCSS
  • 個別ページ →個別ページ用のCSS

のように分けるとより見やすくなるかと思います。

基本メインページ用のCSSって一回用意すればめったにいじらないのですが個別ページに関しては結構引用が多くなると思うので名前を付けるときはわかりやすく混同しにくい名前にしておくのもテクニックのひとつです。

まとめ

  • テンプレートの利用法の理解
  • 構成の設計について考えた。