ポケットリファレンスシリーズ改訂第4版 オールカラー HTMLポケットリファレンス

[表紙]改訂第4版 オールカラー HTMLポケットリファレンス

四六判/320ページ

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

ISBN 4-7741-1704-8

ただいま弊社在庫はございません。

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

書籍の概要

この本の概要

ホームページ作成に信頼の一冊が,いよいよ改訂第4版になりました。オールカラーで読みやすく,目に楽しいサンプルが満載です。今回はそれぞれの要素についてHTML4.01に対応か非対応かを明記し,初心者が知識の幅を広げられるようになっています。付録のスタイルシートリファレンス,配色見本も充実し,これ一冊でホームページ作成はばっちりです。

こんな方におすすめ

  • HTMLタグやスタイルシートをさっと調べたい方
  • すべてのホームページ作成者

目次

Chapter00●HTML 基本ルール

  • HTML概論
  • HTMLの構造とタグ
  • 要素・属性・属性値
  • ブロック要素とインライン要素
  • ファイル名について
  • 階層(ディレクトリ)
  • ファイルの場所(URL)
  • 相対パスと絶対パス
  • HTMLでの色指定

Chapter01●ページ設定

  • HTMLのバージョン情報を記す
  • HTMLファイルの骨組みを作る
  • ページに名前をつける
  • ページについての付加情報を記述する
  • 検索エンジン用にキーワードなどを設定する
  • ほかの文書とのリンク関係を示す
  • ブラウザで表示されない注意書きを入れる
  • ページに背景色を表示する
  • 文字の基本表示色・リンク色を設定する
  • 基本の文字サイズを指定する
  • ページの背景にイメージを表示する
  • スクロールしても背景イメージを動かさない
  • ほかのページへのリンクの基準を決める
  • ページの上,左に余白を設ける
  • ページ内容についての連絡先を入れる
  • ページにスクリプトを組み込む
  • Column「特殊な文字をブラウザ表示する『文字参照』」

Chapter02●段落・区切り

  • 文章を段落として表示する
  • まとまりを表す?
  • まとまりを表す?
  • イメージや文章をセンター揃えに表示する
  • ブラウザの表示上で改行させる
  • 文章の改行をコントロールする
  • 文章を段組にして表示する
  • 区切り線を引く
  • 区切り線の太さを指定する
  • 区切り線の幅を指定する
  • 区切り線の表示位置を指定する
  • 区切り線のシャドウを消す
  • 区切り線に色をつける

Chapter03●テキスト

  • 文字の大きさを部分的に変える
  • 文字を部分的に大きく・小さくする
  • 文字の色を部分的に変える
  • 文字を指定の書体で表示する
  • 文字をボールド・イタリックで表示する
  • 文字を強調表示する
  • 文字をすべて同じ幅に表示する
  • 文字を上付き・下付きに表示する
  • 文字を取り消す線,強調する下線を表示
  • 変更(訂正)箇所に目印をつける
  • テキストを意味づけして表示を変える
  • 用語が略語・頭文字であることを示す
  • 文章を見出しとして表示する
  • 見出し文字の揃えを指定する
  • 長い文章を引用して表示する
  • 短い用語(文章)を引用して表示する
  • テキストを(改行やスペースなど)ソース通りに表示
  • テキスト(タグを含む)を入力した通りに表示
  • 文字にルビをふる
  • 文字を点滅表示する
  • テキストを左から右にスクロールさせる
  • スクロールのしかたに変化をつける
  • スクロールのくり返し回数を指定する
  • スクロールの移動距離間隔、時間間隔を指定する
  • スクロールするエリアに背景色をつける
  • スクロール範囲のサイズを指定する
  • スクロール範囲の周辺にスペースをあける

Chapter04●リスト

  • 文頭に記号のついたリスト表示にする?
  • リストの文頭マークに変化をつける
  • 文頭に番号のついたリスト表示にする
  • リストの文頭番号の種類を変える
  • リストの最初の数字を指定する
  • 文頭に記号のついたリスト表示にする?
  • 用語と説明文をリストとして表示
    • Column「番号順リストの種類と開始番号の組み合わせ」
    • Column「リストの階層化(入れ子指定)」

