まえがき
できるシリーズの読み方
目次

第1章　ホームページの仕組みを知ろう

レッスン1　ホームページって何？　＜ホームページ＞
レッスン2　ホームページ作りを理解しよう　＜ホームページ作成の流れ＞
レッスン3　ホームページの基本を知ろう　＜HTMLファイル＞
レッスン4　ホームページを無料で作ろう　＜テキストエディター＞
レッスン5　ホームページのテーマを決めよう　＜テーマの決定＞
この章のまとめ

第2章　ホームページを作る準備をしよう

レッスン6　ファイルの種類が分かるようにするには　＜フォルダーオプション＞
テクニック：ファイルの種類は拡張子で判断する
レッスン7　HTMLファイルを保存するフォルダーを作るには　＜新しいフォルダー＞
レッスン8　HTMLファイルを作るには　＜名前を付けて保存＞
レッスン9　HTMLファイルを更新するには　＜最新の情報に更新＞
この章のまとめ
練習問題
解答

第3章　ホームページに表示する文章を作ろう

レッスン10　文章を構成するタグを知ろう　＜文章を構成するタグ＞
レッスン11　HTMLファイルの基本部分を作るには　＜DOCTYPE／htmlタグ＞
レッスン12　ホームページの基本部分を作るには　＜headタグ／bodyタグ＞
レッスン13　日本語を正しく表示するには　＜文字コードの指定＞
レッスン14　ホームページにタイトルを付けるには　＜titleタグ＞
レッスン15　見出しを付けるには　＜h1タグ／h2タグ＞
テクニック：タグの内容に「<」「>」「&」を使いたいときは
レッスン16　本文を段落と改行を使って入力するには　＜pタグ／brタグ＞
レッスン17　文字を強調するには　＜emタグ＞
レッスン18　箇条書きのリストを作るには　＜ulタグ／liタグ＞
テクニック：番号付きのリストを作る
この章のまとめ
練習問題
解答

第4章　リンクを張ってホームページをつなげよう

レッスン19　リンクでホームページを充実させよう　＜リンクの効果＞
レッスン20　属性の仕組みを知ろう　＜属性と値＞
レッスン21　ほかのホームページにリンクを張るには　＜aタグ＞
レッスン22　見出しにリンクを張るには　＜href属性／id属性＞
テクニック：リンクの色は元に戻せる
この章のまとめ
練習問題
解答

第5章　ホームページを公開しよう

レッスン23　ホームページ公開の準備をするには　＜プロバイダーへの申し込み＞
テクニック：プロバイダーのホームページサービスを利用しよう
レッスン24　ファイルを保存する準備をするには　＜FFFTP＞
レッスン25　ホームページのファイルをサーバーに保存するには　＜アップロード＞
レッスン26　公開したホームページを確認するには　＜URLの確認＞
テクニック：「index.html」は入力しなくても表示される
レッスン27　検索サイトに登録するには　＜検索サイトへの登録＞
テクニック：Googleにホームページを登録するには
この章のまとめ

第6章　スタイルシートでデザインを整えよう

レッスン28　スタイルシートって何？　＜スタイルシート＞
レッスン29　スタイルシートの仕組みを知ろう　＜デザインの統一＞
レッスン30　スタイルシートを使う準備をするには　＜スタイルシートの基本設定＞
レッスン31　背景の色を変えるには　＜backgroundプロパティ＞
レッスン32　文字の色を変えるには　＜colorプロパティ＞
レッスン33　見出しの大きさを変えるには　＜font-sizeプロパティ＞
レッスン34　行間を空けて読みやすくするには　＜line-heightプロパティ＞
レッスン35　ページの左右に余白を作るには　＜margin-leftプロパティ／margin-rightプロパティ＞
レッスン36　強調文字の見ためを変えるには　＜font-styleプロパティ／font-weightプロパティ＞
レッスン37　リンクが設定された文字の色を変えるには　＜リンク色の変更＞
テクニック：ほかとは違うリンク文字に設定してみよう
レッスン38　スタイルシートだけのファイルを作るには　＜CSSファイルの作成＞
レッスン39　CSSファイルを編集するには　＜CSSファイルの利用＞
レッスン40　サーバーのHTMLファイルを更新するには　＜ミラーリングアップロード＞
この章のまとめ
練習問題
解答

