あなたのサイト名などお書きください

制作者より

美容院向けのCSSデザインテンプレートです。限りなくシンプルに仕上げているので、｢スタイリッシュ｣｢シンプル｣｢クール｣というようなイメージを持たせたいWebサイトに最適です。

CSS3のプロパティをたくさん使おうと思っていたのですが、テンプレートを囲んでいる枠しか使っていません。
一応、IE、Firefox、Safari、Chrome、Operaのブラウザで枠が表示されるように修正しました。IEは｢box-shadow｣というCSSプロパティは実装されていないのですが、｢PIE.htc｣というスクリプトファイルをCSSで読み込ませることによってCSS3のプロパティでも実装されるようになります。
｢PIE.htc｣については以下のWebサイトをご参考ください。（英語のサイトです。）

CSS3 PIE: CSS3 decorations for IE

完全幅固定タイプです。
全体的な横幅は800px、メインコンテンツ部分540px（余白除く）、サブコンテンツ部分220px（余白除く）です。サブコンテンツ部分はメニューやバナー等を配置することを想定し、幅を広く取りました。

サンプルページについて

サンプルとして以下のページを作成しています。

実装について

以下の実装をしています。

スムーススクロール
ドロップダウンメニュー

スムーススクロールの採用

ページのトップへ戻るリンクにはJavaScriptを用い、スムースに上部へ戻るようにしております。また、ページ内リンクでも同様の効果を得ることができます。こちらは特に何も変更する必要はありません。

ドロップダウンメニューの採用

ヘッダーのメニューは、ドロップダウンメニューを採用しています。｢メニュー・料金｣｢ヘアカタログ｣にカーソルを当てると、下にサブメニューが現れる仕組みです。

使用した写真素材について

写真画像を足成様からお借りしました。

サンプルについて

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

h2タグ

h3タグ

h4タグ

h5タグ

h6タグ

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

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