テンプレートのサンプル No.02【カエルクリエイト】福岡のフリーランスWEBデザイナー

テンプレートサンプルNo.02

【テンプレートのサンプルNo.02について】
非常にシンプルな1カラムのCSSデザインテンプレートです。ギャラリーサイトや写真を並べるのにも、ちょうどよいシンプルさだと思います。blogのデザインとしてもいけるのではないでしょうか。

このテンプレートはトップページとコンテンツページが同じデザインになりますので、『基本プランで5ページまで』大丈夫です。
1ページの中に複数の項目（プロフィール、連絡先、営業時間、メニューなど）をまとめることもできます。

完全幅固定タイプです。全体的な横幅は740pxで、左右にそれぞれ20pxの余白を設けています。

ページ上部への戻りは、JavaScriptを用いて、なめらかにスクロールしながら移動するようにしております。

小さなお花が咲きました。

blog記事やフォトギャラリーを想定したデザインです。写真をポラロイド風にします。写真の後ろの段落は回り込むようにしてあります。

写真の横幅は200pxで統一していますので、できればそれ以上の写真をご用意ください。

下のように写真を並べることも出来ますので、フォトギャラリーや写真つきの日記だけでなく、飲食店のメニュー、取扱商品の紹介、サークルのメンバー紹介などお好きな用途にカスタマイズできます。

（写真の説明など、文章が長くなった場合、初期設定では写真の下に回りこむようになっています。写真の説明など、文章が長くなった場合、初期設定では写真の下に回りこむようになっています。写真の説明など、文章が長くなった場合、初期設定では写真の下に回りこむようになっています。）

写真の下にコンテンツ本文などの文章を続けることもできます。内容が変わるときは、見出しなどを入れて区切ると分かりやすくなります。

以下、サンプルタグになります。ご利用の際は参考にしてみてください。

強調（em） より強い強調（strong） 追加（ins） ~~削除（del）~~
テキストアンカー

定義リスト1: 定義した用語の説明
定義リスト2: 定義した用語の説明
定義リスト3: 定義した用語の説明
dd要素の中はブロックレベルのタグを使用することが出来ます。例えば、<p>タグも記述することが出来ます。しかし、dt要素にはインライン要素しか記述することができません。