HTML5&CSS3 レッスンブック

エビスコム

ベストセラー「HTML/XHTML&スタイルシートレッスンブック」のHTML5&CSS3対応版が待望の刊行！

定価: 2,640円（本体価格 2,400円）

発売日

2013年5月27日
判型／ページ数

B5変形／320ページ（オール4C）
ISBN

978-4-88337-872-2
備考

-

この書籍を購入する

この書籍を問い合わせる

キーワード：: Webデザイン / Web制作 / スタイルシート / ブラウザ / マークアップ

概要
目次
正誤表・ダウンロード

Webページの制作に特別なソフトは必要ありません。WindowsやMacintoshに付属のソフトですぐに作り始めることができます。

本書で作成するWebサイトは、さまざまな場面で使えるように配慮しており、スマートフォンやタブレットにも対応しています。

＜本書の特徴＞
●Webサイトをステップ・バイ・ステップで作りながら、ノウハウを身につける
●HTML5とCSS3（スタイルシート）の両方を使った最新の制作手法をマスター
●応用テクニックやその仕組み、さらに踏み込んだ各種の情報もTIPSとして網羅

Chapter 0　下準備

Step0-1　ブラウザの準備
Step0-2　テキストエディタの準備
Step0-3　作業場所の準備
Step0-4　サーバーの準備

Chapter 1　基本的なページの作成

Step1-1　HTMLファイルとスタイルシートファイルの作成
Step1-2　Webページの土台を作る
Step1-3　コンテンツを記述する
Step1-4　コンテンツをマークアップする
Step1-5　文字のデザインをカスタマイズする
Step1-6　1つのコンテンツとしてマークアップする
Step1-7　ヘッダーとフッターを追加する

Chapter 2　レイアウトとデザイン

Step2-1　背景に色を付ける
Step2-2　横幅と配置を指定する
Step2-3　罫線で囲む
Step2-4　影を付ける
Step2-5　角を丸くする
Step2-6　ヘッダーをバーの形にデザインする
Step2-7　Webフォントを利用する

Chapter 3　画像の表示

Step3-1　画像を表示する
Step3-2　画像を中央に配置する
Step3-3　画像を左または右に配置する
Step3-4　ロゴ画像を表示する
Step3-5　背景画像を表示する
Step3-6　画像にキャプションを付ける
Step3-7　記事ページを増やす（1）
Step3-8　記事ページを増やす（2）

Chapter 4　リンクとナビゲーション

Step4-1　リンクを設定する
Step4-2　関連記事へのリンクをリストアップする
Step4-3　ナビゲーションメニューを作成する
Step4-4　ナビゲーションメニューのデザインを指定する
Step4-5　ロゴ画像とサイト名にリンクを設定する
Step4-6　各ページのヘッダーを統一する

Chapter 5　インデックスページの作成

Step5-1　記事の一覧ページを作成する
Step5-2　特定ページのデザインを指定する
Step5-3　投稿日時を表示する
Step5-4　概要全体にリンクを設定する
Step5-5　トップページを作成する
Step5-6　大きな画像を表示してトップページをデザインする
Step5-7　既存の設定を流用してデザインを指定する
Step5-8　グラデーションのリンクボタンを追加する