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

【「わからない」とは絶対言わせない！】 本書はCSSの仕組みや書き方、考え方をていねいに解説した入門書です。Webサイト（ホームページ）作成の初心者の方がCSSを書くときに、一番難しい点のひとつが「どこを変えるか」を見つけることです。そのため本書の解説では、CSSの書き方や使い方だけではなく、「変えたい場所の探し方」（HTMLと組み合わせたCSSの読み方、セレクタの使い方）を理解し、身につけてもらうことに重点を置いています。 全体は11章構成になっており、1～3章ではHTML、CSSやWebサイトの基本を紹介しています。4～8章では「文字のサイズを変える」「背景の色を変える」など、目的別にCSSの書き方、プロパティの使い方を解説。9～11章は実践編となり、すでにでき上がっているWebサイト・ブログを題材にして、デザインの一部をカスタマイズする方法を解説しています。なお、本書のサンプルデータ（ダウンロード提供）は、完成ファイルをお手本に、練習ファイルを作成していく形式です。Webサイトやブログのデザインをカスタマイズしたい方、CSSをゼロからしっかり学びたい方に最適な内容となっています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ホームページ作成サービス「Jimdo（ジンドゥー）」のいちばんやさしい解説書。専門知識は一切不要、マウス操作と文字入力だけで、パソコン&スマホ両対応の本格的なホームページが作れます。Jimdoの専門家として、セミナーなどでの指導経験の豊富な著者陣が、実践的なコツを織り交ぜながら丁寧に解説。本書提供のサンプルデータを使いながら、画面付きの手順解説に沿って操作ができるので、ホームページをはじめて作る人でも安心です。SNSとの連携や検索エンジン対策など、ホームページの「集客」や運用面も丁寧に解説しています。

【古くなった「知識」や「情報」を短時間でアップデート！】 「いま・これから」のWeb制作の現場で必須となる情報を、キーワード別に解説した書籍。「Webデザイン・コーディング」「Webディレクション」「SEO・Webマーケティング」「システム・プログラミング」「制作ワークフロー」の5章構成で、制作領域以外にも幅広いジャンルの最新情報を解説しています。 また、キーワード解説のほか、各分野の第一線で活躍するクリエイターや識者が、WebやWebサイトにかかわる様々なテーマを選定し、独自の意見や見解を交えながら執筆した「オピニオンコラム」を豊富に掲載しました。 〈こんな方にオススメ〉 ・Webサイトのデザインやマークアップを担当する方 ・Webサイト制作のディレクションを担当する方 ・自社サイトを運営するWebマスター ・Webのトレンドや最新ツールに関する情報がほしい方 ■本書で解説しているキーワード例 モバイルファースト（コンテンツファースト、コンテキストファースト）／HTML／CSS4や新しいモジュール／SVGなどの画像形式／JavaScriptフレームワーク／ストーリーテリング／UIデザインツール／コンテンツマーケティング／SEOに配慮したサイト設計／AMPとInstant Articles／HTTPとHTTP/2／クラウドホスティングサーバー／スマートデバイスアプリ制作／Gitホスティングサービス／アクセス解析・検索ログ解析／セキュリティ対策　ほか

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 強力なコード編集&拡張機能に「恋に落ちる」ユーザーが増加中♪　劇的にコーディング作業がはかどる最強のエディタの基本設定から特撰パッケージまでを、この一冊で完全網羅。筆者が実際にインストールしているおすすめパッケージも80本解説しています。バージョン3&2両対応、便利な対訳付きメニュー&ショートカット一覧付き。

プロが教える　知らないと恥ずかしいWeb制作の基本の「き」 本書は、Web制作におけるコンセプトワークと実装技術の基本を総合的に学ぶための教科書です。第一部では、Webマーケティング、ブランディング、情報アーキテクチャ、Webディレクション、アートディレクション、ソーシャルマーケティング、SEO、Web 解析、著作権、セキュリティなど、Web制作におけるコンセプトワークの基本を解説します。第二部では、HTML/HTML5、CSS/CSS3、JavaScript/DOM、プロトコル、サーバーサイドプログラミング、データベース、CMS、API、仮想化、クラウドなど、技術面での基本を網羅的に解説します。各分野のプロフェッショナルが、どんな人にでもわかるように、レクチャー形式でやさしく解説します。 Web制作の初学者からWebの新人担当者まで、Web制作に関わるあらゆる人の最初の一冊。特典「知らないと恥ずかしいWebの歴史&年表」付。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。【※本作品はブラウザビューアで閲覧すると表組みのレイアウトが崩れて表示されることがあります。予めご了承下さい。】

