読者です 読者をやめる 読者になる 読者になる

WEBサイト制作の勉強|フェリカテクニカルアカデミー

WEBサイト制作の勉強の為の解説ブログ。東京池袋のフェリカテクニカルアカデミーでは求職者支援訓練の一環として、WEBサイト制作を学ぶことができます。

複数ページのwebサイトの作成

Webサイト制作

前回の授業で制作したCafeサイトの他のページを作成し、複数ページのサイトに作り直しましょう。
複数ページの場合になるとファイル数が一気に増え、各ファイルのデータ管理、ディレクトリ管理がこれまでに比べて難しくなりパスの間違いが増えるのでディレクトリ管理を徹底しましょう。
また、CSSファイルが複数必要になるので、その際の注意点などもしっかりと覚えましょう。

作るページ

  • お店のことページ
  • メニューページ
  • アクセスページ


f:id:yachin29:20151106030656j:plain

複数CSSファイル

CSSファイルが複数入る場合は全ページ共通のCSSファイルと個別ページのCSSファイルに別けるなどの工夫が必要です。

<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/style.css">
各ページに入るコンテンツ

お店のことページ

  • お店のコンセプト
  • こだわりの食材

メニューページ

  • おすすめメニュー
  • ランチメニュー
  • ディナーメニュー
  • ドリンクメニュー

アクセスページ

  • 地図


その都度画像を用意するのが手間な場合は手軽にダミー画像を生成してくれるwebサービスなどを上手に使いましょう。
Placehold.it - Quick and simple image placeholders