サイトのなまえ Site Name

H2: 記事の見出しはこんな感じです

「tro-suke」で配布しているテンプレートは、W3C勧告に準拠しております。HTML5・CSS3 のテンプレートは「The W3C Markup Validation Service」または「Another HTML-lint 5」での構文チェックもクリアしており、減点はありません。「W3C CSS 検証サービス」でCSSの検証もクリアしております。

もちろんホームページは内容が充実していてこそ、すばらしいものになるのですが、適切で正しいHTMLであることにこしたことはありません。正確なHTMLはアクセシビリティの向上やサーチエンジン対策、サイトのメンテナンスなど、ウェブサイト構築には不可欠の要素であり、サイトへのアクセスアップが期待できます。ご安心してお使いください。

H2: 本文と写真の配置など

本文の文字サイズは100%、行送りは190%で指定しています。タイトルや本文の文字サイズは、スタイルシートで変更可能です。お好みのサイズに設定してください。段落は一行目を一文字下げて行間を少し広くとっております。

画像を左側に配置したい場合は class で alignleft を選択、右側に配置したい場合は class で alignright を選択してください。文字の回り込みを設定せずに、中央に画像を配置したい場合は class aligncenter を選択してください。大きな画像を中央に配置する場合はこれが便利ですね。

このテンプレートは、フラットデザインで仕上げてみました。シンプルで見やすい構成になっております。オーソドックスな２カラム右メニューのテンプレートで、迷うことなく目的のページへと誘導できます。ミニ情報サイトをはじめ、個人の方・個人事業主の方など、小さなサイト向けにカテゴリーやコンテンツをまとめやすく設計しました。ポイントとなるカラーは、原色大辞典より“palegreen”をチョイスしました。

テーブル（表組み）やリストのサンプル

テーブルは、細い一本線で表示されます。背景のカラーなどはお好みに合わせて、各自で設定してください。下記のリストも同様です。

• これはリストのサンプルです。
• リストは本来箇条書きですので、あまり長い文章はおかしいですよね。でも長くなったときのサンプルです。
• リストの記入例リストの記入例リストの記入例

タブレットやスマホにも対応したインターフェイス

このテンプレートはPCのブラウザだけでなく、タブレットやスマートフォンにも対応しています。パソコンのブラウザで確認する場合は、ブラウザの横幅を狭めてみてください。タブレットやスマートフォンで見た時の変化を体感できます。

「tro-suke」で配布しているテンプレートをどうぞご利用ください。