セマンティックWebやモバイルサイト開発に最適なプラットフォームとして、次世代のHTMLであるHTML5が注目されています。 本書は、Web制作者がこれからHTML5に移行するために、これだけはおさえておきたいHTML5のエッセンスを、Webデザインの現場のプロフェッショナルがやさしく解説。新しい要素・属性の使い方や、廃止される要素とその代替方法など、HTML5で変わった記述方法を、コンパクトにわかりやすくまとめました。 すべてのWebデザイナー必携の1冊！ HTML5によるWeb制作に役立つ特選サイト集付き。 Chapter　4のHTML4からHTML5への書き換え例を示すサンプルソースは、サイトから無料ダウンロードできます。

【どんな制作現場でも絶対に活きる基本のノウハウが身につく】 幅広いジャンルのWebサイトや多くの制作現場で必ずと言ってよいほど使われる基礎的・汎用的なテクニックを集め、初級者の方にもわかりやすく解説した書籍です。レイアウト、インターフェース、タイポグラフィーなど5章構成で、完成作例（サンプルとなるWebページ）をもとにしたステップバイステップ形式で説明しています。解説本文ではコーディング上のつまずきやすいポイントや、間違いやすい点への補足を随所に織り込みながらていねいに解説しました（※解説で使用している作例はダウンロードして学習用にご利用いただけます）。 また本書では初級者の方が、これらのテクニックが必要とされる背景を理解できるよう、Webサイト・デザインのトレンドの変遷や、HTML・CSS、タイポグラフィー、グラフィック（画像）などに関する基本解説を設けました。現在注目されているキーワードやトレンドの背景についての知識を深めながら、多岐に渡って活用できるテクニックが身につきます。 〈本書の内容〉 ・Introduction　Webデザインの基礎知識とトレンド ・Chapter 1　ページレイアウト ・Chapter 2　インターフェース ・Chapter 3　タイポグラフィー ・Chapter 4　ビジュアルデザイン ・Chapter 5　コンテンツデザイン

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。 【Web制作入門書のロングセラーが、最新仕様にアップデート！】 Webデザイン・Webサイト制作の「正しい基礎」を伝える入門書。 WWWやインターネットの仕組みをはじめ、サイト制作のワークフロー、HTML・CSSの技術解説、Webサイトを公開・運用するまでの基礎知識を、系統立てて解説しています。 改訂3版では、Web制作現場でマルチデバイス対応の必須化が進み、レスポンシブWebデザインやモバイルファーストなどの制作技法が主流化していることを踏まえ、内容を全面的にアップデート。FlexboxやCSS Grid Layoutといった、新しい技術仕様の解説も加えました。 本書の一番の特長は、基本知識や制作技術の解説とともに、「なぜ、そうするのか」といった「背景」や「理由」にも踏み込んで説明している点です。Web・Webデザインの根本的な仕組みや、技術の裏側にある背景を深く理解することで、ツールやテクニックの変化に左右されない「自分で考える力」や「ずっと役立つ応用力」を養うことを目的にしています。 プロのWebデザイナーを志望する方はもちろん、Webにかかわるすべての方に読んでいただきたい内容です。 〈本書の章構成〉 ■Lesson1　Webデザインの世界を知る ■Lesson2　Webサイトを設計する ■Lesson3　HTMLの役割とできること ■Lesson4　CSSの役割とできること ■Lesson5　Webサイトを構成する素材 ■Lesson6　Webサイトを表現する色 ■Lesson7　Webサイトを公開する ■Lesson8　Webサイトを運用する ■Lesson9　Webサイトを制作する 〈こんな方にオススメ〉 ・プロのWebデザイナーやマークアップエンジニアを目指す方 ・Webデザイン制作、HTMLやCSSを本格的に学びたい方 ・Webデザインやサイト制作の基本をもう一度学び直したい方 ・Webメディアのディレクションやプロデュースを担当する方 〈改訂した主な点〉 ・新しいCSS技術（Flexbox、CSS Grid Layout）の解説を追加 ・制作現場やHTML5・CSS3の現状を踏まえたアップデート ・実践パートを強化し、作成するサンプルを全面刷新 〈本書の特長〉 ・技術や作り方の裏側にある「背景」「仕組み」を伝える ・Webサイトをデザイン制作する上で「なぜ、そうするのか」がわかる ・「自分で考える力」「ずっと役立つ応用力」が身につく

