HTML & スタイルシート トレーニングブック HTML5+CSS3対応版 | ||
---|---|---|
本書は、Webページを制作するために必要なHTMLとスタイルシート(CSS)を使ってWebページのデザイン、レイアウトを習得するためのトレーニングブックです。本書では、新たにスマートフォンなどのサイト作成に必要なWebアプリケーションも作成できるHTML5という規格についても解説しています。 HTML5は2014年中には最終勧告として策定され、いよいよHTMLコーディングの中核技術となります。 ●ホームページをデザインするためのスタイルシート HTMLは、比較的簡単に誰でも覚えられるWebページ制作に最低限必要なマークアップ言語です。しかし、HTMLだけでは文字の間隔や大きさ、罫線、幅や高さ、マージンなどを数値指定して細かく調整することが困難です。スタイルシートを覚えると、簡単に好みの文字組みデザインや段組レイアウトを実現できます。 スタイルシートが昨今Webページで重用される背景には、ブラウザがCSSに対応してきたことが挙げられるでしょう。これにより、どのようなOS環境やブラウザでもCSSが表示できるようになってきました。 本書では、HTMLをこれから覚えたい方向けに作例等はXHTMLによって解説を記述しています。 また、最新ブラウザではCSS3にもベンダープレフィックスなしで対応しはじめ、CSS3で追加された主なプロパティの基本的な使い方も今回の改訂で解説しています。 ●「基礎知識」を覚え、「トレーニング」で確認とテスト 本書では、HTMLとCSSの両者を解説しつつ、また、実際にHTMLとCSSでホームページを制作しながらマスターします。 「基礎知識」ではHTMLとCSSの構文、属性、プロパティ、値、解説、使用例をリファレンス的に記述しています。これによって、必要な知識を得ることができます。 「トレーニング」では、実際にサイトに用意した素材を使用しながら、ホームページをデザインする過程を操作の手順を追って学んでいきます。 ●HTML5にも親しもう HTML5は、従来のHTML4やXHTMLのようなマークアップだけの機能でなく、Webアプリケーションをつくるための各種APIを含めた広範で総合的な技術です。初心者の方は、従来のh要素による階層化からセクション要素による階層化と、HTML5で追加、変更、廃止となった要素などを大まかに理解しておきましょう。 ●本書が対応するブラウザバージョンと環境 本書にでてくるブラウザのプレビュー画面は、主にWindows 8環境のInternet Explorer11を使用しています。 Windows Vista/7環境でサイトを制作される方も、Internet Explorer11を使う限りほとんど同じプレビューになりますので、安心して本書をお読みください。 また、本書執筆時点において最新のFirefox、Google Chrome、Opera、Safariでもテストを行っています。 |
||
著者:渡邉希久子 B5変形・320ページ・オールカラー 本体価格:2,380円+税 ISBN978-4-8007-1058-1 |
||
本の購入はこちらからどうぞ | ||
サポートページへ | ||
Chapter 01 HTMLの基本とホームページの理解
※お使いのブラウザでJavaScriptが無効の場合は機能しません。
1-1 ホームページはこうなっている 1-2 ホームページ公開までに行うこと 1-3 HTMLファイルはこうなっている 1-4 タグの基本ルール 1-5 URLについて 1-6 HTMLファイルの基本構造 1-7 文章を構成する基本のタグ(HTML) 1-8 CSSのメリット 1-9 デザイン設定をするCSSの役割 1-10 CSSの基本 1-11 CSSを定義する Chapter 02 CSSで文字と背景の基本デザインを指定する 2-1 文字の大きさを指定する 2-2 文字の色を指定する 2-3 フォントを指定する 2-4 文字を装飾する 2-5 行揃えを指定する 2-6 背景色を指定する 2-7 背景に画像を指定する 2-8 行間と文字間を指定する 2-9 テキストに影をつける(CSS3) Chapter 03 ボックスの構造を理解する 3-1 ボックスの構造を理解しマージンを指定する 3-2 パディングを指定する 3-3 ボーダーを指定する 3-4 ボーダーをまとめて指定する 3-5 幅と高さを指定する 3-6 ボーダーの角を丸くする(CSS3) 3-7 ボックスに影をつける(CSS3) 3-8 線形グラデーションを指定する(CSS3) 3-9 不透明度をRGBAで指定する(CSS3) Chapter 04 画像のデザインと配置テクニック 4-1 画像をホームページ用に加工する 4-2 画像をページに配置する(HTML) 4-3 画像をホームページ用に加工する 応用編 4-4 画像を活用してページをデザイン 4-5 フロートで要素の位置を指定する 4-6 不透明度を指定する(CSS3) Chapter 05 リンクを張ってみよう 5-1 リンクを張る(HTML) 5-2 リンク部分のスタイルを指定する(CSS) 5-3 ページ内でリンクする(HTML) Chapter 06 リスト・テーブル・フォーム 6-1 リストを作成する 6-2 画像を使ったリストマーク(CSS) 6-3 テーブルを作成する(HTML) 6-4 セルを結合する(HTML) 6-5 セル内の余白を調整する(CSS) 6-6 セル内の文字位置を指定する(CSS) 6-7 ボーダーを設定する(CSS) 6-8 CSSでテーブルとセルの大きさを指定 6-9 テーブルやセルの背景を指定する(CSS) 6-10 フォームを作成する(HTML) 6-11 フォームの部品を作成する(HTML) Chapter 07 段組レイアウトを作成する 7-1 フロートによる2段組レイアウト 7-2 ヘッダーとフッター付きの2段組を作成する 7-3 絶対配置によるフッターを付けた2段組 7-4 ヘッダーとフッターを付けた3段組レイアウト Chapter 08 HTML5を学ぼう 8-1 HTML5って何? 8-2 HTML5でのマークアップ方法 8-1 仕様変更のテキスト関連要素と新しく追加・廃止された要素 Chapter 09 FTPでサイトに転送しよう 9-1 FTPでサーバーに転送しよう ≪ 目次を隠す |