書籍執筆しました!『改訂版 1冊ですべて身につくHTML & CSSとWebデザイン入門講座』

多くの方に読んでいただいたWebサイト制作の入門書、『1冊ですべて身につくHTML & CSSとWebデザイン入門講座』。発売から5年の月日が経ったので、改めて内容を精査し、加筆もした『改訂版 1冊ですべて身につくHTML & CSSとWebデザイン入門講座』が2024年3月2日発売!

↑私が10年以上利用している会計ソフト!

著者 Mana
発売日 2024年3月2日
CHAPTER 1 最初に知っておこう! Webサイトの基本
CHAPTER 2 Webの基本構造を作る! HTMLの基本
CHAPTER 3 Webのデザインを作る! CSSの基本
CHAPTER 4 シングルカラムのWebサイトを制作する
CHAPTER 5 2カラムのWebサイトを制作する
CHAPTER 6 タイル型のWebサイトを制作する
CHAPTER 7 外部メディアを利用する
CHAPTER 8 うまくいかない時の解決方法

カバーイラストはこれまでと同様ICHIRAKU STUDIO様に描いていただきました!今回も素敵なイラストをありがとうございます!

購入する

こんな人におすすめ

  • これからWebサイトを作り始める初心者
  • HTMLとCSSを基本から学びたい人
  • 美しいデザインのWebサイトを作りたい人
  • Webサイト制作の最新技術を学びたい人
  • 初心者向けにWebサイト制作を教えている人

メインターゲットは「これからWebサイトを作ってみたい」という初心者ですが、経験者には後輩に教える時に使えるかと思います。特にこれからの季節、新入社員の方向けにオフィスに一冊置いておくといいかもしれませんね!

書籍の内容


HTML/CSSの基礎をなるべく平易な言葉で解説しています。それぞれのコードはサンプル付き。自分で書いたコードがうまく動かないときは、サンプルコードと照らし合わせてみるといいですね。


タイポグラフィやレイアウト、配色など、デザインの基礎も一緒に学べます。ただ表示されるだけのWebサイトではなく、見栄えもこだわったWebサイトを作りたい方に、ぜひ。

改定した箇所


HTMLとCSSの章には、動画解説へのQRコードを用意しています。実際に入力しているところを見ると頭に入りやすいかと思います。


学んだことを実際に活用できるようにするため、手を動かして学べる練習問題を用意しました。練習問題用に用意したベースファイルを修正して、お題に挑戦しましょう!


後半から作成していくカフェのWebサイトのデザインを一新。より優しい雰囲気を目指しました!内容も前作と同じ架空の「WCB Cafe」のWebサイトをリニューアルした形にしています!前作と同様、カフェのWebサイトを作るまでの過程を解説。各ページレイアウトが異なるので、フレックスボックスやGridを使った最近よく見かけるようなレイアウトを一通り学べます。

また、簡単にですが、マウスオーバーによるアニメーションも紹介しています。動きがあると作っていても楽しいですよね!

そして最後に、よく聞くつまづきポイントや修正方法をまとめました。自力で解決するとより記憶に残りやすく、同じミスもしにくくなります。ぜひこちらも参考にしていただければ!


今回もサンプルファイルやデモを用意していますよ!ぜひ読んでみてくださいね!

著者 Mana
発売日 2024年3月2日
CHAPTER 1 最初に知っておこう! Webサイトの基本
CHAPTER 2 Webの基本構造を作る! HTMLの基本
CHAPTER 3 Webのデザインを作る! CSSの基本
CHAPTER 4 シングルカラムのWebサイトを制作する
CHAPTER 5 2カラムのWebサイトを制作する
CHAPTER 6 タイル型のWebサイトを制作する
CHAPTER 7 外部メディアを利用する
CHAPTER 8 うまくいかない時の解決方法

購入する

シェアする

ニュースレター

Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご登録ください!もちろん無料です! :)