例題で学ぶ Webデザイン入門

例題で学ぶ Webデザイン入門

HTMLとCSSを駆使して,Webサイトをデザインするための基礎技術習得を目的とした。

ジャンル
発行年月日
2016/10/26
判型
A5
ページ数
192ページ
ISBN
978-4-339-02863-8
例題で学ぶ Webデザイン入門
在庫あり
2営業日以内に出荷致します。

定価

2,640(本体2,400円+税)

カートに入れる

電子版を購入

購入案内

  • 内容紹介
  • 目次
  • 著者紹介

Webの文書構造を記述する言語であるHTMLと文書の体裁やデザインを記述する言語であるCSSを駆使して,Webサイトをデザインするための基礎技術習得を目的とした。解答例はWebからダウンロードでき自習可能とした。

1. ホームページとHTMLの基本
1.1 ホームページが見える仕組み
1.2 ホームページを見るには
1.3 ブラウザの役割
1.4 ブラウザとWebサーバとのやり取り
1.5 インターネット用語の説明

2. EclipseによるHTMLプログラム開発
2.1 Eclipseとは
2.2 Eclipseのインストール
2.3 EclipseとPleiadesのインストール(日本語化)
2.4 Eclipseによる簡単プログラミング

3. HTMLの基本構造とテキスト修飾
3.1 構造タグ
3.2 見出しの表示(タグ<h1>~<h6>)
3.3 段落の作成(<p>~</p>)
3.4 改行の挿入(<br/>)
3.5 下付き<sub>と上付き<sup>文字
 3.5.1 下付き文字<sub>
 3.5.2 上付き文字<sup>
3.6 入力通りに文字列表示<pre>
3.7 その他のタグ
 3.7.1 タグ<hr/>
 3.7.2 タグ<strong>
 3.7.3 タグ<small>

4. 画像の表示
4.1 画像利用の準備
4.2 画像ファイルの作成方法
4.3 ホームページでの使用画像
4.4 画像の表示タグ
4.5 画像ファイルの挿入方法
4.6 <img>タグのalign属性

5. リストを作る
5.1 順番のないリスト
5.2 順番のあるリスト
5.3 順番のあるリストの番号を変える

6. 色の導入
6.1 色名による色の指定
6.2 色の3原色
6.3 背景色<bgcolor>
6.4 文字色<color>

7. リンクの指定
7.1 リンクとは
 7.1.1 リンクのタグ
 7.1.2 同一フォルダのファイルにリンク
7.2 相対パスと絶対パス
 7.2.1 階層が違うファイルへの相対パス
 7.2.2 異なるフォルダの相対パス(基準ファイルをEx08.htmlとする)
 7.2.3 絶対パスの指定方法
7.3 画像にリンクを貼る

8. 表の作成
8.1 表とは
8.2 表の基本タグ
8.3 表の罫線
8.4 表の背景色
8.5 表セルに画像表示
8.6 表セルにリンク

9. マルチメディアの表現
9.1 PDFの表示
9.2 動画の再生
9.3 音楽の再生

10. CSSの指定方法
10.1 CSS(スタイルシート)の役割
10.2 CSSの指定方法
 10.2.1 内部組込みCSSの指定方法
 10.2.2 外部CSSファイルの指定方法
10.3 背景
10.4 文字色
10.5 文字位置
10.6 文字サイズ
10.7 フォントの変更
10.8 セレクタ
10.9 ボックスモデル
 10.9.1 ボックスモデルとは
 10.9.2 ボックスモデルの構成要素
 10.9.3 ボックスモデルの関係
 10.9.4 ボックスモデルの適用タグ

11. ぺージの段組テクニック
11.1 divタグの導入
 11.1.1 使い方
 11.1.2 divタグのプログラム例1
 11.1.3 divタグのプログラム例2
11.2 2段組レイアウト
 11.2.1 2段組レイアウトとは
 11.2.2 1段組レイアウトの例
 11.2.3 左側ブロックに幅設定(50%)
 11.2.4 2段組レイアウト
11.3 3段組レイアウト
 11.3.1 3段組レイアウトとは
 11.3.2 3段組の作成例1(全段幅を%指定)
 11.3.3 3段組の作成例2(2段のみ段幅が%指定)
 11.3.4 3段組の作成例3(両端の段幅のみpxで固定)
 11.3.5 3ブロック左寄せfooter解除(やや複雑なレイアウト)
 11.3.6 別ブロック2段組
 11.3.7 2段組レイアウトの例
11.4 ホームページの背景画像

12. HTMLとCSSのまとめ
12.1 HTMLのタグのまとめ
12.2 CSSのプロパティと値のまとめ

13. JavaScript
13.1 JavaScriptとは
 13.1.1 JavaScriptの指定方法
 13.1.2 JavaScriptのオブジェクトとは
13.2 JavaScriptの制御構造
 13.2.1 反復文
 13.2.2 判断文
13.3 JavaScriptのイベント処理

あとがき
索引

大堀 隆文(オオホリ タカフミ)

木下 正博(キノシタ マサヒロ)

関連資料(一般)

  • 解答例とカラ―図データ

関連資料(採用者向け)

  • 解答例とカラ―図データ

関連資料ダウンロードはこちら