1冊ですべて身につくHTML&CSSとWebデザイン入門講座 の商品レビュー

Mana(著者)

2025/01/29

HTMLとCSSの基礎がある程度ついてから読む本。初心者さんで基礎から学びたい人には向かないと思う。
とはいえ、基本的な部分も書いてあるので役立った。java scriptに関しても結構記してあったり、サイト制作に役立つサイトもかなり紹介していたりで、実用性あり。練習頑張ろうー

2025/01/28

詳細は『あとりえ「パ･そ･ぼ」の本棚とノート』をどうぞ！
　→　https://pasobo2010.blog.fc2.com/blog-entry-1941.html
まずは、「はじめに」を読んだら、Chapter４から読み始めます。
シンプルだけど、エッセンスが詰まったページの実習ができそうです。
手元において活用します。

2023/12/18

入門書としては非の付け所のない仕上がり
jsを使わずによくぞオシャレに仕上げてくるセンスに震えます
そこらかしこで、知らないよりは知ってたほうがいいポイントをまとめてあります
何より表紙のオシャレな抜け感
書店で平積みされてもピカピカの帯で目を引くのでしょう
入門書としては完成されており、粗探しが難しい本です
何気にプラグインとかまでやってくれてる書籍とか少ないし、入門書にしては内容が薄いわけではないんですよね
一周しておいて損はない入門書です

2023/02/12

[荒川区に予約中]

「本当の自由を手に入れる お金の大学」(https://booklog.jp/item/1/4023318787)を読んで知った本。同著者でjavascriptの本もあったけれど、とりあえずHTML&CSSに関するこの入門講座と実践講座の二冊を読んでみよう。

とりあえず初回は3章まで読んで時間切れ。また今度後半は読もう！
========
■サポートサイト：https://isbn.sbcr.jp/98892/
■サンプルDLサイト：https://www.sbcr.jp/support/15065/
■CSS Flexboxチートシート：
　https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet
■リセットCSS(の紹介)：
　https://github.com/filipelinhares/ress/
　※「https://unpkg.com/ress/dist/ress.min.css」を直接書き込めばress.cssを適用可能。【2022年版】おすすめのリセットCSSまとめ！でも紹介されている。
　https://webdesign-trends.net/entry/8137#ress
========
CHAPTER 1 最初に知っておこう！Webサイトの基本
1-1 よいWebデザインとは
1-2 様々な種類のWebサイト
1-3 ユーザビリティとは
1-4 Webサイトの仕組み
1-5 デバイスの種類
1-6 ブラウザーの種類
1-7 制作の流れ
1-8 制作をはじめる前に

CHAPTER 2 Webの基本構造を作る！HTMLの基本
2-1 HTMLとは
2-2 HTMLファイルを作ろう
2-3 HTMLファイルの骨組み
2-4 HTMLの基本の書き方を身につけよう
2-5 見出しをつけよう
2-6 文章を表示しよう
2-7 画像を挿入しよう
2-8 リンクをはろう
2-9 リストを表示しよう
2-10 表を作ろう
2-11 フォームを作ろう
2-12 より使いやすいフォームにしよう
2-13 ブロック要素でグループ分けをしよう
2-14 よく使うHTMLタグ一覧

CHAPTER 3 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 余白を調整しよう
3-11 線を引こう
3-12 リストを装飾しよう
3-13 クラスとIDを使った指定方法
3-14 レイアウトを組もう
3-15 デフォルトCSSをリセットしよう
3-16 よく使うCSSプロパティ一覧

CHAPTER 4 フルスクリーンのWebサイトを制作する
4-1 フルスクリーンとは
4-2 フルスクリーンページの制作の流れ
4-3 「head」を記述しよう
4-4 「header」部分を作ろう
4-5 コンテンツ部分を作成しよう
4-6 ファビコンを用意しよう
4-7 フルスクリーンページのカスタマイズ例

CHAPTER 5 ２カラムのWebサイトを制作する
5-1 ２カラムのレイアウトとは
5-2 ２カラムページの制作の流れ
5-3 ページ全体の見出しを作成しよう
5-4 フッター部分を作成しよう
5-5 横並びの設定をしよう
5-6 メインエリアを作ろう
5-7 サイドバーを作ろう
5-8 レスポンシブに対応させよう
5-9 カラムページのカスタマイズ例

CHAPTER 6 タイル型のWebサイトを制作する
6-1 タイル型レイアウトとは
6-2 タイル型レイアウトの制作の流れ
6-3 ページ上部の紹介文を作成しよう
6-4 タイル型レイアウトを設定しよう
6-5 レスポンシブに対応させよう
6-6 タイル型レイアウトのカスタマイズ例

CHAPTER 7 外部メディアを利用する
7-1 お問い合わせページの制作の流れ
7-2 フォームを設置しよう
7-3 地図を表示しよう
7-4 Facebookプラグインを挿入しよう
7-5 Twitterプラグインを挿入しよう
7-6 YouTube動画を挿入しよう
7-7 レスポンシブに対応させよう
7-8 OGPの設定をしよう
7-9 外部メディアのカスタマイズ例

2022/10/16

実際に手を動かしながら学べたので、ただ読むよりも身につきやすい内容になっている。一通りやってみたらなるべく本を見ずにもう一度自分で実践していく必要があるなと思った。

2022/05/15

写真等が豊富で視覚的にわかりやすい書籍であった。
ただ、自分が知りたかったHTMLやCSSに関する技術的な知識については、その情報量は少なかった。あくまでもWEBサイトを構築するための実践書。

2022/02/18

HTML/CSSの勉強用に。すべては身につかないが，自分でサイトを作るって経験が簡単に出来て面白さを知れたいい本だと思った。～をじっさいにつくってみてみたいな教本はいろいろあるけどトップクラスに章立てと内容が分かりやすかった。html自体が簡単ってのはあるだろうけど

2021/12/19

CSSを知りたくて購入しました。
Illustratorでデザインするように、文字や画像などを綺麗にレイアウトできます。

デバイスやブラウザの種類から基本的なデザイン、HTML、CSSについて分かりやすく書いてあります。
サンプルテキストもダウンロードできたので、開きながら読みました。

WEBデザインの一連の流れも分かり、とても参考になります。
実際どんどん作っていくのが1番の勉強になると思うので、デザイン本は読むより使い倒しですね。（電子書籍で購入しましたが笑）

2021/08/11

何から手をつければ良いのか分からなければ、とりあえずコレが良い。

まっさらな状態からでも、なぞっていけばHPの見た目が作れる。

ちょっと感動。

2021/05/19

本の通りやっていけば、プロが作ったような立派なWEBページが出来上がります。
HTMLとcssだけでここまでできるのかと感動を覚えました。

ただ、JavaScriptを使って作る技術寄りの内容を期待していましたが、ややデザイン寄りの内容でした。
確かにどこにもJavaScriptなんて書いてませんので、嘘偽りがあるわけではありません。

そして自分に必要な知識は、JavaScriptだと再認識することができました。