h2：タイトル
このテンプレートに含まれるものは、下記のファイルです。ご確認ください。HTML自体は「sp-d2ortho-l」も「sp-d2ortho-r」も、上のイメージ写真部分以外は全く同じものです。ですからスタイルシートを差し替えるだけで、メニューの位置が左右入れ替わります。
- index.html ------------------------トップページのHTMLファイル。
- contents.html ---------------------コンテンツページのサンプル。
- commonフォルダ／style-l.css ------左メニューのスタイルシートです。
- commonフォルダ／style-r.css ------右メニューのスタイルシートです。
- imagesフォルダ --------------------画像素材が入っています。
元画像などは入っておりません。ご了承ください。
シンプルでわかりやすいインターフェイスは、どんなサイトにも対応できます。閲覧者が、どこを見ているかわからなくなってしまうことがありません。
h3：タイトル
文字サイズは14px、行送りは24pxに指定しています。テキストインデントを指定して、段落にアキを指定しています。お好みに合わせてスタイルシートの設定を変更してください。Internet Explorerで文字サイズの変更ができるようにするには、サイズをpxで指定せずに%で指定しましょう。
写真が左側に来る場合の、文章の回り込みを設定しています。
本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。
写真が右側に来る場合の、文章の回り込みを設定しています。
本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。本文の文章を入れてください。