HTMLサイトテンプレートを作成しました

ウェブ関連

新規サイト立ち上げのご協力をすることが多く、雛形を作った方が良いと思ったので作成してみました。
最低限設定しておくべき項目をいれてあります。ご活用ください。

[ダウンロード(圧縮ファイル)]

セット内容(ファイル)

index.html

言わずもがなこれがないと何も表示されないファイル。自動的にドメイン直下、トップページに設定されるページになります。

style.css

これも絶対必要なファイル。wordpressテーマと違い、必ずこの名前のファイルがないと動かないという訳ではありませんが、この名前を使った方が良いかと思います。

imagesフォルダ

画像をまとめるのに使用しています。ボタン等細かいパーツはさらにフォルダ分けしても良いかと思います。

悲しいお話

担当サイトの前任の方が一切フォルダ分けをされない上に、名前に規則性もなかった為不要なのか判断がつかないデータが転がっていて、大変切ない気持ちに。
整理整頓は私生活にも役立つので会得しておきましょう。

cssフォルダ

こちらはどちらでも良いと思いますが、style.cssと分けて作成したい時はこのフォルダ内にcssファイルを作成しています。
経験的にはたまにレスポンシブの指示をこのフォルダ内ファイルに入れているサイトがあったりしました。

-style.css

リセットcssを上部に入れています。

jsフォルダ

これもどちらでもいい。なんならフォルダは多岐に渡らないならimagesフォルダだけでもいいと思ってます。jQueryテンプレートを外部から引っ張ってきたり、
コードが長くなりファイルを分けたくなった時にはこの中に突っ込んでいます。

style.js

index.htmlにサンプルとして読み込ませる為に作成をしています。そのまま使っても良し。名前を変えて使っても良しです。

という具合に大したものは入っていません。ただ便利かなとは思います。
中身についてのご説明はご要望があればします。

参考サイト

サルワカさん:head内に書くべきタグを総まとめ

コメント

タイトルとURLをコピーしました