第7章　ホームページに画像を表示しよう

レッスン41　いろいろな画像を表示しよう　＜画像ファイルの利用＞
レッスン42　ホームページ用に画像を加工するには　＜サイズ変更＞
テクニック：画像の明るさやコントラストはリサイズ前に調整する
レッスン43　画像を表示するには　＜imgタグ＞
レッスン44　スタイルシートで画像を飾るには　＜text-alignプロパティ／box-shadowプロパティ＞
レッスン45　タイトルロゴを作るには　＜タイトルロゴの作成＞
テクニック：フォントを変えれば、雰囲気も変わる
レッスン46　タイトルロゴを表示するには　＜タイトルロゴの表示＞
レッスン47　アイコン画像を表示するには　＜アイコンの表示＞
テクニック：Flashのアイコンを追加するには
この章のまとめ
練習問題
解答

第8章　表を使って項目を見やすくしよう

レッスン48　ホームページに表を入れよう　＜表作成の流れ＞
レッスン49　項目を表にして表示するには　＜tableタグ／trタグ／tdタグ＞
レッスン50　表の見出しを目立たせるには　＜thタグ＞
レッスン51　表に枠線を付けるには　＜borderプロパティ＞
レッスン52　セル内のすき間を設定するには　＜paddingプロパティ＞
レッスン53　表に背景色を付けるには　＜backgroundプロパティ＞
この章のまとめ
練習問題
解答

第9章　たくさんのページでホームページを構成しよう

レッスン54　ホームページ全体の構成を考えよう　＜複数ページの構成＞
レッスン55　トップページを作るには　＜トップページの作成＞
テクニック：フォルダーを開いてキー操作でコピーする
レッスン56　サブページを作るには　＜サブページの作成＞
レッスン57　リンク集を作るには　＜リンク集の作成＞
レッスン58　アバウトページを作るには　＜アバウトページの作成＞
この章のまとめ
練習問題
解答

第10章　たくさんの画像を使ってギャラリーページを作ろう

レッスン59　ホームページにギャラリーページを追加しよう　＜ギャラリーページ作成の流れ＞
レッスン60　ファイルを新しいフォルダーに分けるには　＜相対パス＞
テクニック：上のフォルダーは「../」で表す
レッスン61　ギャラリーページを作る準備をするには　＜画像の準備＞
レッスン62　ギャラリーページを作るには　＜ギャラリーページの作成＞
テクニック：画像に別のページへのリンクを設定できる
この章のまとめ
練習問題
解答

第11章　ホームページをパワーアップしよう

レッスン63　ホームページにさまざまな効果を付けよう　＜効果の追加＞
レッスン64　ホームページの背景に画像を敷くには　＜背景画像＞
レッスン65　Googleマップを表示するには　＜Googleマップの設置＞
レッスン66　YouTubeの動画を埋め込むには　＜YouTube動画の設置＞
レッスン67　Facebookの［いいね！］ボタンを付けるには　＜Facebookのボタンの設置＞
テクニック：Twitterのツイートボタンも付けられる
この章のまとめ

付録1　付属CD-ROMの構成
付録2　サンプル画像の使い方
付録3　フリーソフトをインストールするには
付録4　すぐに使えるフリー素材集510点＋Flash15点
付録5　ホームページ色名一覧
付録6　スタイルシートで使う単位
付録7　お試しCSSファイルの使い方
付録8　本書で使うタグとスタイルシートのプロパティ一覧

用語集
索引

できるサポートのご案内
本書を読み終えた方へ
読者アンケートのお願い