【Web制作入門書のロングセラー。「背景」や「理由」を知ることで、一生役立つ応用力が身につく】 Webデザイン・Webサイト制作の「本当に必要な正しい基礎」を伝える入門書の改訂版。WWWやインターネットの仕組みをはじめ、サイト制作のワークフロー、HTML・CSSの技術的な解説、Webサイトを公開・運用するまでの基礎知識を、系統立てて解説しています。改訂版ではHTML5をベースにした内容に改変し、レスポンシブWebデザインに対応した簡単なサンプルサイトを制作する章を新たに加えたほか、SVGやサイトデータのバージョン管理に関する解説も追加しました。本書の一番の特長は基礎的な知識や技術解説とともに、「なぜ、そうするのか？」といった「背景」や「理由」にも踏み込んで説明している点です。最新の情報や技術手法を扱うだけではなく、根本的な仕組みや技術の裏側にある背景を含めて深く理解することで、「自分で考える力」や「ずっと役立つ応用力」を養うことを目的にしています。プロのWebデザイナーを目指す方はもちろん、Webにかかわるすべての方に知ってほしい内容を集約した1冊です。 〈本書の内容〉 Lesson 1　Webデザインの世界を知る Lesson 2　Webサイトを設計する Lesson 3　HTMLの役割とできること Lesson 4　CSSの役割とできること Lesson 5　Webサイトを構成する素材 Lesson 6　Webサイトを表現する色 Lesson 7　Webサイトを公開する Lesson 8　Webサイトを運用する Lesson 9　Webサイトを制作する（9章のサンプルデータはダウンロード可能）

【技術の進化に左右されないWebサイトの作り方がわかる！】 Web制作のプロを目指す方に向けて、HTML5+CSS3を使ったWebサイトの作り方を解説した入門書の改訂版。 12章構成で、インターネットとWebサイトの仕組みに始まり、サイト制作現場の基本的な作業フロー、HTMLによるマークアップ方法、CSSによる装飾・レイアウトの技法をていねいに解説しています。 最終章では、レスポンシブWebデザインに対応したサンプルサイトを題材に、実際の業務により近い形の制作方法を学ぶことができる実践的な内容です。 本書の一番の特長は、HTMLとCSSの使い方、サイトの作り方を説明するだけではなく、「なぜ、そのように作るのか？」といった「背景」や「理由」にも踏み込んで解説している点です。 スマートフォンやタブレットなどの普及により、Web制作の現場はこの数年で新たな転換期を迎えていますが、基本となる知識と技法をきちんと押さえておかなければ、いま・これからの新しい流れに対応することも、それを応用することもできません。 本書は、そうした新しい時代にも対応できるような基本知識と応用の効く制作技法を伝えることを目指した本です。 〈本書の章構成〉 Lesson 1　Webサイトの構造を理解する Lesson 2　制作に入る前の準備 Lesson 3　HTMLでページの骨格をつくる Lesson 4　HTML＆CSSの基本ルール Lesson 5　文字・見出し・段落の設計 Lesson 6　リンクと画像の設定 Lesson 7　リストとテーブルを組む Lesson 8　ナビゲーションをつくる Lesson 9　フォームをつくる Lesson 10　Webページをレイアウトする Lesson 11　HTML5+CSS3の新機能 Lesson 12　実践編：レスポンシブサイトをつくる

【HTML5＋CSS3の「正しい」使い方を知ることで、新しい時代に対応する応用力が身に付きます】 本書はHTML5＋CSS3を使ったWebサイト制作の基本を学ぶための入門書。12章構成で、HTMLによるマークアップ方法、CSSによる装飾・レイアウトの技法を、ゼロからやさしく解説しています。最終章では、実制作でよくある構成の企業サイトの作り方を扱った実践的な内容です。本書の一番の特長は、HTMLとCSSの使い方を説明するだけではなく、「なぜ、そう作るのか？」といった「背景」や「理由」にも踏み込んで解説している点です。技術や手法が新しくなっても、ずっと変わらずに役立つ「自分で考える力」が身に付きます。

【複数デバイス対応を効率化するフロー&ノウハウがわかる!】 本書は、Webサイトをマルチデバイス対応（レスポンシブWebデザイン対応）させる上での、設計の考え方とCSSフレームワーク（Bootstrap）を利用した実装方法を伝える解説書です。 前半（1～6章）では「コンポーネント」の概念を取り入れた新しいサイト設計の考え方、フレームワークの特徴などを丁寧に紹介しています。実践編となる後半（7～11章）では、代表的なフレームワークであるBootstrapを用いて作成したサンプルをもとに、マルチデバイス対応サイトを設計・制作する手法、BootstrapのSass（SCSS）を使ったカスタマイズ方法を解説。最終章では実装をより効率化・チューニングする手法も紹介しています。なお、本書のサンプルデータはダウンロードにて提供します。 WebサイトがPCだけで見るものではなくなった昨今、サイトのマルチデバイス対応は必須要件となりつつあります。その一方、実装に工数を費やす従来の制作フローでは、作業効率や時間的コストの面で対応し切れなくなっているのが制作現場の実状ではないでしょうか。このような現況やニーズに応えた、「これからの」複数デバイスの考え方・ノウハウを理解していただくための必読の1冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 webサイト制作者を目指す人が必ず習得しなければならない言語「HTMLとCSS」の記述と，サイト制作の基礎知識から公開・管理方法までを15レッスンで解説。HTMLパートはコーディングの基本から画像とリンク，リストとナビゲーション，テーブルおよびフォームのマークアップ方法を，CSSパートでは文字のスタイリングからレイアウト手法までを丁寧に解説。ダウンロードした実習ファイルに記述することで，細かくステップ分けした各単元の内容を手を動かしながら学びます。専門学校の教壇に立つ著者陣が実際の講義内容を体系立て，さらに学校実施のテストと同等の練習問題を各レッスンの章末に用意した，HTML5とCSS3の教科書です。

