関連サイト
本書の関連ページが用意されています。
内容紹介
そもそもWebサイトって何？というあなたでも、インターネットの基本からHTMLとCSSの基本と使いこなしを学び、総まとめとしてシンプルなコーポレートサイトを制作できます。制作する前の環境構築もていねいに説明しています。
Web関連の企業に内定が決まった学生や、Web関係の部署に異動になった社会人など、必要に迫られて一通りきちんと学びたい人のための、新・定番書です。
ダウンロードできるサンプルデータで実際に作りながら学べます。Windows&Mac対応。
書誌情報
- 著者: デジカル/HONTENTS
- 発行日: 2016-11-28 (紙書籍版発行日: 2016-11-28)
- 最終更新日: 2016-11-28
- バージョン: 1.0.0
- ページ数: 248ページ(PDF版換算)
- 対応フォーマット: PDF
- 出版社: マイナビ出版
対象読者
著者について
デジカル/HONTENTS
編集/制作/企画をはじめ、装丁デザインまで本作りのすべてを手がけています。コンピュータ書、実用書、ビジネス書など、人を豊かにするコンテンツを提供し続けています。
目次
Part 1 Web サイトを作る準備をしよう
Chapter 1 そもそもWebサイトってなに？
- Section 01 インターネットの基礎知識
- Section 02 Webブラウザとは
- Section 03 Webサイトの目的と種類
Chapter 2 Webサイトを作るために
- Section 01 Webサイト制作の流れ
- Section 02 サイトの設計とデザイン
- Section 03 サイト制作に使うプログラミング言語
- Section 04 サイト上で取り扱う情報
- Section 05 公開するファイルのルール
- Section 06 インターネット上のマナー
- Section 07 制作環境を整える
Part 2 HTMLでWebページの原型を作ってみよう
Chapter 3 HTMLの基本
- Section 01 HTMLを使って何をするのか？
- Section 02 HTMLの仕組みと書き方
Chapter 4 HTMLファイルを作成する
- Section 01 作業用フォルダを用意し、HTMLファイルを作成する
- Section 02 HTMLファイルの基本設定を行う
- Section 03 タイトルと文章を入力する
- Section 04 HTMLをブラウザで確認する
Chapter 5 HTMLページの内容を記述する
- Section 01 ブロックレベル要素とインライン要素とは
- Section 02 本文を段落で区切る
- Section 03 本文に見出しを付ける
- Section 04 改行・空白・特殊文字・水平線などを入力する
Chapter 6 ページ内にいろいろな要素を挿入する
- Section 01 要素に属性を与えてみよう
- Section 02 語句を強調するインライン要素
- Section 03 ページ内にリストを作成する
- Section 04 ページ外部へのリンク
- Section 05 ページ内の指定位置へリンクを挿入する
- Section 06 ページに画像を配置する
Part 3 CSSでWebページを装飾しよう
Chapter 7 CSSの基本
- Section 01 CSSを使って何をするのか？
- Section 02 CSSの仕組みと書き方
- Section 03 要素をグループ化し、名前を付ける
- Section 04 セレクタの使い方
Chapter ８ CSSで要素の装飾を設定する
- Section 01 文字や背景、色を変更する
- Section 02 文字や画像の位置揃えを設定する
- Section 03 文字の書式を設定する
- Section 04 リンクの見た目と挙動を設定する
- Section 05 行頭に画像を設定する
- Section 06 リストの見た目を変更する
- Section 07 表の見た目を変更する
Chapter 9 CSSでボックスごとのレイアウトを行う
- Section 01 レイアウトとは
- Section 02 ボックスモデルとは
- Section 03 レイアウトの種類
- Section 04 ページの幅を設定する
- Section 05 境界線を設定する
- Section 06 ボックス本体の大きさを設定する
- Section 07 マージンを設定する
- Section 08 パディングを設定する
- Section 09 positionプロパティで位置を制御する
- Section 10 displayプロパティで表示形式を変更する
- Section 11 floatプロパティで表示を制御する
- Section 12 2カラム表示のレイアウトにする
Chapter 10 CSSで簡単なページデザインを行う
- Section 01 レイアウトラフを作成する
- Section 02 ボックス要素の基本設定を行う
- Section 03 各ボックスを配置する
Part 4 シンプルなコーポレートサイトを作ってみよう
Chapter 11 サイトの設計図を作る
- Section 01 ディレクトリ構造を考える
- Section 02 各ページの機能とそれにあったデザインを考える
Chapter 12 サイトを構築する
- Section 01 グローバルナビゲーションを作成する
- Section 02 ヘッダーを作成する
- Section 03 トップページのサイドバーを整理する
- Section 04 フッターを作成する
- Section 05 リンク先のページを作成する
- Section 06 フォームを作成する
Chapter 13 サイトを公開する
- Section 01 サーバーへサイトをアップロードする
- Section 02 検索エンジンに登録する
- Section 03 SNSと連携する