HTML&CSS Webデザイン 現場レベルのコーディング・スキルが身につく実践入門
2025年1月14日紙版発売
2025年1月14日電子版発売
小豆沢健 著
B5判/576ページ
定価3,520円(本体3,200円+税10%)
ISBN 978-4-297-14643-6
書籍の概要
この本の概要
HTML&CSSの基本を学んだだけでは,Webサイトは作れません!
就活,転職,副業,開業など,仕事としてのWebデザインが人気を集めています。Webデザイナーを目指す人が最初に学ぶのはHTML&CSSですが,コーディングの基本を学んだだけでは,Webサイトを制作する力は身につきません。納品レベルのWebサイトを1から作るためには,HTML&CSSに関する実践的な知識と,経験の積み重ねが必要になるからです。本書は,HTML&CSSの最初の学習を完了し,Webサイト制作を仕事にするレベルへと進みたい人のために,
実案件をもとに作成した練習サイトを使って制作方法をマスターし,現場レベルのコーディング・スキルを身につけることのできる書籍
です。本来であれば制作会社に入って経験を積み上げることでしか身につけられない実制作のスキルを,独学で習得できます。オンラインでコーディング学習教材を提供するCodejump主催の小豆沢健が,多くの学習者をサポートしてきた制作ノウハウを提供。以下の3つのポイントに沿って練習サイトの制作を繰り返し学習することで,コーディング・スキルを高め,「Webサイト制作を仕事にする」ための実力が身につきます。
ポイント①実案件をもとに作成した練習サイト
実案件をもとに作成した練習サイトを,入門編から実践編まで計6種類用意しています。
ポイント②レイアウト構成をしっかり確認
これから作成する練習サイトのレイアウト構成を,しっかり予習してから学習を始められます。
ポイント③実務で定番の技術をピックアップ
実案件のWebサイト制作でよく使用する定番の技術をピックアップし,練習サイトに盛り込んでいます。
本書掲載の練習サイトは,ソースコード(.html,.css,.js)はもちろんのこと,123RF(jp.123rf.com)提供によるすべての画像をダウンロードできるので,本書購入後,今すぐ学習を始められます。Webサイト制作の実務を想定した,画期的なコーディング実践本の登場です!
●本書の内容
第1章【入門編】プロフィールサイト~フレックスボックス
第2章【初級編】ブランドサイト~ポジション
第3章【中級編】サービスサイト~複数ページ
第4章【上級編】カフェサイト~複数レイアウト
第5章【応用編】ランディングページ~動きのあるWebサイト
第6章【実践編】コーポレートサイト~実務を想定したWebサイト制作
●本書で学べる内容
フレックスボックス/ポジション/グリッドレイアウト/CSSアニメーション/JavaScript(jQuery)/ドロップダウンメニュー/ハンバーガーメニュー/アコーディオン/モーダルウィンドウ/パララックス/スライダー/シングルカラム/2カラム/タイル型/ブロークングリッド/LP(ランディングページ)
こんな方におすすめ
- HTML&CSSの基本はマスターしたが,自力でWebサイトを作れず悩んでいる人
- HTML&CSSの実務で使えるスキルをマスターしたい人
この書籍に関連する記事があります!
- HTML&CSSの基本をマスターしても、Webサイトは作れません! じゃあ、どうすればいいのか?
- この書籍では,実案件をもとに作成した練習サイトをレベル別に6つ用意し,それぞれのレイアウト構成とスキルを,詳しく丁寧に解説しています。さあ,これらのサイトや書籍を使って,現場レベルのコーディング・スキルを身につけてください!
本書のサンプル
本書の一部ページを,PDFで確認することができます。
- サンプルPDFファイル(32,792KB)
この本に関連する書籍
-
改訂新版 HTML&CSSデザインレシピ集
お待たせしました。あれ,どうやって作るの?がスグわかると評判のHTML & CSSテクニック集,8年ぶりに大幅リニューアルで登場。「フォトギャラリーを作りたい」「ヘ...
-
【改訂新版】書きながら覚えるHTML&CSS入門ワークブック
本書は,コーダー,フロントエンジニアを目指す人向けのHTMLとCSSのコーディング独習書です。 業界を目指すためにはコーディングは必須です。ホームページ時代のタグの...
-
デザインの学校 これからはじめる HTML&CSSの本[改訂第3版]
「HTMLとCSSを勉強したいけれど何から手をつければいいか分からない」と悩んでいる人に向けて,基本的な書式から,よく使われるHTMLの要素やCSSのプロパティの意味を丁...
-
作って学ぶFigma入門[完全版] ステップ・バイ・ステップで身につくWeb/UIデザインの基本
かならず作れる! ハンズオン形式で学べる Figmaの入門教科書です。 Figmaを使ったWeb/UIデザインをマスターするには,実際のWebサイトを作りながら学べるハンズオ...
-
HTML&CSSとWebデザインが1冊できちんと身につく本[増補改訂版]
<コンセプト>PC&モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく! ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めま...