株式会社翔泳社(本社:東京都新宿区舟町5、社長:佐々木幹夫)は、書籍『これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本』を2021年10月14日に発売します。本書は、手を動かしてWebサイトを作りながらHTML/CSSとWebデザインの基本を楽しく学べる入門書です。
       
  • はじめてWeb制作を学ぶ人に必要な知識をぎゅっと1冊に

これからWebサイト制作を始める人が、実際に手を動かしながら、HTML/CSSとWebデザインの基本を楽しく学べる1冊です。長年WEB制作の現場で活躍する著者が、実践的な内容を交えながら、豊富な図解やイラストでわかりやすく解説します。キャラクターがやさしくガイドしてくれるので、初学者でも安心して学習を進められますし、重要ポイントには理解を助ける解説動画も。見た目のよいサイトを作るためのWebデザインのポイントも伝授します。


本書は、実際におしゃれでバリエーション豊かな4つのサイトを制作しながら、必要な基礎知識を身につけていく構成が特長です。初歩的な内容から少しずつレベルアップしていき、Flexboxレイアウト、CSSグリッドレイアウト、レスポンシブデザイン、CSSアニメーションも作れるようになります。さらに、読後に自ら学びを深めていくための学習のコツなども紹介します。

 

 

これだけで基本がしっかり身につく HTMLCSS&Webデザイン1冊目の本_中面1

 

これだけで基本がしっかり身につく HTMLCSS&Webデザイン1冊目の本_中面2

 
  • 学びをサポートする4大特典をプレゼント
書籍購入者は、サンプルサイトのXDデータやWebサイトの公開方法など、役立つ4つの特典をダウンロードいただけます。

1.サンプルサイトのXDデータ
- 画像の切り出しや色/数値抽出の練習用に
- デザインファイルの作り方の参考に

2.特典PDF:Webサイトの公開方法
- 最後に必要な公開作業の手順も解説!
- レンタルサーバー/ドメインについてやFTPソフトの使い方

3.制作に役立つおすすめサイト集
- 実際のしごとで使っているサイトを厳選!
- Webデザイン編/コーディング編と合計、約50サイトを紹介

4.初学者必携のチートシート
- 横において学習すると学びやすい!
- Flexboxレイアウト/CSSグリッドレイアウト/CSSのショートハンド/キーボード入力サポートの4種

※翔泳社サイトにて無料のID登録後にダウンロードいただけます

 
  • 書籍概要
これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
著者:Capybara Design 竹内 直人、竹内 瑠美
発売日:2021年10月14日
定価:2,420円(本体2,200円+税10%)
判型:B5変・288ページ
ISBN: 9784798170114
https://www.shoeisha.co.jp/book/detail/9784798170114

全国の書店、ネット書店などでご購入いただけます
・翔泳社の通販 SEshop: https://www.seshop.com/product/detail/24681
・Amazon: https://www.amazon.co.jp/dp/4798170119

 
  • 目次
Part1:HTMLを書いてみよう
01章 ウォーミングアップをしよう
02章 HTMLのきほんを学ぼう

Part2:SNSリンク集を作ってみよう
03章 CSSのきほんを学ぼう
04章 SNSリンク集のCSSを書いてみよう

Part3:2カラムページを作ってみよう
05章 ブログサイトのHTMLを書いてみよう
06章 ブログサイトのCSSを書いてみよう

Part4:1カラムページを作ってみよう
07章 Web招待状サイトのHTMLを書いてみよう
08章 Web招待状サイトのCSSを書いてみよう
09章 CSSアニメーションをつけてみよう
10章 レスポンシブウェブデザインに対応させよう

Part5:複数ページのサイトを作ってみよう
11章 制作の流れとWebデザインのきほん
12章 レストランサイトのCSSを書こう(モバイル)
13章 レストランサイトのCSSを書こう(PC)
14章 参考サイトの活用方法を学ぼう
15章 Webサイトを公開する準備をしよう

 
  • 著者について
竹内 直人Takeuchi Naoto)
Web制作会社、動画マーケティング会社にてディレクター・マーケター・エンジニアを経て2018年に独立。フロントエンジニアとして現役で活動しつつ、実体験に基づいた知識を活かしコーディング講師としても活動している。

竹内 瑠美(Takeuchi Rumi)
UI/UXやマーケティング視点も含めたトータルなビジュアルデザインを得意とする。さまざまなベンチャー企業での経験を活かし、現在はスタートアップ企業のデザインパートナーとして活動している。

Capybara Design
夫婦で企業の Web 領域をお手伝いするフリーランスのデザインユニット。
屋号の由来は、カピバラと暮らしたい想いから。
https://capybara-design.com/

1分で学べるHTMLとCSS
Instagram:@html_css_webdesign
Twitter:@html_css_1min