Chapter05●イメージ・オブジェクト

  • 画像をページに貼り込む
  • 本画像の前に仮画像を表示する
  • 画像が表示できないときにテキストを表示
  • 画像の表示サイズを指定する
  • 画像に枠を表示する
  • 画像の回り込みテキストの位置を指定する
  • 画像に対するテキストの並び方を決める
  • 画像の並び方をもっと細かく指定
  • 画像と回り込みテキスト間の余白を指定する
  • 画像横のテキストの回り込みを解除
  • 縦方向,横方向にスペースを設ける
  • 四角いスペースのサイズを指定する
  • 音声・動画データを表示する
  • 音声・動画データの表示サイズを指定する
  • 音声・動画データの並びを指定する
  • 音声・動画データを自動再生させる
  • 音声・動画データを隠す
  • ムービー(AVI)を表示する
  • オブジェクト(イメージ・ムービー等)を配置する
  • 効果音を鳴らす

Chapter06●リンク

  • 文字やイメージにリンクをかける
  • リンク先の内容を表示するウインドウを指定
  • リンク先を新ウインドウを開いて表示する
  • 同じページの指定箇所にジャンプさせる
  • ほかのページの指定箇所にジャンプさせる
  • メールウインドウを開くリンクボタンを作る
  • 電話をかけるリンクボタンを作る
  • ダウンロードさせるファイルを指定する
  • キー操作でリンク先にジャンプさせる
  • リンクボタンにしたイメージの枠を消す
  • 1枚のイメージ内に複数のリンクを設定する
  • リンクボタン上でヘルプ表示させる

Chapter07●テーブル

  • 表組の基本の形を作成する
  • 表組の外枠を表示する
  • 表組の縦横に並ぶ枡目(セル)を作る
  • 表組でヘッダ項目用の枡目(セル)を作る
  • 表組のウインドウ内の表示位置を指定する
  • 表組周辺に余白を指定する
  • 表組全体のサイズを指定する
  • 表組内の枡目(セル)のサイズを指定する
  • 表組にキャプションをつける?−上下
  • 表組にキャプションをつける?−下の左右
  • 表組の外枠の表示箇所を指定する
  • 表組内の罫線の表示方法を指定する
  • 表組の外枠の色を変える
  • 表組の背景にイメージを表示する
  • 表組の背景に色をつける
  • 表組の枡目(セル)間の間隔を指定する
  • 表組の枡目(セル)内の余白を指定する
  • 表組で複数の枡目(セル)を縦方向に連結する
  • 表組で複数の枡目(セル)を横方向に連結する
  • 表組内のテキストの表示位置を指定する?
  • 表組内のテキストの表示位置を指定する?
  • 枡目(セル)内の文字の自動改行を制限する
  • 表組をヘッダ,ボディ,フッタにグループ分けする
  • 表組の縦列の内容をグループ分けする
    • Column「表組作成に便利なツール1(作成支援ソフトの利用)」
    • Column「テキストベースのブラウザや,テキスト読み上げツールから利用できる表組」
    • Column「表組作成に便利なツール2(JavaScript)」

Chapter08●フレーム

  • 画面を分割するフレームを定義する
  • フレームの境界線の有無を指定する
  • フレームの境界線の太さを指定する
  • フレーム間の距離(境界線の太さ)を指定する
  • フレームの境界線に色をつける
  • フレーム内のスクロールの可否を指定する
  • フレームサイズの変更を禁止する
  • フレーム内に表示するページの余白を指定をする
  • フレームをページ内の一部に組み込む
  • ページに組み込んだフレームをレイアウトする
  • フレーム内からのリンクの表示先を指定する

Chapter09●フォーム

  • フォームを定義(送信先や形式の指定)する
  • フォームで送るデータ形式を指定する
  • テキスト入力できる1行の欄を設ける
  • 選択肢のチェックボックスを作る
  • 選択肢のラジオボタンを作る
  • パスワードの入力欄を作る
  • ファイル選択のボタンを作る
  • テキスト入力できる複数行の欄を作る
  • 複数行入力欄の改行をコントロールする
  • 回答選択メニューを作る
  • 回答選択メニューの内容を一覧で表示する
  • ブラウザに表示されない項目を作る
  • 入力したテキストをクリアするボタンをつける
  • 入力したテキストを送信するボタンを作る
  • 送信ボタンにイメージを表示する
  • いろいろな要素を表示したボタンを作る
    • Column「フォームの概説」

