ゼロからわかるシリーズゼロからわかる
HTML&CSS 超入門

[表紙]ゼロからわかる HTM

B5判/160ページ/CD1枚

定価(本体1,880円+税)

ISBN 978-4-7741-4536-5

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

本書ではホームページを作ってみたいが何から始めたらよいか分からない,といった初心者を対象にホームページ制作の流れや制作に必要なものといった基礎知識や専門用語を分かりやすい言葉で解説しています。さらに本書に掲載しているサンプルを手順にのっとりながら作成することで,HTMLやXHTMLの記述方法,CSSを使ったスタイルの定義など,制作に必要な基本操作が体験しながら学べるように構成しています。

こんな方におすすめ

  • はじめてHTMLとCSSを学ぶ人

目次

Chapter01 Webページの制作

01 Web ページとは

  • Webページとは
  • Webサイトとは
  • Webページを作るには

02 Web ページ制作の流れ

  • 制作に必要なソフトウェア
  • 制作に必要なハードウェア

Chapter02 HTMLの基礎知識

01 HTMLとは

  • HTMLとは
  • HTMLソースを見る
  • 要素(elements)とタグ(tags)
  • 要素記述時の注意点
  • 属性(Attributes)の追加
  • 要素の親子関係
  • 空要素について
  • ブロックレベル要素とインライン要素

02 HTMLファイルの基本構造

  • HTMLの基本構造
  • 文書型宣言

03 HTMLファイルの保存と閲覧

  • HTMLファイルの保存形式
  • HTML ファイルのファイル名
  • ファイルとフォルダのまとめ方
  • ブラウザでHTML ファイルを見る 029

Chapter03 要素の記述

01 HTMLファイルの作成

  • ファイルを開く
  • ファイルを保存する

02 HTMLの基本タグの入力

  • 基本のタグを入力する
  • ブラウザで表示を確認する
  • ファイル情報を記述する

03 よく使う要素を設定する

  • 見出し要素を設定する
  • リスト要素を設定する
  • 作者情報要素を設定する
  • 段落要素を設定する
  • 改行要素を設定する
  • 強調要素を設定する

Chapter04 画像の挿入とリンクの設定

01 画像の挿入

  • 使用できる画像の種類
  • 画像ファイルの位置指定
  • 画像要素を設定する

02 リンクを設定する

  • リンク要素を設定する
  • リンク先の記述方法
  • リンク先を確認・設定する

03 コメントを付ける

  • コメントを設定する

Chapter 05 ファイルの複製と要素の編集

01 HTMLファイルの複製

  • ひな形を作る

02 ファイルの複製と原稿の挿入

  • ひな形からファイルを作成する

03 HTML ファイルを編集する

  • fruit.html を編集する

Chpater06 表の作成

01 表を作成する

  • company.htmlを作成する
  • テーブル要素を設定する

Chapter07 HTMLをXHTMLに編集

01 XHTMLとHTMLの違い

  • XHTMLとHTML
  • XHTMLの記述方法

02 HTMLファイルをXHTMLに編集する

  • XML宣言文について
  • 文書型宣言について
  • XML名前空間と言語コードについて

03 XHTMLに編集する

  • HTMLをXHTMLに編集する

Chapter08 CSSの基礎知識

01 CSSの基礎知識

  • CSSとは
  • スタイルシートの記述場所
  • CSSファイルの作成と保存
  • CSSファイルの関連付け

02 スタイルシートの記述方法

  • スタイルシートの記述方法
  • セレクタの種類
  • コメントの記述

Chapter09 CSSファイルの作成と関連付け

01 CSSファイルの作成

  • CSSファイルを作成する
  • colorプロパティを設定する

02 スタイルシートの適用

  • CSSファイルを関連付ける
  • ファイルの保存と確認

Chapter10 スタイルの記述

01 フォントやテキストに関するプロパティ

  • font-sizeプロパティ
  • line-heightプロパティ
  • font-styleプロパティ
  • text-alignプロパティ
  • 文字に関するスタイルを設定する

02 ボックスに関するプロパティ

  • ボックスモデルについて
  • borderプロパティ
  • paddingプロパティ
  • ボックスに関するスタイルを定義する

03 スタイルをほかのページに適用する

  • CSSファイルを関連付ける
  • 見出しのスタイルを追加する

04 表のスタイルを定義する

  • border-collapseプロパティ
  • 表のスタイルを定義する
  • background-colorプロパティ

Chapter11 特定の場所にスタイルを適用する

01 div要素を使ったスタイルの設定

  • 複数の要素をグループ化する
  • 要素を区別する
  • idセレクタとクラスセレクタ
  • widthプロパティ
  • div要素のスタイルを定義する

02 floatを使った画像のスタイル定義

  • floatプロパティ
  • clearプロパティ
  • marginプロパティ
  • 特定画像のスタイルを定義する

03 ナビゲーションのスタイル設定

  • list-style-typeプロパティ
  • displayプロパティ
  • リストをメニューにする

04 リンクのスタイル設定

  • text-decoration プロパティ
  • 疑似クラスセレクタ
  • リンクのスタイルを適用する

Chapter12 ファイルのアップロード

01 アップロードの準備

  • アップロードに必要なもの
  • サーバと転送ソフトの準備

02 接続の設定

  • 接続の設定をする
  • ファイルのアップロード

著者プロフィール

太木裕子(おおきひろこ)

1989年よりトレーナーとして活動。アップル認定ヘルプデスクスペシャリスト(ACHDS),アップル認定トレーナーとして大学や企業でトレーニングを担当する。また,デザイン関連や色彩学のトレーニングをはじめトレーニングコース開発などMacintosh,Windowsに拘わらずに担当する。

著書