おもちメモ

日々の学習とドラム練習の目標と成果をつづります。

                     

1冊ですべて身につくHTML & CSSとWebデザイン入門講座

こちらも勉強中というか実習中。

あとあと役に立つといいなという気持ちで読んでいます。

 

 

----------------------------------------------------------------------------
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて学べる『Webクリエイターボックス』の中の人、
Manaによる渾身のHTML&CSSとWebデザインが学べる本
----------------------------------------------------------------------------

Webサイト制作に必要な知識がすべて身につく!
今のWebサイトの作り方が一気に学べる!

・知識ゼロから体系的に学べる! HTMLとCSSの基本
・最新の技術に対応! レスポンシブ、Flexbox、CSSグリッド
・手を動かしながら学べる! プロの現場で役立つテクニック
・コードの知識からデザインのことまで1冊ですべて学べる!

WebクリエイターボックスのManaが教える
Webサイト制作の定番&旬のスキル。
この1冊で必要なことがすべて学べる!

コードもデザインも全部学べる!

●本書の対象読者
・これからWebサイトを作り始める初心者
・HTMLとCSSを基本から学びたい人
・美しいデザインのWebサイトを作りたい人
・Webの最新技術を学びたい人

●目次
はじめに
本書の内容について
サンプルデータの使い方
CHAPTER1 最初に知っておこう!Webサイトの基本
 1-1 よいWebデザインとは
 1-2 様々な種類のWebサイト
 1-3 ユーザビリティとは
 1-4 Webサイトの仕組み
CHAPTER2 Webの基本構造を作る!HTMLの基本
 2-1 HTMLとは
 2-2 HTMLファイルを作ろう
 2-3 HTMLファイルの骨組み
 2-4 HTMLの基本の書き方を身につけよう
 2-5 見出しをつけよう
 2-6 文章を表示しよう
 2-7 画像を挿入しよう
 2-8 リンクをはろう
CHAPTER3 Webのデザインを作る!CSSの基本
 3-1 CSSとは
 3-2 CSSを適用させる方法
 3-3 CSSファイルを作ろう
 3-4 CSSの基本の書き方を身につけよう
 3-5 文字や文章を装飾しよう
 3-6 Webフォントを使おう
 3-7 色をつけよう
 3-8 背景を彩ろう
 3-9 幅と高さを指定しよう
 3-10 余白を調整しよう
CHAPTER4 フルスクリーンのWebサイトを制作する
 4-1 フルスクリーンとは
 4-2 フルスクリーンページの制作の流れ
 4-3 「head」を記述しよう
 4-4 「header」部分を作ろう
CHAPTER5 2カラムのWebサイトを制作する
 5-1 2カラムのレイアウトとは
 5-2 2カラムページの制作の流れ
 5-3 ページ全体の見出しを作成しよう
 5-4 フッター部分を作成しよう
 5-5 横並びの設定をしよう
CHAPTER6 タイル型のWebサイトを制作する
 6-1 タイル型レイアウトとは
 6-2 タイル型レイアウトの制作の流れ
 6-3 ページ上部の紹介文を作成しよう
CHAPTER7 外部メディアを利用する
 7-1 お問い合わせページの制作の流れ
 7-2 フォームを設置しよう
 7-3 地図を表示しよう
 7-4 Facebookプラグインを挿入しよう
 7-5 Twitterプラグインを挿入しよう
など