これからWebサイト制作をはじめる人に最適な1冊！『これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本』

株式会社翔泳社（本社：東京都新宿区舟町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