ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

こだわりページの確認

こだわりページを確認しよう

こだわりページを作成するまえに、内容を確認しておきましょう。

こだわりページは、「さきちんカフェ」の「こだわり」を紹介するページとなります。

[こだわりページの完成図]
こだわりページの画像

上から順に、使用している食材の品質、流通工程、お客様へのご提供までの「こだわり」を解説しています。

また、解説文横にはイメージ画像が表示され、内容を視覚的にアピールします。

使用されているスタイルの確認

こだわりページでは、これまでに作成したスタイルを再利用します。

使用するスタイル

  • 「contentsbox」
  • 「midashi」
  • 「imgbox」
  • 「clear」

上記の4スタイルを使い、ページを作成します。
なお、新しくスタイルを作成する必要はありません。

挿入する画像

こだわりページに挿入する画像は、「img」フォルダ内の以下の画像です。

挿入する画像

挿入する画像

  • 「yasai01.jpg」
  • 「yasai02.jpg」
  • 「anshin.jpg」

上記3点の画像を、それぞれの「こだわり解説文」横に表示させます。

既存のスタイルを流用して組み立てるので「style.css」を編集する必要はありませんが、「kodawari.html」に入力する文字数が多いので、誤字脱字や入力ミスに気をつけましょう。

覚えておきたいポイント

ページの内容と構成

こだわりページは、「さきちんカフェ」のPRポイントとなる「こだわり」を紹介するページです。
それぞれのこだわりを説明し、画像を3点挿入します。
なお、これまでに作成したスタイルを再利用するので、新規スタイルを作成する必要はありません。

こだわりページの組み立て[前編]
« 前のページへ メニューページの組み立て[後編]

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。