出版社内容情報
<コンセプト>PC&モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく!
ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。架空のカフェのショップ紹介&ネットショップサイトをチュートリアル形式で作成しながら、基本的なHTML要素/CSSの基本構造(セレクタ、プロパティ、値)を学ぶことができ、レイアウトのテクニックやデザイン(Webデザイン&レスポンシブデザイン)の基本も身につきます。
<本書のポイント>
・チュートリアル学習では、PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます
・定番となったflexbox、displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します
・「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます
・横スクロールするレイアウト、アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます
・「動画コンテンツページ」「ネットショップページ」も制作します
<綴じ込み特典つき>
付録①デザインのバリエーションが学べる!「レスポンシブデザインのネタ帖」
付録②インターン、就転職に役立つ!「ポートフォリオ用アレンジのネタ帖」
内容説明
「5つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作の基本が学べる!ライブ感のあるチュートリアル学習により、まるでWebデザイン会社でOJT(オン・ザ・ジョブ・トレーニング)を受けているような体験型の独習書です。
目次
知っておきたいサイトとデザインのきほん知識
サイト制作の前に準備しておくこと
知っておきたいHTMLのきほんと書き方
知っておきたいCSSのきほんと書き方
知っておきたいレスポンシブデザインのきほんと書き方
フルスクリーンレイアウトを制作する
フレックスボックスレイアウトを制作する
シングルカラムで動画コンテンツページを制作する
グリッドで格子状レイアウトを制作する
2カラムでショップページを制作する
Googleマップ付きの問い合わせページを制作する
オリジナルのポートフォリオサイトに改変してみよう
著者等紹介
服部雄樹[ハットリユウキ]
愛知県名古屋市出身。2014年までインドネシア・バリ島で活動し、世界各国のクリエイターと交流。多くの海外案件に携わる。帰国後、服部制作室を設立。2018年に法人化し「株式会社服部制作室」発足。ウェブサイトの制作だけでなく、各種ウェブサービスのテンプレートデザインやUI設計、セミナー登壇、書籍の執筆など精力的に活動中(本データはこの書籍が刊行された当時に掲載されていたものです)
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。