Web制作にとどまらず、Webアプリやクラウドでも使われているHTML＆CSS。本書は最低限必要な知識に絞って解説しています。これまでHTML＆CSSを勉強したことがない方はもちろん、Web制作の概要を大まかに知りたい方、アプリ開発に先立ってHTMLとCSSの要点を短期間で知りたいエンジニアの方にもおすすめです。 「そろそろ常識？」シリーズは、会話形式の解説をマンガテイストに進化させ、マンガ、会話、チュートリアルをシームレスに組み合わせたニュースタイルの解説書。常識とされながらも覚えにくいテーマをピックアップし、要点をマンガでわかりやすく解説します。

【かっこいいだけではなく、人が集まるホームページを作る！】 「Jimdo」（ジンドゥー）でのホームページの作成方法と運用方法を解説した書籍。解説記事を順番に読み進めて行くことで、Jimdoを使ったホームページの作成・運用・宣伝・集客の基本を、10日間で習得するのが本書のコンセプトです。12章構成の解説の中で、Jimdoの基本操作とホームページの作成、デザインとコンテンツ（内容）のレベルアップ、そしてSEOやリスティング広告を含む宣伝・集客の基本を解説しています。 本書のホームページサンプルは、2016年5月にリリースされた「Tokyo」レイアウトをベースにしたものです。制作工程に応じた3段階のホームページサンプルを閲覧いただけるほか、サンプルで使用した素材を学習用データとしてダウンロード提供しています。 Jimdoはオンラインサイトビルダーと呼ばれるWebサービスで、Webサイト（ホームページ）制作の専門的な知識がない方でも、コンピューターとインターネット環境があればホームページを手軽に作成・公開できます。本書はすでにJimdoをお使いの方はもちろん、新たにホームページ作成や宣伝・集客にチャレンジしてみたい方にも最適の1冊です。 〈こんな方におすすめ〉 ・専門知識がなくともホームページを公開してみたい方 ・Jimdoのホームページをより魅力的なものにしたい方 ・ホームページの宣伝、集客アップにチャレンジしたい方 〈本書の内容〉 CHAPTER 1　Jimdoってどんなサービス？ CHAPTER 2　ホームページのデザインをイメージする CHAPTER 3　Jimdoに登録して基本操作を覚えよう CHAPTER 4　ホームページを作ってみよう CHAPTER 5　デザインを見直してみよう CHAPTER 6　配色を見直してみよう CHAPTER 7　ホームページに機能を追加してみよう CHAPTER 8　SEOの基本を押さえる CHAPTER 9　SEOを意識してコンテンツを見直す CHAPTER 10　集客アップにチャレンジしよう CHAPTER 11　アクセス解析の基本を学ぼう CHAPTER 12　リスティング広告を活用しよう

【現場で本当に必要になるWEB制作のルールの集大成！】 スマートフォンやタブレットをはじめとしたデバイスの多様化とWeb技術の進化により、Web制作の姿は大きく変貌しつつあります。現在求められているような、さまざまな環境での閲覧に耐えうるWebサイトを構築するためには、従来のWebデザインの作り方・考え方では通用しません。設計・レイアウト・装飾・コーディングといった制作場面のすべてにおいて、さまざまなスペックと操作感をもつデバイスが存在することを前提に、可能な限り順応性の高い手法を採用していくという視点が不可欠です。 本書では、このような“Webの現代”に通用するWebデザインの制作手法を網羅的に解説しています。「レイアウト」「配色」「サイト設計＆プロトタイピング」といったWebデザインの骨格をなす基本から、「デザイン＆パーツ制作」「HTML＋CSSコーディング」「リッチコンテンツ＆Webアプリケーション」などの実作業に関わる技術、「運用・分析・集客・リニューアル」といったマネージメントに関わる領域まで、プロとしての基礎知識と現在の潮流がわかります。プロのWebデザイナーから、これからWebデザイナーを目指す人まで、Webデザインに関わるすべての人に必携の1冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 スマートフォンでも見やすく、押しやすいデザインでメールマガジンのCTRを上げる! スマホ対応メルマガの設計からデザイン、コーディング、効果測定までを解説。画像軽量化、Retina対応、メディアクエリーの活用など、現場で役立つノウハウが満載。すぐに使える目的別メールテンプレート×3つき。