例題で学ぶ Webデザイン入門
HTMLとCSSを駆使して,Webサイトをデザインするための基礎技術習得を目的とした。
- 発行年月日
- 2016/10/26
- 判型
- A5
- ページ数
- 192ページ
- ISBN
- 978-4-339-02863-8
- 内容紹介
- 目次
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のイベント処理
あとがき
索引
関連資料(一般)
- 解答例とカラ―図データ
関連資料(採用者向け)
- 解答例とカラ―図データ