＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！ ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが，本書は体系立てた文法学習よりも，まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。架空のカフェのショップ紹介＆ネットショップサイトをチュートリアル形式で作成しながら，基本的なHTML要素／CSSの基本構造（セレクタ，プロパティ，値）を学ぶことができ，レイアウトのテクニックやデザイン（Webデザイン＆レスポンシブデザイン）の基本も身につきます。 ＜本書のポイント＞ チュートリアル学習では，PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます 定番となったflexbox，displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します 「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます 横スクロールするレイアウト，アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます 「動画コンテンツページ」「ネットショップページ」も制作します ＜綴じ込み特典つき＞ 付録①デザインのバリエーションが学べる！「レスポンシブデザインのネタ帖」 付録②インターン，就転職に役立つ！「ポートフォリオ用アレンジのネタ帖」

KDDIウェブコミュニケーションズが提供するCMS「ジンドゥークリエイター」。本書は「標準レイアウト」を使用した見映えのよい動きのあるサイトの作成（カスタマイズ）と、「独自レイアウト」でジンドゥーシステムを使いながらより自由度の高いレイアウトを実現する方法を解説する、2部構成の書籍です。スモールビジネスオーナーを顧客とする制作会社のwebデザイナの方や自社のビジネスサイトを自ら構築したいwebサイト担当者の方に向けて、工数の少ないシステムでありながら本格的かつデザイン性の高いサイトを作成できる方法を、Jimdo Expertのデザイナー陣が伝授します！

「4つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作の基本が学べる！本書はWeb制作の基礎言語であるHTMLやCSSの書き方だけでなく，多くのWebサイトが採用している4つのレイアウト手法を学ぶことで，1冊を読み終えると各言語の知識とWebデザインの基礎が身につく作りとなっています。Webデザインの新しい手法を積極的に紹介しつつ，実際の制作現場で使われている堅実な手法もバランスよく取り入れ，学習用ではない「現場で役に立つ」実践的なテクニックを数多く盛り込みました。また，Webサイト制作を楽しく学ぶため，サンプルサイトの見映えにもこだわりました（完成後は手を加えて読者のプロフィールサイトとして利用可能）。ライブ感のあるチュートリアル学習により，まるでWebデザイン会社でOJT（オン・ザ・ジョブ・トレーニング）を受けているような体験型の独習書です。サンプルデータのダウンロードサービス付き。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 実践的なWebサイトを作りながら学べる！ 講義＋実習のワークショップ形式で、 実践的なWebサイトを作りながら学べる 「はじめてでも挫折しない」HTML＆CSSの入門書。 なぜそうするのかを知りたい、 応用できる基礎を身に付けたい、 そんな要望に応える新しい教本です。 学習しやすいソースコード＆全画像素材付き。 こんな人（企業）におすすめです。 ・Webサイトを作りたいが、WordPressなどのCMSではなく、HTMLとCSSで作りたいという人 ・Web制作者を目指している人 ・Webサイトを運営している飲食店や小売店の店長・Web担当者 ※本電子書籍は、2016年6月11日発行の紙書籍第1版第2刷を底本に作成しました。