Chapter10●Appendix

  • スタイルシート&Webデザインヒント
  • (1)スタイルシートリファレンス
    • ■スタイルシートの基礎知識
    •  スタイルシートの役割
    •  スタイル指定(スタイル宣言)のルール
    •  スタイル宣言をする場所
    •  適用可能な要素が限られるプロパティ
    •  スタイル指定で使う単位
    •  適用対象の「ボックス」という考え方
    • ■スタイルシートの設定パターン
    •  ファイルを参照する形でスタイルシートを適用
    •  ヘッダに記述してスタイルシートを適用
    •  タグにstyle属性を追加してスタイルを適用
    •  タグにclass属性を追加してスタイルを適用
    • ■スタイルシートの適用対象(セレクタ)
    •  すべての要素にスタイルを適用
    •  特定の要素にスタイルを適用
    •  要素内の特定要素(子孫)に適用
    •  要素内の特定要素(子)に適用
    •  特定要素の直後にある要素に適用
    •  特定の属性をもつ要素に適用
    •  特定の属性=属性値を持つ要素に適用
    •  要素をグループ化してスタイルを適用
    •  クラス名(名称)を設定してスタイルを適用
    •  ID(名称)を設定してスタイルを適用
    •  リンクテキストにスタイルを適用
    • ■プロパティリファレンス
    •  文字の表示書体
    •  文字のサイズ
    •  文字のウエイト
    •  文字のイタリック/斜体表示
    •  英文字のスモールキャピタル表示
    •  行間
    •  文字に関するスタイルの簡略指定
    •  文字の色(前景色)
    •  大文字・小文字表示
    •  文字の装飾
    •  文字の表示方向(左・右)
    •  背景色
    •  背景イメージ
    •  背景イメージのくり返し表示
    •  背景イメージを固定表示
    •  背景イメージの表示位置
    •  背景に関するスタイルの簡略指定
    •  文字の間隔(字間)
    •  単語の間隔
    •  行内の上下の表示位置(揃え)
    •  段落の表示位置(揃え)
    •  文頭の字下げ(インデント)
    •  空白類文字の扱いと改行の処理
    •  幅・高さ
    •  回り込み(フロート)
    •  回り込みの解除
    •  枠と内容(中身)間の余白
    •  周辺の余白(マージン)
    •  枠(ボーダー)の太さ
    •  枠(ボーダー)のスタイル(形状)
    •  枠(ボーダー)の色
    •  枠に関するスタイルの簡略指定
    •  リストマーク(文頭のマーク)
    •  リストマークのイメージ表示
    •  リストマークの表示方法
    •  リストに関するスタイルの簡略指定
    •  要素の表示・非表示
    •  要素の表示方法(種類)
    •  カーソルの形状
    •  フローした(あふれた)内容の表示方法
    •  配置方法の指定
    •  配置位置の指定をする
    •  配置(積み重ね)順
    •  切り抜き領域
    •  表組のレイアウト方法(固定・自動)
    •  表組のボーダーを分離・結合表示
    •  分離表示したボーダーの間隔
    •  空のセルのボーダー表示の有無
    •  表組キャプションの表示位置
  • (2)Webデザインヒント(カラーリング)
    • カラーのもつ「機能」と「相性」
    • テーマにあったカラーと相性のいい「配色」
    • 配色サンプル
    • ・Red(赤)グループの配色
    • ・Yellow(イエロー)グループの配色
    • ・Green(緑)グループの配色
    • ・Cyan(シアン)グループの配色
    • ・Blue(青)グループの配色
    • ・Magenta(マゼンタ)グループの配色
    • Webセーフカラー配列表
    • ・Red(赤)基準
    • ・Green(緑)基準
    • ・Blue(青)基準
    • カラーネーム一覧
    • RGBカラー16進数値対応表
  • (3)Webデザインヒント(マテリアル)
    • Webページで使える画像形式
    • 軽いイメージデータを作るコツ