HTML/CSS本 - 人気 / 新書 / 高評価 書籍一覧 | 技術書の本だな

HTMLをより深く学習する、言い換えると深く理解するためには、HTMLのシンタックス(構文)とセマンティックス(意味論)を理解することが不可欠です。シンタックスは機械的にチェックできますが、セマンティックスについては現在の技術では人によるチェックをせざるを得ないのが現状でしょう。
また、HTMLの究極の学習コンテンツはウェブ上で策定・公開されているHTML仕様といえますが、現在のHTML仕様は多数の前提知識が必要であり、中・上級者向けともいえます。

本書を読み進めることで、静的なウェブページから動的なウェブアプリケーションまで、筋の通ったHTMLを設計・記述できるようになることを目指します。本書では触れていませんが、これにより現代のウェブページに不可欠なCSSやJavaScriptの設計・作成についても理解が深まることでしょう。
また、HTML仕様を読むための前提知識についても解説しています。さらに、HTMLと関連のあるアクセシビリティやセキュリティの知識についても、著者陣がスペシャリストの立場として、必要に応じて言及しています。  

 

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

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。  

Webサイト制作をこれから学ぶ人へ送る
“1冊目"に最適の入門書! 【学びをサポートする4大特典つき】

本書は手を動かしてWebサイトを作りながら
HTML/CSSとWebデザインの基本を楽しく学べる入門書です。

初学者が1冊目に読む本としてふさわしい内容を盛り込んでいるため、
これを読めば必要な基礎知識がひととおり身につきます。

制作できるサイトは計4種。
初歩的な内容から少しずつレベルアップしていき、
Flexboxレイアウト・CSSグリッドレイアウト・
レスポンシブデザイン・CSSアニメーションも作れるようになります。

またコーディングの知識だけではなく、
学習を続ける上での学び方のコツやポイントも紹介。
知識ゼロからスタートした人でも、1冊を読み終えるころには
自ら学習を深めていけるようになるでしょう。

■わかりやすい! 楽しい! ポイント
・やさしく要点をおさえた解説
・手を動かして作ることを重視した構成
・おしゃれでバリエーション豊かなサンプルサイト
・豊富な図解とイラスト、キャラクターによるガイド
・重要ポイントの理解を助ける補足動画

■こんな方におすすめ!
・Webサイト制作をゼロから学びたい初心者
・1冊目の入門書を探している人
・Web制作の仕事を目指している人

■学習をサポート! 嬉しい4大特典つき!
(※翔泳社サイトにて無料のID登録とダウンロードの必要があります)
1.サンプルサイトのXDデータ
- 画像の切り出しや色/数値抽出の練習用に
- デザインファイルの作り方の参考に

2.特典PDF:Webサイトの公開方法
- 最後に必要な公開作業の手順も解説!
- レンタルサーバー/ドメインについてやFTPソフトの使い方

3.制作に役立つおすすめサイト集
- 実際のしごとで使っているサイトを厳選!
- Webデザイン編/コーディング編と合計、約50サイトを紹介

4.初学者必携のチートシート
- 横において学習すると学びやすい!
- Flexboxレイアウト/CSSグリッドレイアウト/CSSのショートハンド/キーボード入力サポートの4種

 

この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【1日30分からはじめる！ プロを目指す人の新・スタンダード。】

WebデザインやHTML・CSSの学習を「1日30分からはじめる」をテーマに、やさしくしっかり解説した書籍。初学者の方が、プロのWebデザイナーを目指す上で必要となる基本的な知識や技術を体系的に学べます。“ちゃんとしたプロ”のWebデザイナーとしてスタート地点に立つために、最初に選んでいただきたい1冊です。

Webサイトの実制作のフローに沿い、本書の解説では、Webデザインの概論と制作に必要となるツールや素材・配色について学んだあと、HTML・CSSの基礎と実践を習得し、サイトの公開や運用に関する知識を身につけます。HTML・CSSの書き方を初歩から教えるだけにとどまらず、サイトを制作し、公開・運用していくために必要な基本知識をすべて解説しています。

また、各記事ごとに学習時間の目安を記載しており、授業や独習で学習教材として活用しやすい作りを目指しました。HTML・CSSの実践部分でサンプルサイトとして制作するのは、シングルページのシンプルなお店のサイトと、モバイルファーストの手法を取り入れたサイトの2つです。サンプルは学習用データとしてダウンロード提供します。

〈こんな方にオススメ〉
・初学者からプロのWebデザイナーやマークアップエンジニアを目指す方
・Webデザイン制作やHTML・CSSの知識を身につけたい方
・WebデザインやHTML・CSSの基本情報をアップデートしたい方

〈本書の章構成〉
○Lesson1　Webサイトの成り立ち
○Lesson2　Webサイトの枠組みを知る
○Lesson3　Webデザインに必要な素材
○Lesson4　HTMLをマスターする
○Lesson5　CSSをマスターする
○Lesson6　シングルページのサイトを作る
○Lesson7　レスポンシブ対応サイトを作る
○Lesson8　Webサイトを公開してみよう
○Lesson9　SNS連携とWebサイトの運用  

初心者から熟練者まで、すべてのWeb制作者のための早引き事典の最新版！

本書は、HTMLの要素（タグ）とCSSのプロパティを解説した事典です。
HTMLの要素やCSSのプロパティの意味、対応ブラウザーなどがひと目で分かるほか、豊富なサンプルコードで、使い方も理解できます。

WordPressなどのCMSで新規サイトを構築するときに、既存サイトのコードを解読したいと思ったときに、タグやプロパティの内容をサッと調べることができる便利な1冊です。
また、HTMLやCSSの基本的な書き方はもちろん、HTML5からHTML Living Standardに標準仕様が移った経緯などの技術的背景、文字参照やURLの構成といったWeb制作者として不可欠な知識も解説しています。

●このような方におすすめ
・HTML＆CSSを記述・修正する必要のある人
・Webデザイナーや、情報システム部などでWebサイトを内製で構築する担当者
・HTML＆CSSの勉強をしている大学生や新入社員

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。  

★★★★★★★★★★★★★★★★★★★★★★★★★★★
【ありがとう! ついに10万部突破!!】
【全国の書店員さんがオススメする本「CPU大賞」第1位受賞! 】
【感謝を込めて、期間限定 購入者特典!!】
本商品を2020/11/18(水)00: 00から2021/05/12(水)23: 59までにご購入いただくと、「CSS Flexbox チートシート データ」の特典が受けられます。
商品出荷時にダウンロードURLをメールにてお知らせします。ダウンロードURLをお届けするためにメールが送信されますので、ご了承のうえご購入ください。
なお、特典のダウンロード期限は2021/08/10(火)23: 59となります。
お忘れないようにご注意ください。
★★★★★★★★★★★★★★★★★★★★★★★★★★★

【全国の書店員さんがオススメする本「CPU大賞」第1位受賞!】
今、一番売れているHTML本!
大反響! 9刷突破の大ヒット!
全国の書店員がオススメする本(CPU大賞)第1位!
2019年上半期売上 第1位!※
Web制作に必要な知識がすべて身につく!
※日販売上げランキング: HTML関連書籍


----------------------------------------------------------------------------
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、
Manaによる渾身のHTML & CSSとWebデザインが学べる本
----------------------------------------------------------------------------


今のWebサイトの作り方が一気に学べる!

・知識ゼロから体系的に学べる! HTMLとCSSの基本
・最新の技術に対応! レスポンシブ、Flexbox、CSSグリッド
・手を動かしながら学べる! プロの現場で役立つテクニック
・コードの知識からデザインのことまで1冊ですべて学べる!

WebクリエイターボックスのManaが教える
Webサイト制作の定番&旬のスキル。
この1冊で必要なことがすべて学べる!

コードもデザインも全部学べる!


●本書の対象読者
・これからWebサイトを作り始める初心者
・HTMLとCSSを基本から学びたい人
・美しいデザインのWebサイトを作りたい人
・Webの最新技術を学びたい人


●CONTENTS
-----------------------------------------------
CHAPTER 1 最初に知っておこう! Webサイトの基本
CHAPTER 2 Webの基本構造を作る! HTMLの基本
CHAPTER 3 Webのデザインを作る! CSSの基本
CHAPTER 4 フルスクリーンのWebサイトを制作する
CHAPTER 5 2カラムのWebサイトを制作する
CHAPTER 6 タイル型のWebサイトを制作する
CHAPTER 7 外部メディアを利用する

●著者プロフィール
Mana


日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働いた。現在は全国各地でWeb関連のセミナーに登壇し、Webサイト制作のインストラクターとして教育に携わっている。ブログ「Webクリエイターボックス」は2010年日本のアルファブロガーアワードを受賞。  

※この商品は固定レイアウト型の電子書籍です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。



これ1冊でWebプログラミングが一通り学べる！

まったくのプログラミング初心者に向けた、Webプログラミングの入門書です。「HTML+CSS」「JavaScript」「PHPによるサーバー開発」「Ajaxによる非同期通信」Webを使ったスマホアプリ作成」などを、猛スピードで全部学びましょう！Webプログラミングに必要なテーマの本は、それぞれ1冊になるくらいのボリュームですので、それを何冊も読むのは大変ですよね。本書では必要なものを全部つまみ食いして、一度にすべて使えるようになれます！「HTML＋JavaScriptのWeb作成」から一歩踏み出し、サーバー側の開発まで含めたプログラミングを学び、応用として、Web部分をそのままスマートフォンのアプリに組み込み、「サーバーと連携したスマホアプリ」までも取り上げています。ですので、「Webページ、サーバー、スマホアプリ」のすべてを体験できます。昨今、プログラミングの仕事というとWebプログラミングは避けて通れませんので、プログラマーになりたいあなたには必読です！  

【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】

脱・その場しのぎのコーディング！
現場で迷わない実務レベルのテクニックを身につける

HTML/CSSの知識をひと通り身につけて、デザインカンプ通りの実装ができるようになっても、実際の制作現場では、コーディングの選択肢に迷う場面が多々あります。

タグやプロパティについて「どうしてそれを選んだのか」と聞かれたとき、あなたは自信を持って答えることができるでしょうか？

レイアウト手法について、いつも手癖で慣れたものを採用していて、本当にこのアプローチが最適なのか、不安を感じることはありませんか？

本書は、入門レベルの知識だけでは切り崩せない、実務ならではのコーディングの悩み・課題を、プロの視点で解説します。仕様書を読むだけでは得られない「現場の経験則」をもとに、状況や目的に応じた、知識の組み合わせ方・選択肢の選び取り方がわかります。

Web制作には無数ともいえるアプローチがあり、ただなんとなく知識を蓄えているだけでは、実務で求められるコーディングの攻略は困難です。本書を読んで「ただ知っているだけの知識」を「現場で活かせるスキルと自信」に変えましょう。

■解説トピック
・sectionとarticle、どのように使い分ける？
・background-imageではなく、imgを使うべき画像とは？
・カラムレイアウトに適しているのは、float・flex・gridのどれ？
・Class名の位置はどのように判断すればいい？
・運用しやすいコードを書くためには何に配慮する？　　…など

■本書のおすすめポイント
・実際の制作の流れに沿って工程ごとのポイントが理解できる
・キャラクターによるガイドでわかりやすく読み進められる
・「練習サンプル」で手を動かしながら理解できる

■対象読者
・実務で通用するスキルを身につけたいWeb制作会社の新人
・Web制作の仕事に就きたい学生、社会人
・指示される通りのコーディングから脱して、よりよい書き方を知りたい初級者

■目次
Lesson1　デザインカンプを正しく理解する
Lesson2　プレーンなHTMLを作成する
Lesson3　デザイン実装のための情報を追加する
Lesson4　ページのレイアウトを実装する
Lesson5　パーツのデザインを作り込む
Lesson6　レスポンシブ対応する
Lesson7　ワンランク上のコーディングを目指す

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。  

Webは誕生から20年で爆発的な普及を果たし,17億人のユーザと2億台のサーバを抱える巨大システムへと成長しました。Webがここまで成功した秘密は,その設計思想,いわゆるアーキテクチャにあります。Webのアーキテクチャ,そしてHTTP,URI,HTMLといったWebを支える技術は,Webがどんなに巨大化しても対応できるように設計されていたのです。
私たちが作る個々のWebサービスも,Webのアーキテクチャにのっとることで成功へとつながります。Webのアーキテクチャに正しく適応したWebサービスは,情報が整理され,ユーザの使い勝手が向上し,ほかのサービスと連携しやすくなり,将来的な拡張性が確保されるからです。
本書のテーマは,Webサービスの実践的な設計です。まずHTTPやURI,HTMLなどの仕様を歴史や設計思想を織り交ぜて解説します。そしてWebサービスにおける設計課題,たとえば望ましいURI,HTTPメソッドの使い分け,クライアントとサーバの役割分担,設計プロセスなどについて,現時点のベストプラクティスを紹介します。  

 

本書は、WebプログラマがWebプログラマの視点で、Webプログラミングに必要なHTML/CSSを学習するための初心者向け書籍です。

PCに電源を入れてログインした後、まず起動するソフトウェアは何でしょうか？ PCの使い方にもよりますが、
恐らくEdgeやSafari、Chromeなどのブラウザと答える人が多いのではないでしょうか。

これらのブラウザを利用した際、そこに表示された画面にはほぼ間違いなくHTMLとCSSが使われています。ブラウザに表示される
さまざまなものの裏にWebシステムがかかわっている現状を考えると、これらWebシステムを作成するプログラマも、
HTML/CSSを習得しておく必要があります。

【目次】
Chapter 1 Webの仕組みとHTML/CSSの役割
Chapter 2 HTML/CSSのプログラミング環境を作ろう
Chapter 3 初めてのHTML
Chapter 4 基本の文書タグ
Chapter 5 文章を束ねるタグと一部となるタグ
Chapter 6 リスト表示タグ
Chapter 7 テーブル表示タグ
Chapter 8 リンクとコンテンツ埋め込みタグ
Chapter 9 フォーム関連タグ
Chapter 10 CSSの基本
Chapter 11 CSSセレクタ
Chapter 12 CSSレイアウト
Chapter 13 レスポンシブレイアウト

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。  

 

美しいデザインでサイト制作の知識とワザが「1冊で」身につく本格入門!

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

「HTMLとCSSを勉強したいけれど何から手をつければいいか分からない」と悩んでいる人に向けて、基本的な書式から、よく使われるHTMLタグやCSSプロパティの意味、さらにモバイル対応まで丁寧に解説した本です。本書の手順にしたがってHTMLとCSSを記述していくことで、ウェブページを一から作りあげることができます。まずは基礎をしっかり押さえて、スムーズなステップアップにつなげましょう! 本シリーズは一流講師陣を集めた「ロクナナワークショップ」を主催するロクナナが内容を完全監修!  

----------------------------------------------------------------------------
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、
Manaによる渾身のHTML & CSSとWebデザインの実践知識が一気に学べる本
----------------------------------------------------------------------------

ほんの一手間で劇的に変わる!
一歩進んだWebサイト制作の知識が一気に学べる!

・5つのサイトから学べる! 今のWebサイトを作る最新の技術群
・自由な表現ができる! 手描き、斜め、グラデーション、あらゆる装飾の作り方
・今日から使える! 表とグラフ、アニメーションなど、JavaScriptライブラリ
・動画、カスタム変数、Emmet、Sass、問題解決の知識まで

WebクリエイターボックスのManaが教える
Webサイト制作の実践&旬のスキル。
思い描いているものを形にできる魔法の1行が必ず見つかる!

コードも、デザインも、時短術も、全部学べる!


●本書の対象読者
・HTMLとCSSの基礎学習までを終えた人
・Webサイト制作のワンランク上のスキルを学びたい人
・自由な装飾表現を用いてWebデザインを作りたい人
・アニメーションなど動きがあるサイトを作りたい人
・練習問題やお題に挑戦し、成果を皆と共有したい人
・効率よくコードを記述できる方法を知りたい人
・独学で困った際などの問題解決法を学びたい人


●CONTENTS
-----------------------------------------------
CHAPTER 1 最初に知っておこう! Webサイトの基本と必携ツール
CHAPTER 2 「レスポンシブWebデザインとフォント」
CHAPTER 3 ブログサイトで学ぶ「装飾とカラムレイアウト」
CHAPTER 4 コーポレートサイトで学ぶ「表組み、フォーム、JavaScript」
CHAPTER 5 イベントサイトで学ぶ「特定ページの作り方とアニメーション」
CHAPTER 6 ギャラリーサイトで学ぶ「動画と画像の使い方」
CHAPTER 7 HTMLやCSSをより早く、より上手に管理できる方法
CHAPTER 8 サイトの投稿と問題解決  

CSS設計の考え方と実践法が身につく

CSS設計は多くの現場で導入されていますが、いまだに悩みがつきません。プロジェクトの大小や性質によって最適解も変わってきます。
そこで本書は、CSSのさまざまな設計手法を紹介しつつ、考え方や実践のポイントを明確化します。そのうえでボタン、ラベル、カード、テーブル…といったウェブの定番的なモジュールを網羅的に取り上げ、さらにはそれらの組み合わせ方まで、実践的なコードを紹介します。
代表的な設計手法である「BEM」と、著者が開発した設計手法「PRECSS」によって対比的な解説を加えており、思考をなぞることで最適解が炙り出されることでしょう。
駆け出しのウェブ開発者、フロントエンドエンジニアの方に、ぜひ読んでいただきたい1冊です。  

手元に置いて引きやすい定番のHTMLとCSSの事典が、
最新仕様に準拠しリニューアル！

本書は、HTML Living Standardの仕様に準拠した要素（タグ）と、
主要なブラウザーで動作するCSS3およびCSS4のプロパティをすべて掲載しています。

手元に置いておきやすいコンパクトなB6判で、
目次のほかに要素名・プロパティ名のインデックスもあるので、
必要な情報をサッと調べることができます。

◆要素・プロパティごとの使い方が分かる！
サンプルコードを豊富に掲載

本書では、
・HTMLの要素に使用できる属性
・CSSのプロパティに指定できる値
を掲載しています。
また、ほとんどの要素やプロパティに個別のサンプルコードを掲載し、
使用例が分かるようになっています。
サンプルコードは、読者限定でダウンロードも可能です。

◆100個以上のプロパティやセレクターを追加！
「グリッドレイアウト」やCSS4のモジュールにも対応

最近のWebページのレイアウトに使われることが多い、
「グリッドレイアウト」に関連するプロパティを掲載しています。
また、ブラウザーで動作するCSS4のモジュールにも対応し、
新たに追加されたセレクターなども掲載しています。


※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。  

JavaScriptを使用したWebブラウザゲームの製作ノウハウを解説する入門書です。
Webページをまったく作ったことはないが、現在主流となっているブラウザゲームに興味があり、
「自分でもゲームプログラミングに挑戦してみたい！」と考えている初心者に最適です。

本書では「より面白く」「見栄え良く」をモットーに、11本のサンプルゲームを紹介しています。
ゲームを作りながら、JavaScriptだけでなくHTML5やCSSといったWeb技術の基本もしっかり学習できます。

また、あくまで「学習書」という位置付けであることから、最後まで読んでしっかり学習してもらうために、
「楽しさ」を感じられて「飽きさせない」ことを重視した構成になっています。

【本書のセールスポイント】
［1］JavaScriptで「面白く」「見栄えの良い」Webブラウザゲームを「短いコード」で「簡単に」開発できる
［2］サンプルゲームはスマホにも対応
［3］アクション系ゲームにも応用できる物理エンジン（衝突判定等）付き
［4］サンプルゲームのダウンロードサービス
［5］サンプルゲームはダウンロードしてスグに試せる！  

「HTMLで作ったオリジナルデザインのWebサイトをWordPress化したい」
「管理画面を使って更新・運用ができるWebサイトを作りたい」

この本は、上記のような目的を持った方々を対象に、
HTMLで作られたWebサイトをWordPress化し、
本番環境で公開するまでのフローを学べる本です。

著者はWebデザインスクールで教えている3人の講師。
WordPress化に挑戦する人の悩みや意見を
しっかりとヒアリングして執筆しているので、
つまずきやすいポイントを把握したうえで丁寧に解説しています。

独立したい、転職の強みにしたい、仕事を増やしたいなど、
Web制作者としてワンランクアップしたい人におすすめの１冊です。

■本書の特典
1　デザインのFigmaデータ
2　WordPressサイトの完成データ
3　目的別プラグイン逆引き辞典
4　WordPress更新マニュアル例
5　ブロックエディターの使い方
6　応用編の動画教材

■本書の付録
1　WordPressのテンプレートファイルの種類と役割一覧
2　最低限覚えておきたいWordPressで使用するコード一覧
3　WordPressのトラブルシューティング集

■CONTENTS
CHAPTER 1　WordPressの基礎知識
CHAPTER 2　事前準備と確認事項
CHAPTER 3　WordPressの設計と管理画面の設定
CHAPTER 4　プライバシーポリシーページを作成する
CHAPTER 5　404ページとお問い合わせページを作成する
CHAPTER 6　お知らせの個別ページを作成する
CHAPTER 7　お知らせのアーカイブページを作成する
CHAPTER 8　お知らせのトップページを作成する
CHAPTER 9　会社概要ページを作成する
CHAPTER 10　トップページを作成する
CHAPTER 11　本番環境を準備する
CHAPTER 12　本番サイトの設定をする
CHAPTER 13　本番サイトを公開する  

 

●知識ゼロでもはじめられる入門書の決定版
ホームページの仕組みや構成の考え方など
基礎的な知識はもちろん、FTPソフトを使った
ホームページの公開やメンテナンスを解説。
もちろん、HTMLやCSSのコーディングも
しっかりと解説しています。

●HTMLやCSSのタグ、プロパティを丁寧に解説
HTMLやCSSのコーディングを解説した章では
1つ1つのタグやプロパティを効率的に学べます。
順序よく読み進めていけば、自然とスキルアップが
できるようにレッスンが構成されています。

●フリーソフト・フリー素材付きですぐにはじめられる
本書で解説に利用しているテキストエディターや
FTPソフト、画像編集ソフトをダウンロードデータに収録。
また、練習用ファイルも含まれているので
ダウンロードする手間なく、すぐに学びはじめられます。

●本書はこんな方にオススメです！
・HTMLやCSSのコーディングをゼロから学びたい
・ホームページ作成ソフトで作ったデータを手直しできるようになりたい
・Web制作に携わる職業を目指していて、基礎を学びたい
※紙書籍に同梱されているCD-ROMは電子書籍版には含まれませんが、CD-ROMの内容と同等のダウンロードデータをご用意しております。ダウンロードデータの入手方法については本書2ページの「サンプルファイルについて」をご覧ください。  

この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【技術の進化に左右されない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　実践編：レスポンシブサイトをつくる  

 

 

 

 

 

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。
また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
なお、実際のサービスのインターフェースが変更され、本書内の解説と実際の画面が異なることがありますので、ご了承ください。

主要なブラウザの中でCSS3への対応が遅れていたInternet Explorerもバージョン10になり、これで主用ブラウザがすべてCSS3に対応するようになったといえます。つまり、CSS3を本格的に活用したWebデザインを公開する環境が整いました。

本書は、CSS3の活用に加え、CSS2.1までの基本も押さえつつ、最新のWebページのデザインテクニックを解説します。例として掲載したサンプルも、ほとんどが現在利用されている主要なブラウザの最新バージョンに対応しているので、すぐにでも実用が可能です。作成方法は、1つ1つ手順を追って解説しました。初心者の方でもわかりやすくなっています。

本書は15のChapterで構成されています。Chapter1?5までは、CSS2.1までのテクニックを利用したWebページのデザインとレイアウトを紹介しています。従来のCSSのテクニックに習熟している方であれば、そのままChapter 6以降へと読み進めてもよいでしょう。

Chapter1ではWebページの構成に合わせたHTML要素の指定と基本的なデザインの指定を扱います。Chapter2からChapter4までは、従来のテクニックを利用した固定幅、可変幅の段組レイアウトの作成方法について、Chapter5では、サイトトップのページ用の少し変わった段組レイアウトについて解説しています。

Chapter6では、CSS3を活用したWebページのレイアウト方法について解説します。CSS3以前のテクニックでWebページをレイアウトする場合は、HTMLにもいくつか手を加えなければなりませんでしたが、CSS3ではほとんどその必要がないことがお分かりいただけると思います。

Chapter9ではテキストそのものをCSSで装飾する方法、ルビや縦書きなど、日本語テキスト独特の書式への対応方法を解説しています。Chapter10ではサイトタイトルのデザインを解説しています。Webフォントやテキストの影付け、グラデーションの背景、傾けたテキストなど、従来は画像でしか表現できなかったデザインがCSS3を使ってできる方法がわかるようになります。

Chapter11では、ボタンとナビゲーションの作り方について解説しています。従来はFlashやJavaScriptを利用していたボタンやメニューのアニメーションもCSS3で動かします。Chapter12ではフォトギャラリーの作成方法を説明しています。

Chapter13と14ではCSS3を使ったテーブルとフォームのデザインを説明します。これまで要素名から特定するのが難しかったフォームのパーツもCSS3のセレクタの機能によって簡単に判別できるようになります。

最後のChapter15では、1つのHTMLソースで複数のデバイスに対応する「レスポンシブWebデザイン」について解説しています。スマートフォンやタブレット端末が急速に普及し、それらの機器に最適なWebページのデザインが求められている現状、すぐにでもご活用いただけるはずです。
この他にも、CSSの基本やHTML5について、あるいはデザインのバリエーションや特定のブラウザだけに対応したテクニックなどをコラムで解説しています。トピックごとに参考にしてください。

本書で紹介したCSSのテクニックをすべて習得すれば、CSS3マスター間違いなしです。  

フロントエンドエンジニアから学ぶ制作現場の実践的なテクニック！

本書は、HTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。

現在主流なWebページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。

実際のWeb 制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、HTML5/CSS3の実用的なコーディングスキルやテクニックを無理なく身につけることができます。

3つのサイトを作成することで、「本格的なレイアウトのサイトを作れた」「こういったレイアウトの場合こうコーディングすればいいという具体的なテクニックがわかった」というような手応えを得やすく、学ぶことへのモチベーションが下がらずに高まる構成にしています。

駆け出しのフロントエンドエンジニアや、HTML/CSSコーディングに興味はあっても実践の機会がないデザイナー、バックエンドエンジニアなどが、実際にサイトを作ることを通してスキルアップすることを目標とした一冊です。

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

 

HTMLによる、HTMLのための、HTMLだけの本

Web制作の初心者に向けた「HTML5+CSS3でサイトを作ろう」といった内容の書籍は多数出版されています。しかし、それらを卒業し、2冊目となるような、より深く「HTML」を学習できる書籍はあまりありません。
本書は、最低限のHTMLに関する知識やスキルを持ち、簡単なHTMLファイルを作成できることを前提に、HTMLを再入門、あるいはHTMLの初・中級者からさらなるステップアップをしたい、という読者を対象にしています。

HTMLをより深く学習する、言い換えると深く理解するためには、HTMLのシンタックス(構文)とセマンティックス(意味論)を理解することが不可欠です。シンタックスは機械的にチェックできますが、セマンティックスについては現在の技術では人によるチェックをせざるを得ないのが現状でしょう。
また、HTMLの究極の学習コンテンツはウェブ上で策定・公開されているHTML仕様といえますが、現在のHTML仕様は多数の前提知識が必要であり、中・上級者向けともいえます。

本書を読み進めることで、静的なウェブページから動的なウェブアプリケーションまで、筋の通ったHTMLを設計・記述できるようになることを目指します。本書では触れていませんが、これにより現代のウェブページに不可欠なCSSやJavaScriptの設計・作成についても理解が深まることでしょう。
また、HTML仕様を読むための前提知識についても解説しています。さらに、HTMLと関連のあるアクセシビリティやセキュリティの知識についても、著者陣がスペシャリストの立場として、必要に応じて言及しています。

目次

1章 HTMLの基本概念
1-1 HTMLとは
1-2 HTMLの仕様
1-3 HTML標準化の歴史
1-4 ウェブアクセシビリティの基礎
1-5 URLの概要
1-6 HTTP
1-7 技術情報との関わり方

2章 HTMLマークアップのルール
2-1 HTMLの要素とタグの基本
2-2 属性
2-3 URLの応用
2-4 要素の入れ子と内容モデル
2-5 HTMLで扱える文字
2-6 文字参照
2-7 コメント
2-8 HTMLの細かい構文ルール

3章 HTMLの主要な要素
3-1 「HTMLの主要な要素」の読み方
3-2 ルート要素と文書のメタデータ
3-3 セクション
3-4 グルーピングコンテンツ
3-5 テキストレベルセマンティックス
3-6 リンク関連要素
3-7 編集
3-8 エンベディッドコンテンツ
3-9 テーブル
3-10 フォーム1
3-11 フォーム2
3-12 インタラクティブ要素
3-13 スクリプティング

4章 主要な属性とWAI-ARIA
4-1 グローバル属性
4-2 WAI-ARIA
4-3 ARIA利用時の注意点
4-4 WAI-ARIAの実践
 

実践的なWebサイトを作りながら学べる!

講義+実習のワークショップ形式で、
実践的なWebサイトを作りながら学べる
「はじめてでも挫折しない」HTML&CSSの入門書。

なぜそうするのかを知りたい、
応用できる基礎を身に付けたい、
そんな要望に応える新しい教本です。

学習しやすいソースコード&全画像素材付き。

こんな人(企業)におすすめです。
・Webサイトを作りたいが、WordPressなどのCMSではなく、HTMLとCSSで作りたいという人
・Web制作者を目指している人
・Webサイトを運営している飲食店や小売店の店長・Web担当者
 

 

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

（こんな方におすすめ）
・フロントエンドエンジニアやWebデザイナー志望者
・Webデザインやサイト制作について勉強したい人

（目次）
Lesson01　wwwやwebサイト制作の基本を理解しよう

Lesson02　HTMLコーディングの基本を学ぼう

Lesson03　画像表示とリンクをマークアップしよう

Lesson04　リストとナビゲーションをマークアップしよう

Lesson05　表組みをマークアップしよう

Lesson06　フォームをマークアップしよう

Lesson07　CSSコーディングの基本を学ぼう

Lesson08　見出しや段落をスタイリングしよう

Lesson09　CSSレイアウトの基本を学ぼう

Lesson10　ページ全体をレイアウトしてみよう

Lesson11　リストとナビゲーションをスタイリングしよう

Lesson12　表をスタイリングしよう

Lesson13　フォームをスタイリングしよう

Lesson14　webサイト制作を実践してみよう

Lesson15　webサイトを公開しよう

付録  

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【コーディングの練習を繰り返して、腕前グングンUP！】

HTML・CSSの基本は覚えたけれど、デザインカンプから情報を読み取って、イチからコーディングするのはまだ無理……。
初心者を脱して、コーダー／マークアップエンジニアとして制作現場でバリバリ活躍する力をつけたい。

本書はそんな方に向けたものです。

初心者の方が、制作現場で通用する“コーディング力”を強化するには、豊富なパターンの実践練習を繰り返すのが、遠いようで一番の近道。そのために、本書は150通り以上のサンプルを使って、HTML+CSSのコーディング練習を積み重ねるスタイルとなっています。

6章構成で、基礎固めをしながら、できるだけ効率よく実務レベルの知識やスキルを身につけられるよう、小さな単位のサンプルを数多く盛り込みました。小さな課題をたくさんこなす中で、現場の実務で遭遇するような“少し難しい課題”も自力で解決する力がつくよう構成しています。

また、各章で学んだことをアウトプットできるよう、章末に各自で取り組むための練習問題（EXERCISE）も用意しています。

本書を通して、実際に手を動かしながら課題に取り組むことで、“コーディング力”が確実にアップしますので、ぜひチャレンジしてみてください！

〈こんな方にオススメ〉
○コーディングの初心者から中級者にレベルアップしたい方
○自力でイチからコーディングする力をつけたい方
○Web制作の現場で働きはじめて間もない、実践経験の少ない方

〈本書の内容〉
■INTRODUCTION　事前準備と前提知識
■CHAPTER 1　基本レイアウト
■CHAPTER 2　応用レイアウト
■CHAPTER 3　表組み・フォーム
■CHAPTER 4　CSS設計
■CHAPTER 5　マークアップ
■CHAPTER 6　総合演習

〈本書の特長〉
○150通り以上のサンプルを使って実践練習を繰り返す。
○HTML・CSSのコーディングに特化して強化する。
○実務でよく遭遇する課題を自力で解決する力がつく。  

モバイルファースト＆レスポンシブなサイトの作成手法を、ステップ・バイ・ステップでマスターする


本書では、モバイルファースト＆レスポンシブで、サンプルサイトを制作していく過程を実際に操作しながら学んでいきます。

サイトはパーツ単位で作成し、章ごとに1つのパーツを作成していきます。


Chpater1　ヘッダー

Chpater2　ヒーロー

Chapter3　画像とテキスト

Chpater4　記事一覧

Chapter5　フッター

Chapter6　記事

Chapter7　プラン＆フッター

Chapter8　ナビゲーション


それぞれのパーツの作成にあたっては、パーツのレイアウトを実現するCSSの選択肢を示し、場面に応じて適切なものを選択して、作成していきます。

章末には他の選択肢やそのバリエーションをまとめて解説していますので、デザインやレイアウトの技を幅広く身につけることができるでしょう。

HTMLは最新の「HTML Living Standard」に準拠し、CSSでは従来から活用されてきたメディアクエリの他、Flexbox、CSS Gridなどのレイアウトのコントロール、CSS関数を使いこなします。


「本書では、新しいHTML&CSSに沿った形で『レスポンシブWebデザイン』を見直し、ページを作成しながらさまざまな選択肢を比較検討していきます。

サンプルのページを作成するばかりでなく、ページを実現するためのバリエーションを増やして、これからのWeb 制作に活用していただければと思います。』（著者「はじめに」より）


演習用ファイルがダウンロードできますので、ぜひ本書で最新のHTML&CSSコーディングを体感してください。


【特典付き】

・特典PDF『HTML&CSS　簡易リファレンス』

本書のサポートサイトから入手してください。


エビスコム
さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。
主な編著書： 『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』マイナビ出版刊
『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上
『CSSグリッドレイアウト デザインブック』同上
『WordPressレッスンブック 5.x対応版』ソシム刊
『フレキシブルボックスで作るHTML5 & CSS3レッスンブック』同上
『CSSグリッドで作るHTML5 & CSS3レッスンブック』同上

※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします  

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
　購入前にお使いの端末で無料サンプルをお試しください。

2014年10月に正式な仕様が勧告されたHTML5の要素、および最新のブラウザーで実装されたCSS3のプロパティ（CSS2.1を含む）の使い方を解説した、手元に置いても邪魔にならないコンパクトな1冊です。HTML5編では、定番の要素はもちろん、定義が変更された要素や新しい要素、さらにHTML 5.1で策定中の要素を含めた情報をしっかりと解説。CSS3/2.1編では、いつも使うおなじみのプロパティから新しく登場したプロパティまで、多くのブラウザーで実装されている機能について扱っています。調べたい項目は、各インデックスからさっと引いてすぐに見つけられます。  

 

(概要)
各種講座や書籍でHTML&CSSの学習を終えても、実際の現場では、求められるレベルの業務をこなせない人が少なくありません。デザイナーから渡されたデザインの全体を把握・解釈して、HTML&CSSで書き起こす力が弱い傾向にあります。
本書はWebページのデザインをHTML&CSSで作成するために必要なチカラを身につけて、これまでに学習してきた基礎知識を、Webデザインの現場で「使える力」にレベルアップします。

(こんな方におすすめ)
・Webデザイナー初級者、中級者

(目次)
Chapter 1 デザインからHTML を作る「流れ」
1-1 ゼロからWebページを作る「第一歩」
1-2 HTMLの書式と用語
1-3 CSSの書式と用語
1-4 セレクタと優先順位
1-5 ボックスモデル
1-6 すべてのページに共通するテンプレートを作る
1-7 共通テンプレートをレスポンシブデザイン対応にする
1-8 フォントサイズを調整する
1-9 レスポンシブデザインに対応した画像のスタイル
Chapter 2 レイアウトの大枠を組み立てる
2-1 「ゼロ」からWebページを組み立てるには
2-2 コンテナに分割する
2-3 コンテナのHTMLを書く
2-4 コンテナの幅を設定する
2-5 コンテナの幅を設定する〜ヘッダー、パンくずリスト編〜
2-6 上下の空きスペースを調整する
2-7 コンテナに設定する背景、ボーダーライン
Chapter 3 メインコンテナを組み立てる
3-1 モジュール
3-2 メインコンテナをモジュールに分割する
3-3 グループ化モジュールの特徴と組み込み
3-4 記事タイトル
3-5 見出しと本文
3-6 Webフォントの使用
3-7 テキストを強調するマーカー
3-8 リスト
3-9 画像
3-10 画像+キャプション
3-11 画像にテキストを回り込ませる
3-12 タグとカテゴリー
3-13 テキストの先頭にアイコン
3-14 ボックスに背景画像を適用
3-15 ボックスを囲む
3-16 チャット型のデザイン1 〜ボックスを2つ並べる〜
3-17 チャット型のデザイン2 〜ボックスの大きさ調整・並び順の変更〜
3-18 チャット型のデザイン3 〜要素を円形に切り抜く〜
3-19 タブ付きボックス
Chapter 4 ヘッダーを組み立てる
4-1 ヘッダーは画面サイズでレイアウトが変わる
4-2 ヘッダーをモジュールに分割する
4-3 ロゴとボタンのフレックスボックス構造
4-4 ロゴ
4-5 モバイル向けボタン
4-6 ナビゲーション
4-7 JavaScriptを読み込む
4-8 パンくずリスト
Chapter 5 フッターを組み立てる
5-1 フッターはカラムや行揃えの制御がポイント
5-2 フッターをモジュールに分割する
5-3 複数のバナーを並べる
5-4 ボタンを横に並べる
5-5 ページトップへ戻るボタン
5-6 フッターのロゴとコピーライト
5-7 フッターのナビゲーション1
5-8 フッターのナビゲーション2
Chapter 6 ホームのページを組み立てる
6-1 ホームをコンテナに分割する
6-2 ホームをモジュールに分割する
6-3 ヒーロー画像
6-4 画像に画像を重ねて表示
6-5 キャッチフレーズ
6-6 スタンプ状のテキスト
6-7 カード型レイアウト1〜全体のレイアウト〜
6-8 カード型レイアウト2〜それぞれのカードの中身〜
6-9 メディアオブジェクト
6-10 テーブル形のリスト
Chapter 7 カラムレイアウトとサイドバー
7-1 2カラムレイアウトのコンテナ
7-2 サイドバーをモジュールに分割する
7-3 カードとバッジ
7-4 記事一覧のリスト
7-5 複数の要素で構成されるボックス
Chapter 8 フォームが含まれるページ
8-1 フォームのページのコンテナ
8-2 フォームをモジュールに分割する
8-3 テキストフィールドとメールアドレスフィールド
8-4 メニューリスト
8-5 テキストエリア
8-6 チェックボックス
8-7 送信ボタン
 

 

 

CSSをより便利に、効率的に書ける「Sass（サス）」の解説書を、最新のコーディング環境にあわせて大幅刷新！Sassは導入が面倒そう。はじめたいけどあと一歩が踏み出せない。CSSを今よりも効率的に書きたい。こうした方がSassを導入するきっかけとなり、ひと通りSassの機能を使いこなせるようになるのが本書の目標です。CSSをHTMLの構造に合わせて入れ子で書いていく「ネスト」や、便利な「変数」や「演算」などのSassの基本機能はもちろん、筆者が実際に仕事の現場で使っている実践的なテクニックまで、この一冊で網羅しています。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。  

多様な閲覧環境への対応や、多様なビジュアルデザインの実現といった複雑な要件を強いられるCSSは、管理し続けることが非常に困難です。本書では、より発展的で包括的なCSS設計の考え方について、現役のWebデザイナーやフロントエンドエンジニアを対象に解説します。

CSSの強みであるしなやかな性質を活用した、堅牢なレイアウトシステムを構築するために、本書では「レイアウトプリミティブ」というアプローチを提案しています。これによってCSSの再利用性が高まり、大幅にコードが削減できます。

また、しっかりとCSSらしい考え方を理解したいという方にもおすすめです。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。  

【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】

ここから始める！
イマドキのWebページ作り

「Webページを作ってみたい」
「HTML/CSSの仕組みを知りたい」
「プログラミングを始めてみたい」

そんな皆さんに向けて、一番やさしい入門書が登場しました！

★HTML/CSSの基礎がしっかり身につく！★
本書では、Webコンテンツ作りに必要なHTML/CSSの考え方や概念を、見開き単位で一つ一つゆっくり学習できます。
「他のHTML/CSS解説書を読んでみたけれど難しくて……」といった方にもオススメです。
最新のHTML Living Standardに対応した本書を読めば、「イマドキ必要な基礎知識」を身につけられるはずです。

★フルカラーイラストでわかりやすい！★
絵本シリーズおなじみの豊富なイラストが、フルカラーになってさらにパワーアップ！
頭ではイメージしにくい考え方や概念を、カラフルなイラストたちがわかりやすく伝えてくれます。

さあ、HTML/CSSの扉を開いて、Webの世界に足を踏み入れてみましょう！

◆◆◆目次◆◆◆
・第0章 HTMLとCSSの勉強をはじめる前に
・第1章 Webサイトの概要
・第2章 HTMLの基礎
・第3章 HTMLの要素
・第4章 CSSの基礎
・第5章 CSSのプロパティ（1）
・第6章 CSSのプロパティ（2）
・第7章 レスポンシブデザイン
・第8章 JavaScript
・第9章 付録

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。  

累計10万部のベストセラーが、現代のトレンドに対応して大改訂!

1つのストーリーに沿ってWebサイト作りとHTML&CSSの基本がスラスラ学べる、入門書の決定版!
第3版では現代のトレンドにあわせて制作するサイトを一新。PC・モバイル端末に対応したサイト作りの全手順を、図入りでとことん丁寧に解説しています。

これからWeb制作を始める人にも、HTML・CSSを学び直したい人にもおすすめの、充実の内容です!

最新のHTML Living Standardに準拠。Windows/Mac対応。


Chapter01 Webサイト制作を始める前に
01 Webサイトとその構成要素
02 Webブラウザの機能と種類
03 Webサイトを公開するまで
04 制作に使うアプリのインストール

Chapter02 HTMLの基礎
01 HTMLはWebページを制作するための言語
02 HTMLの基本的な書式
03 親子、子孫、兄弟 ~HTMLの階層関係

Chapter03 制作の準備と基本のHTML
01 Webサイト制作の準備
02 すべてのページに共通するHTMLタグ

Chapter04 テキストの表示
01 見出し
02 段落
03 番号なしリスト(非序列リスト)
04 要素のグループ化
05 コメント文
06 ヘッダーにナビゲーションを設置
07 キーボードで入力しにくい文字の表示
08 テーブル(表)

Chapter05 リンクと画像の挿入
01 サイト内リンクと相対パス
02 外部サイトへのリンクと絶対パス
03 ページ内リンク
04 画像の挿入
05 画像+リンク

Chapter06 CSSの基礎
01 HTMLの「見た目」を整えるCSS
02 CSSの基本的な書式
03 主なセレクタと書き方
04 CSSを書く場所
05 CSSファイルの作成とHTMLとの関連付け

Chapter07 テキストのスタイル、背景色、ボックスモデル
01 CSSのコメント
02 ページ全体のフォントやテキストの設定
03 個別のテキストのスタイル変更
04 リンクテキストのスタイル
05 テキストと画像の行揃え
06 背景色の設定
07 ボックスモデル1 マージンとパディング
08 ボックスモデル2 ボーダー
09 メインコンテンツを中央揃えに
10 画像の伸縮

Chapter08 スタイルの上書き、フレックスボックス、テーブルの整形
01 スタイルの上書き
02 繰り返す背景画像
03 デフォルトCSSの調整 ~リストの「・」をなくす
04 ナビゲーションを横に並べる
05 繰り返さない背景画像
06 背景画像の表示方法を調整
07 テーブルの整形

Chapter09 2ページ目以降のHTMLとグリッドレイアウト
01 ホームページ以外のファイルを作成
02 各ページにヒーロー画像を表示する
03 番号付きリスト ~アクセスページのHTMLを編集
04 メニューページのHTMLを編集
05 メニューページのスタイルを設定

Chapter10 フォームを使うページの作成
01 フォームの基礎知識
02 お問い合わせページの概要
03 フォーム全体の親要素
04 セレクトリスト
05 ラジオボタンとチェックボックス
06 テキストフィールド
07 テキストエリア
08 送信ボタン
09 ラベル
10 フォームのスタイル
11 送信ボタンのスタイル

Chapter11 モバイル端末に対応する
01 レスポンシブデザイン
02 ビューポートの設定
03 メディアクエリとブレイクポイント
04 ナビゲーションを調整
05 メインコンテンツの左右にスペースを作る
06 ホームページのヒーロー画像のサイズを調整
07 メニューページの列数を変更

Chapter12 Webサイトを公開する
01 Webサイト公開までの準備
02 Webサーバーに接続
03 ファイルのアップロード
04 Webサイトの最終確認  

この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【プロとして「独り立ち」するために、1日30分からはじめる！】

本書は、Webサイトをイチから作ることで、HTML+CSSの基本から応用までを習得していく教科書です。「1日30分からはじめる」をテーマに、Web制作にかかわる知識や技術を解説した「ちゃんとしたプロになる」シリーズの2冊目となります。

本書で学べることは、主に次の3つです。

1つめは、「いま」のWebデザインと現場での実制作の流れ。いま主流のレイアウトや表現手法、制作技術やツールといった、現場でプロとして活躍するためにベースとなる知識を習得できます。

2つめは、HTMLとCSSの基礎。HTML・CSSのごく初歩的な書き方から解説しており、本格的なソースコードを書くのは初めてという方にもわかりやすい内容になっています。

そして、3つめが実際にWebサイトを作るノウハウ。1つのHTMLファイルで完結するシンプルなWebページから、モバイルファーストで設計しFlexboxやCSS Gridといった流行りの手法を取り入れたものまで。タイプや難易度の異なる5つのサイトを作りながら、表現の幅を広げていきます。

本書を通じて、プロとして「独り立ち」するために礎となる力が身につくはずです。

〈こんな方にオススメ〉
・HTML+CSSを本格的に学んでみたい方
・Webデザイナーやマークアップエンジニアを目指す方
・Webサイトを自分の手で作り上げてみたい方

〈本書の特長〉
・作りながら覚えることで、学んだことをすぐに実践できる
・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい
・大学や専門学校で教えている現役の先生たちが、ていねいに解説している

〈本書の内容〉
■Lesson 1 Webデザインの“いま”
■Lesson 2 Webサイトを制作する準備
■Lesson 3 HTMLとCSSの基礎
■Lesson 4 HTMLとCSSの応用
■Lesson 5 シンプルなWebページを作る
■Lesson 6 シングルページのサイトを作る
■Lesson 7 Flexboxを使ったサイトを作る
■Lesson 8 CSS Gridを取り入れる
■Lesson 9 レスポンシブ対応サイトを作る  

リフロー版はこちら。

https://www.amazon.co.jp/dp/B09NKTJL73/

Web制作の現場でこれだけは知っておきたい、CSSの扱い方、管理、運用の基本！

Web開発が複雑化した現在、CSSについても仕様や知識を知っているだけでは対応できない問題が増えています。
破綻しないCSSを組むには、どのように考えて設計すればよいか？　デザイナーや他の開発者と連携する場合のルール作りは？　ReactやVue.jsを使ったWeb開発の案件の場合はどうしよう？　Sassなどを使ってビルドする場合は？　……などなど。
本書は、これからWebサイト制作・開発の現場に入る人や、現場で悩んでいる人を対象に、CSSの設計についてわかりやすく解説するものです。
BEMやSMACSSといった設計手法、余白の設計、スタイルガイド、SassやAutoprefixer、PostCSSなどを使ったビルド、ユーティリティファーストという考え方。
Web制作・開発に多種多様な選択肢がある中で、プロジェクトの要件と状況に応じて最適なCSS設計を導き出すための「思考」を鍛える内容となっています。

※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします  

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
　購入前にお使いの端末で無料サンプルをお試しください。

「予測しやすい」「保守しやすい」「再利用しやすい」「拡張しやすい」CSS設計の教科書が登場！コンポーネントやCSSプリプロセッサを意識した設計・管理の実践など、「ちゃんとCSSを書く」ためのプロの考え方を徹底解説。「セレクタが複雑になってしまう……」「オブジェクト指向CSSってなに？」「考え方はわかったけど、どう組めばいいの？」そんな人のバイブルになるのが、この本です。破綻しやすいCSS、セレクタのリファクタリングなどの基本から、OOCSS、SMACSS、BEMなどのコンポーネント設計のアイデア、実際によくあるパターンのコードの組み方までを丁寧に解説。また、注目されはじめた「Web Components」についても説明します。  

ベストセラーが大改訂！

累計4万部突破の前作が、5年ぶりの大改訂！

小さなサイト作りを通してHTMLとCSSの基礎が学べる入門書の決定版！
第2版ではPCだけでなくスマホやタブレットにも対応したサイトが完成します。
ソースコードは現在のトレンドに合わせ、解説もいっそう丁寧にわかりやすくなりました。

これからWeb制作を始める人にも、HTML/CSSを学び直したい人にもおすすめの、充実の内容です！

最新HTML5.2準拠。Windows/Mac対応
 

 

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。
また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
なお、実際のサービスのインターフェースが変更され、本書内の解説と実際の画面が異なることがありますので、ご了承ください。

本書は、スタイルシート（以下CSS）を使用して作成した実用的なデザインサンプルの解説本です。
これまでのCSSを使ったスタンダードなデザインから、CSS3を多く使った難易度の高いものまで、手順を追って解説していますので、手順に沿ってサンプルを作成すると、自然とCSSの機能が理解できるという仕組みになっています。

CSS3は、CSS2.1に新たな機能を追加したものですが、その内容は2.1から比べて飛躍的に増えました。例えば、角丸、グラデーション、テキストやボックスのドロップシャドウといったものから、Webフォントの利用、新しく加わった段組レイアウト、アニメーションや要素の変形など、その内容は多様です。

CSS3は、一見難しく聞こえますが、これまでのCSSの延長上にあるもので、そこに垣根がある訳ではありません。これまでのCSSの基本を抑えておけば、楽に活用できます。
本書では、これまでの基本的な機能とCSS3の新しい機能をWebページで実践的に活用できるよう、レイアウト、ヘッダー、メニュー、テキスト、画像、表、フォーム、フッターなど、各パーツごとのデザインの中に盛り込んでいます。 これらのサンプルとCSSの機能は、最新の主要ブラウザ(Firefox、Safari、Chrome、Opera、Internet Explorerは8?9まで)とスマートフォン（iOSのMobile Safari、Androidの標準ブラウザ）での対応状況も掲載しています。

また、CSSでデザインする際のノウハウや、おさらいのためのCSSの基本事項、サンプルで使用するプロパティの解説も掲載していますので、初心者の方でも理解できる内容となっています。

最後に、本書を執筆するにあたり、ソーテック社のスタッフの方々にはサポートをしていただき、大変お世話になりました。 また、協力していただいた友人、家族に心から感謝いたします。 そして、この本を読んでくださった読者の方々に、少しでもお役に立てれば幸いです。

（本書「まえがき」より）  

------------------------

特典付きキャンペーン実施中! !


本書（紙版、Kindle版とも）をご購入いただいた方に、特典PDFをプレゼントするキャンペーン実施中です!


●特典PDF内容

CSSコーディングテクニック、ビルトインモジュール　リファレンスなど掲載の90ページ超のPDF


●キャンペーンの申し込み方法についてはこちら。

book.mynavi.jp/pcbook/blog/detail/id=124081

------------------------


CSSとSassの基本と設計、実装テクニックまで


本書は大きくCSSとSassについて学ぶChapter1～3と、サンプルサイトの制作プロセスを通じて現場で使えるスキルを養うChapter4の2部構成となっています。


Chpater01　CSSの基本と設計

CSSとはなにか、という話から、CSSの書き方、CSS設計まで解説します。CSS設計ではOOCSS（オーオーシーエスエス）、BEM(ベム)、SMACSS (スマックス)といった手法を解説します。


Chpater02　CSSの基礎知識

CSSを使いこなすために知っておいたいセレクタ、カスケードと継承、詳細度、ボックスモデル、マージンの相殺、デフォルトスタイルシートとリセットCSSなどの事項を取り上げ、解説していきます。


Chapter03　CSSを効率的に書くSass

CSSを管理・運用するのに使われるCSSプリプロセッサの1つ、Sassについて解説します。


Chpater04　サンプルで学ぶCSSコーディング

ここからはサンプルサイトを実際に設計しながら、コーディングのテクニックを学んでいきます。
コーディングガイドラインを考え、サイトの仕様を確認し、サイトで共通で使える部分を検討します。

それが終わったら、レイアウト作成、エレメント作成、コンポーネント作成、と順次デザイン・制作を進めていきます。


-----
本書はなるべく実際に案件に近い形でサンプルコードを作成し、 制作時に抑えておきたいポイントをまとめています。
Web業界の技術のスピード感は早いと言われますが一度スピードに乗ってしまえば、技術のキャッチアップもスムーズに行えるようになります。
本書を読むことで早い段階で「現場で使えるスキル」が身につき、さらにステップアップができるでしょう。
この本が、コーダーを目指す皆様の道しるべとなりますよう、願ってやみません。
（著者まえがきより）


田村章吾 (たむら しょうご)

ましじめ株式会社 代表

HTML&CSSコーダー

福岡県北九州市在住。

物の構造やバックグラウンドを見ることが好きで、自動車整備士の道へ。 その後デジタルハリウッドでWebサイトの制作を学びWeb業界に転職。

制作会社、フリーランスを経て、ましじめ株式会社を設立。

プロジェクトでは主にフロントエンド開発からCMSを利用したWebサイト制作を担当する。

サイトのメンテナンス、CMS構築の情報設計や大規模サイトのCSS設計を得意とする。


※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします  

 

※この商品は固定レイアウト型の電子書籍です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。


現在の「Web技術」のきほんを、1冊でしっかり学ぼう！

本書は、HTMLとCSS、JavaScriptの基本を1冊で学べる本です。
現在、HTMLとCSS、JavaScriptという「Web」を構成する技術は、WebサイトやWebアプリケーションをはじめとして、さまざまな環境で使われるようになっています。本書では、その3つの技術に焦点をあてて、1冊で「現在のWeb」の基本を総合的に学べるようにしました。
これからWebの仕事をしたいと考える方にとって、最初のスタートとして最適な1冊です。
HTML5.1/CSS3 対応。

===（以下、著者による「はじめに」より編集・抜粋）===

本書は、HTMLとCSS、JavaScriptすべてを1冊で紹介した欲張りな本です。

ただ、それは単に「お得」とか「色々なことをさらっと」というわけではありません。これから「Web」という技術を学んでいきたいという方に向けて、最初に必要となる知識をしっかりと身につけて欲しくて執筆しました。

HTMLといえば、最初に思いつくのは「Webサイト（ホームページ）制作」です。ただ、本書はWebサイト制作の入門ではないため、それに必要となる次のような知識については、あえて触れていません。

・Webサイトの設計・画面設計手法
・コンテンツの作成方法
・Webサイトの公開方法やメンテナンス方法など

これら、「Webサイト制作に必要な知識」は他の書籍にお任せし、本書は技術としてのHTML/CSS/JavaScriptの解説だけに絞りました。

「Web」の技術は、今やサイト制作だけでなく、スマートフォン向けのアプリケーション開発やPepper等のロボット開発、AIのインタフェース開発など、あらゆる分野で活用されています。そんなとき、これらの技術をまとめて解説する書籍があればと思い、執筆するに至りました。

Webサイト制作者になりたい方はもちろん、これまでJavaやPythonなどのプログラミング言語は学んできたものの、HTMLやJavaScriptについて学ぶ機会がなかったエンジニアの方、そしてこれからネット業界、AI業界を目指す学生の方など、幅広い方々に活用して頂ければありがたく思います。

===（「はじめに」以上）===

===章構成===

Chapter 1 Webの開発環境を整えよう
Chapter 2 HTMLとCSSのきほんを学ぼう
Chapter 3 スマートフォン対応のきほんを学ぼう
Chapter 4 CSSフレームワークのきほんを学ぼう 〜 Bootstrapでフォームを作る
Chapter 5 JavaScriptのきほんを学ぼう
Chapter 6 イベントドリブンのきほんを学ぼう 〜 DOMを使ってストップウォッチを作る
Chapter 7 Ajax通信のきほんを学ぼう 〜 jQuery、Vue.jsにもチャレンジ！  

これ1冊で「Webページ制作からサーバーの開発」までわかる!

「Webアプリケーションってどうやって作るの」?
「これからWeb業界に入るから、重要技術をざっと知っておきたいな」

本書は、そんな、Web制作、Webアプリケーションをこれから始めたい人を対象にした書籍です。

この本では、本格的なWebを作る上で必要となる以下の技術の基本についてコンパクトに説明してあります。

・HTML ― Webページの内容を記述するための技術
・スタイルシート ― Webページにスタイルを適用するための技術
・JavaScript ― Webページの中で様々な処理を実行する言語
・Node.js ― サーバープログラムを開発するためのJavaScriptエンジン
・Express ― Node.jsでWebを作るためのフレームワーク
・SQLite3 ― 本格リレーショナルデータベース

これらの基本的な使い方がわかれば、本格的なWebアプリケーションを作れるようになるでしょう。これらの技術が身につけば、「クライアント(Webページ)からサーバーまでを開発する」ことが可能になります。

本来なら、これらをマスターするにはたくさんの入門書や参考書籍が必要となってしまいますが、すべて用意し学ぶのは初心者にはかなりな負担です。そこで本書では、「これだけわかれば何かできる」という最低限の知識に絞って一冊にまとめました。

===

本書ではまず、Chapter 1で本書で学ぶことの概要をつかみ、開発環境を整えます。

続いてChapter 2では、Webページを作れるように、ページの構造を作るHTML、色やサイズなどのスタイリングをするCSSを基礎から学びます。

続いてChapter 3では、Webページに動きをつけられるように、JavaScriptというプログラミング言語を学びます。

そしてChapter 4では、Node.jsという、サーバーサイドの開発ができるJavaScriptについて学びます。

Chapter 5では、Node.jsとExpressというフレームワークと組み合わせて、サーバー側の処理も行う簡単なWebアプリケーションを作ります。

そしてChapter 6では、Webアプリケーションを作る上で重要な役割を担う、データベースについて学びます。本書ではSQLiteを使用します。

最後のChapter 7では、本書で学んだことをすべて組み合わせて、Todo管理アプリケーションを作ります。このアプリケーションは、ユーザーのログイン管理、タスクの作成・取得・更新・削除の機能を備えており、いろいろなアプリケーションの基本となる形になっています。


この本を読んだだけでは、これらの技術を完璧にマスターすることはできませんが、「とりあえず何か作る」ことはできるようになるはずです。どんな技術が必要で、それらをどう組み合せれば、Webアプリケーションを作ることができるのかを理解することができます。

「これから始める初心者だけれど、手ごたえを感じたい」、そんな人におすすめの1冊です。


(本書前書きより抜粋・加工して使用しています)  

※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。

体系的に学ぶHTMLとCSSの仕様と実践

フロントエンドエンジニアはじめ、Web制作に関わっている人のためのHTML5／CSS3ガイドブックです。
HTMLとCSSの最新仕様を整理するとともに、主要ブラウザの対応状況など、現時点でどのポイントに留意して制作を進めていけばよいか、現場で必要不可欠な情報を解説しています。
また、フレキシブルボックスレイアウトやグリッドレイアウトなど、現在知っておくべきHTML+CSSレイアウトの手法についても、詳細に解説しています。

-----
HTMLは標準仕様がW3C の手を離れ、WHATWG の「HTML Living Standard」に一本化されたことから、ブラウザ開発者目線での変更が直接反映される世界になっています。その影響は、JavaScript とセットになって活きてくるものが増えてきたことからも見て取れます。
CSSも、各種機能の追加や主要ブラウザでの対応が進んでいます。新しいEdge の登場により、IE が主要ブラウザから外れたのも大きいと言えるでしょう。使える便利な機能が増えていることで、Web のデザインやレイアウトの手法は大きく変わろうとしています。
そこで、本書では最新のHTMLとCSSを現状に即して１冊にまとめました。
（著者はじめにより）
-----

【内容】
Chapter 1　HTML
Chapter 2　Webページの作成とメタデータ
Chapter 3　コンテンツのマークアップ
Chapter 4　CSSの適用
Chapter 5　ボックスのレイアウト
Chapter 6　フレキシブルボックスレイアウト
Chapter 7　グリッドレイアウト
Chapter 8　テーブル
Chapter 9　テキスト
Chapter 10 エンベディッド・コンテンツ
Chapter 11 フォーム
Chapter 12 特殊効果

簡潔にして詳細な、制作現場に必携の1冊となっています。

【特典付き】
・書籍内で解説に使用したサンプルソースコード
・特典PDF
　　（HTMLのブラウザ対応一覧、CSSのブラウザ対応一覧、アニメーション補足解説）


●著者
エビスコム
さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。
主な編著書： 『Webサイト高速化のための 静的サイトジェネレーター活用入門』マイナビ出版刊
『CSSグリッドレイアウト デザインブック』同上
『６ステップでマスターする「最新標準」HTML+CSSデザイン』同上
『WordPressレッスンブック 5.x対応版』ソシム刊
『フレキシブルボックスで作るHTML5&CSS3レッスンブック』同上
『CSSグリッドで作るHTML5&CSS3レッスンブック』同上
『HTML&CSS コーディング・プラクティスブック 1』エビスコム電子書籍出版部刊
『HTML&CSS コーディング・プラクティスブック 2』同上
『HTML&CSS コーディング・プラクティスブック 3』同上
『グーテンベルク時代のWordPressノート テーマの作り方（入門編）』同上
『グーテンベルク時代のWordPressノート テーマの作り方（ランディングページ＆ワンカラムサイト編）』同上
ほか多数  

本書は、初めてHTMLを使ってWebページを作成する初心者から、企業のWebページ作成を担当する中級者までを対象に、HTML5やCSS3を使ってWebページを作成する方法を紹介しています。HTML5とCSS3の特長や記述方法はもちろん、さまざまな画面サイズに応じてWebページのスタイルを設定するレスポンシブWebデザインまでわかりやすく解説しています。

ゼロからはじめて仕上げまでWebサイトの作り込みを丁寧に解説!
実践的なWebサイトを仕上げていく過程を通して、Webサイトの作成方法を段階的に習得できます。本編では商品紹介サイト、総合問題ではイベント情報サイトを実際に作成しながら学習していくので、最後までやりきると達成感を持つことができます。

設計から運用・分析までWebサイト構築フローもわかりやすく解説!
Webサイトの設計や運用、Webサイトのアクセス分析など、Webサイト構築に必要な工程を解説しています。現場のワークフローに沿ったWebサイト構築方法を理解することができます。

さまざまなデバイスに対応させる「レスポンシブWebデザイン」のテクニックも紹介!
スマートフォンやタブレットといったさまざまなデバイスに合わせて変化できるようなWebページのレイアウトが求められています。同じWebページを画面の大きさに合わせて最適な形で表示するレスポンシブWebデザインのテクニックをマスターできます。

ユーザビリティやアクセシビリティに配慮してワンランク上のWebサイトを作成!
閲覧者が使いやすいWebページと感じてもらえるためのユーザビリティ、さまざまな環境でもWebページを正しく閲覧できるようにするためのアクセシビリティに配慮したWebページを作成するための方法を紹介しています。

総合問題で力試しができる!
総合復習として総合問題7問を巻末に用意しています。自分の力になったかどうかの力試しに利用できます。

Webクリエイター能力認定試験の入門書に最適!
「Webクリエイター能力認定試験HTML5対応」の出題範囲のタグやプロパティを9割以上紹介しています。Webクリエイター資格取得のための入門書にも最適です。
 

「ホームページを手づくりしよう! 」
Webサイトの制作やデザインは複雑になり、コーディング専用のエディタで効率よく制作する時代ですが、コードを丁寧に記述しながらホームページをつくりあげるのも楽しいもの。本書は豊富なビジュアルと細かな入力&操作解説で、シンプルなページを作成しながらHTMLとCSSが学習できる入門書です。「古都さんぽ」をテーマとした1トップページと2風景紹介の記事ページ、3観光サイトへのリンク集ページ、4写真ギャラリーページ、5自己紹介の5ページ構成のサイトをチュートリアル形式で作成し、無料ホームページサービスで公開するまでを解説します。Windows10付属のアプリとCDに収録したフリーソフトでサイト作成がすぐにはじめられます。解説のステップごとに用意したHTML、CSS、画像ファイルも収録しているので、迷わずに学習を進めることができます。  

 

 

「HTML5プロフェッショナル認定試験 レベル1 Ver2.0」を受けるならこの本で決まり!

本書は、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル1 Ver2.0」(2017年3月改訂版)に合格するための知識を身につけるための書籍です。

※「HTML5プロフェッショナル認定試験」は、HTML5やCSS3、JavaScriptなど、最新のマークアップに関する技術力と知識を認定するための資格試験です。デザイン、Web、開発に関わる幅広い職種を対象としています。

LPI-Japanによって公開されている出題範囲をしっかりと押さえつつ、関連する知識も含めて、読みやすく、覚えやすい形でまとめています。

紙面では、「用語解説」や「注意するポイント」「補足説明」などを適切に切り分けて掲載し、重要な点がスムーズに学べるよう配慮しています。

また、各章の最後には問題集を用意し、学習した内容の理解度を確認するとともに、しっかりと定着させていくことができます。

今回の改訂版では、HTML、CSSの解説を全面的に見直し、ブラッシュアップしています。
出題範囲の改訂にあわせて項目の追加や削除、内容の修正、順番の入れ替えなどを行い、より読みやすく、理解しやすい内容になっています。

また、もちろん問題集も、新しい出題範囲に対応した新しい項目を追加し、以前から含まれている内容については見直しを行いました。より実際の試験に近づけています。

HTML5については、2016年11月に勧告されたHTML5.1に完全対応。試験対策のみならず、勧告されたHTML5について、短期間で学ぶのにも適した書籍です。  

 

HTML5アカデミック認定校・大人気講師陣による、合格する力のつく問題集の決定版！

本書は、今やフロントエンド開発者の実力証明には必須、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル1 Ver2.0」に対応した問題集です。
解くだけでみるみる合格力がつく良問を多数掲載し、さらに問題に重要度を示しているため、網羅的な学習から資格取得に向けた効率的な学習まで、幅広いニーズに対応可能です。
「問題」→「解説」の順になっているので、テンポよく学習を進めることが可能です。わからない問題は、その場で解説を読んで確認できます。

【本書の特徴】
1. 出題範囲を完全網羅し、審査に合格した「HTML5認定教材」
2. HTML5アカデミック認定校の講師陣による書き下ろし
3. 充実した練習問題に加え、計2回分の模擬試験を提供※
※書籍本体掲載1回分＋ダウンロード特典1回分

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

 

 

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

PCだけでなくスマートフォンやタブレットなど多様なデバイスに対応することが、Webデザイン、Web制作の標準になりつつあります。そのためには、PCサイトを作ってから、スマートフォンなどに対応するのではなく、最初からどのデバイスにも対応できるデザインやレイアウトを考えることが重要です。

本書ではそういったスキルがレッスン形式のステップバイステップで身につくように構成しました。

●基礎
レイアウトの根本となるボックスの並べ方をマスターし、Webページにおける段組みを自在にコントロールする手法を身につけます。
●実践
「ブログ・ニュース系サイト」と「ビジネス系サイト」の実例サイトを、1からパーツを組み立てながら作成していきます。
●応用
マルチデバイスに対応し、使い勝手や見栄えを向上させる各種のアレンジ・テクニックや実践で役立つTIPSを学びます。  

これから本気で学びたい人の最高の教科書！

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

レスポンシブWebデザインが“当たり前”の時代の、新しいHTML・CSSの書き方ガイド

現在のHTML・CSSの書き方は、少し前までのHTML・CSSの書き方とは大きく変わっています。本書ではスマートフォン時代に求められる、HTMLを組むときの考え方からCSSの実践的なテクニックまでをきちんと解説。たくさんのサンプルコードに触れていただくことで、最新の、実践で役立つ力がきちんと身につきます。

＜本書の対象読者＞
●これからWebサイト制作を学びたい初心者の方
●最新のHTML・CSSの書き方を知りたい経験者の方
●フレックスボックスを使ったページレイアウトについて知りたい方

●目次
CHAPTER 1　Webサイトの仕組みを知ろう
CHAPTER 2　HTMLの基礎知識とマークアップの実践例
CHAPTER 3　CSSの基礎知識とページデザインの実践例
CHAPTER 4　テキストの装飾
CHAPTER 5　リンクの設定と画像の表示
CHAPTER 6　ボックスと情報の整理
CHAPTER 7　テーブル
CHAPTER 8　フォーム
CHAPTER 9　ページ全体のレイアウトとナビゲーション
CHAPTER 10　レスポンシブWebデザインのページを作成しよう

固定レイアウト型に関する注意事項（必ずお読みください）
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大（ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ）／文字のコピー／マーク／ハイライト／文字列検索／辞書の参照／Web検索／引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード（Kindle端末の場合）
 

 

（概要）

※この商品は固定レイアウトで作成されており，タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また，文字列のハイライトや検索，辞書の参照，引用などの機能が使用できません。
※PDF版をご希望の方は Gihyo Disital Publishing ( https://gihyo.jp/mk/dp/ebook/2020/978-4-297-11252-3 )も合わせてご覧ください。

HTMLとCSSの使い方を、目的引き、やりたいこと引きでまとめたリファレンスです。HTML＆CSSの基本から、テキスト、リンク、リストやメニュー、入力フォーム、レイアウト、レスポンシブ対応など、目的ごとにタグやプロパティの使い方を詳しく解説しているので、「こんなことをしたい！」というときにすぐに調べられます。現在ホームページ制作を学んでいる方にも、Webデザイナーとして活躍している方にもおすすめの1冊です。


（こんな方におすすめ）

・ホームページ制作を勉強中の方

・Webデザイナー、Webサイト構築などに携わる方


（目次）

1章　HTMLとCSSのしくみ

2章　Webページをつくる

3章　文章を書く

4章　文字を強調する、装飾する

5章　リンクを設定する

6章　リストやメニューをつくる

7章　画像を表示する

8章　画像、音声、動画を埋め込む

9章　表をつくる

10章　フォームをつくる

11章　ボックスを使って見た目を変える

12章　レイアウトやデザインを変える

13章　段組や複数カラムのレイアウトをつくる

14章　パソコン以外でも見やすい表示にする

15章　ソーシャルメディアや外部サイトと連携する
 

●知識ゼロでもはじめられる入門書の決定版ホームページの仕組みや構成の考え方など基礎的な知識はもちろん、FTPソフトを使ったホームページの公開やメンテナンスを解説。もちろん、HTMLやCSSのコーディングもしっかりと解説しています。●HTMLやCSSのタグ、プロパティを丁寧に解説HTMLやCSSのコーディングを解説した章では1つ1つのタグやプロパティを効率的に学べます。順序よく読み進めていけば、自然とスキルアップができるようにレッスンが構成されています。さらに、スマートフォンに対応した「レスポンシブデザイン」の章を追加しました。●フリー素材ですぐにはじめられる本書で解説に利用しているテキストエディターやFTPソフト、画像編集ソフトをダウンロードで提供。各章で完成できるコードも収録しているので、完成形も確認できます。●本書はこんな方にオススメです! ・HTMLやCSSのコーディングをゼロから学びたい・ホームページ作成ソフトで作ったデータを手直しできるようになりたい・Web制作に携わる職業を目指していて、基礎を学びたい

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。  

（概要）
HTML5とCSS3によるWebサイト制作のためのおいしいレシピ集。制作の現場で使われる定番テクニックからプロ技まで余すところなく集めました。テキスト／リスト／リンク／画像／ボックス／テーブル／フォーム／ナビゲーション／レイアウト／レスポンシブWebデザイン…テーマ別にレシピを整理。「あのデザインはどう作るんだろう？」が，スグにわかります。デザイナーからWebプログラマーまで，Web制作に携わるすべての方にお届けします。

（こんな方におすすめ）
・Webデザイナー
・Webプログラマー

（目次）
Chapter 1　HTML／CSSの基礎

Chapter 2　ページの基本となるHTML

Chapter 3　テキストの整形とデザインテクニック

Chapter 4　リストのデザインテクニック

Chapter 5　リンクと画像のテクニック

Chapter 6　ページ全体に適用するデザインのテクニック

Chapter 7　ボックスの整形とデザインテクニック

Chapter 8　テーブルのデザインテクニック

Chapter 9　フォームのデザインテクニック

Chapter 10　メタデータと外部サイトとの連携テクニック

Chapter 11　パーツ作成のテクニック

Chapter 12　ナビゲーションのデザインテクニック

Chapter 13　レイアウトのテクニック

Chapter 14　レスポンシブWebデザインに対応するテクニック

Chapter 15　アニメーションとエフェクトのテクニック  

Webサイトを制作する前の企画の段階から、HTMLやCSSの基本、JavaScriptやPHPの概要、Webサイトの公開や、その後の運営などについても触れています。
これからWebデザイン・Webサイト製作をはじめたい人にオススメの1冊です。

<はじめにより抜粋>
■せっかく学ぶなら、楽しい方がいい
「いきなり文字ばかりのコーディングの解説だと、気が引けてしまう」
「でも、マンガなら、読んでみてもいいかな」
そんな方のために、キャラクターがわいわいしているのを眺めているだけで、自然とWebサイトが作れる本を作りました。

・個性的なキャラクターたちが登場する4コマ
・感覚的にわかる図解
・適度な量のコーディングの実践

上記3つの特長で、Webサイト制作の基本を無理なく学べます。

■こんな方にオススメ
・将来Webデザイナーになりたい
・個人でWebページを作って集客したい
・いきなりWeb担当に任命されてしまったから、勉強する必要がある
・制作会社の営業担当だから、制作側のことも知っておきたい

■Webサイト制作の基本、全部入り!
○企画
すべてのWebサイト制作は、企画から始まります。
Webサイト制作というと、コーディング・画像編集などの実作業に視点が向きがちです。しかし、目的を定めてから作り始めたほうが、効果の高いWebサイトになるでしょう。
あなたがもし、今運用しているWebサイトがあるならば、わかばちゃんと一緒に「私のWebサイトの目的ってなんだろう?」と考えながら読み進めてみてください。

○制作
HTML5とCSS3を始めるにあたって、最低限の基本だけを厳選して解説しています。
7割がた完成しているWebサイトに、必要なソースコードを書き込んでいく形で、カスタマイズしながら楽しく学べます。
本書で使うツールはすべて無料。サンプルデータも無料でダウンロードできます。
また、簡単なJavaScript・jQueryにも触れることができます。PHPについてもさらっと知っておけます。

○運用
せっかく作ったWebサイトですから、たくさんの人に来てもらいたいですよね。
本書では、公開した後に必要なことも解説しています。
・アクセス解析
・検索エンジンの仕組みとSEO
・効果が出ないときの考え方
・PDCAの回し方

これらの知識は、実際にWebサイトを運用するときに心強い味方になってくれるでしょう。

さぁ、主人公のわかばちゃんと一緒に、企画・制作・運用の流れを体験しましょう!


■コンテンツ
・プロローグ/キャラクター紹介/キャラクターの関係図/はじめに
●CHAPTER 1 企画~どんなサイトになるかは企画で決まる!~
●CHAPTER 2 デザイン~企画に合ったデザインをしよう!~
●CHAPTER 3 HTML~文章や画像を貼り付けて、Webサイトの中身を作ろう!~
●CHAPTER 4 CSS~その見た目、華やかにしてあげる!~
●CHAPTER 5 JavaScript~まるで魔法? 動きを付けるのじゃ~
●CHAPTER 6 PHP~できることの幅がグーンと広がる言語~
●CHAPTER 7 公開~ついにWeb上に公開だ!~
●CHAPTER 8 運用~Webサイトは公開してからが本番~
・エピローグ/おわり
 

【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】

ゼロからしっかり学べる、本格Webデザイン。

本書は「わかりやすさ」と「内容の充実度」で、
大好評だった入門書の全面改訂版です。

基本文法から、正しいマークアップの作法、
最新のCSSレイアウト、レスポンシブ対応の
画面設計とコーディングまで、しっかり学べます。

考え方や知識を得るための「講義」パートと、
実際に作りながらスキルを身につける「実習」パートからなる、
合計30のLESSONを順番にステップアップしながら学んでいけます。

実習のためのサンプルソースはWebからダウンロードできます。
さらにステップアップするための特典PDFも提供しています。

まさにWeb制作をこれから始める人に最適の1冊です！

〈本書の特長〉
□レッスン形式なのでマイペースで学習を進められる
□「講義」と「実習」で考え方と作り方をまとめて学べる
□学習用サンプルを使ってすぐに、効率よく学べる

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

 

基礎の基礎から、サイトの公開まで。

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

基礎の基礎から、サイトの制作・公開まで。
美しいサイトを作り、魅せるための、不朽の力が身につく。

「これからサイトを作ってみたい」「思い通りにサイトを作ることができない」と感じるあなた。
本書では、手を動かし、手順を踏みながらサンプルサイトを作り、そのために必要な知識を一つ一つ学んでいくという学習スタイルをあなたに提供します。
手を動かすという体感により、実際にサイトを作るための「生きた」ノウハウが自然と身につきます。
これからサイトを作りたいすべての人たちがいつでも持っておきたい一冊です。
Google Chrome／Internet Explorer／Safari／Firefox／Operaに対応。


●こんな人にお勧めします
これからサイト作りをはじめたい人。
他の入門書を読んでもうまくサイトが作れなかった人。
手を動かしながらステップバイステップで学びたい人。
サイト作りの基本テクニックをしっかりと身につけたい人。

●この本の特長
一つ一つ手順を踏みながらステップバイステップで学べる。
おのおのの手順が「なんのために行うのか」を具体的に解説。
実践的なソースコードをふんだんに掲載・解説。
読みやすい紙面構成。
サイト制作の現場で求められる必須知識についても解説。

●目次
CHAPTER1 はじめる前に
CHAPTER2 HTMLファイルを作成しよう
CHAPTER3 CSSで装飾しよう
CHAPTER4 画像を編集し、HTMLで表示しよう
CHAPTER5 共通部分の作成とレイアウト
CHAPTER6 リンクを設定し、ナビゲーションを作り込もう
CHAPTER7 各ページを作成しよう
CHAPTER8 サイトに動きをつけよう
CHAPTER9 サイトの公開と仕上げ

固定レイアウト型に関する注意事項（必ずお読みください）
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大（ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ）／文字のコピー／マーク／ハイライト／文字列検索／辞書の参照／Web検索／引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード（Kindle端末の場合）
 

HTML5アカデミック認定校・大人気講師陣による、合格する力のつく問題集の決定版！

本書は、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル2 Ver2.0」試験の合格を目指す方に向けた実践的な問題集です。
解くだけでみるみる合格力がつく良問を多数掲載し、さらに問題に重要度を示しているため、網羅的な学習から資格取得に向けた効率的な学習まで、幅広いニーズに対応可能です。
「問題」→「解説」の順になっているので、テンポよく学習を進めることが可能です。わからない問題は、その場で解説を読んで確認できます。
資格を主催するLPI-Japanが実施する認定資格を認定教材プログラムに合格した「認定教材」ですので、品質の高い問題で学習を進めることができます。

【本書の特徴】
1. 出題範囲を完全網羅し、審査に合格した「HTML5認定教材」
2. HTML5アカデミック認定校の講師陣による書き下ろし
3. 充実した練習問題に加え、計2回分の模擬試験を提供
※書籍本体掲載1回分＋ダウンロード特典1回分

【試験概要】
試験日：随時
実施：全国
出題数：約40～45問
試験時間：90分
試験方式：CBT　※団体用にPBT（ペーパーテスト）もあり
レベル：システム間連携や最新のマルチメディア技術に対応したWebアプリケーションや動的Webコンテンツの開発・設計ができる。

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

 

※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

Webサイト作成のために必須の知識を基礎からしっかりマスターできます。

【内容】
HTML/XHTMLの基本
CSSの基本
罫線・リスト・テーブル
画像
文字の指定
各種のスタイル設定
CSSによるレイアウトの実際
フォーム・フレーム  

多様なユーザーニーズや閲覧環境に応える、HTML+CSS & JavaScriptの実装をマスターしよう!

この書籍は、パソコン、スーマートフォン、タブレット、時計、テレビなどのインターネットコンテンツの多様化が進む中で、あらゆる人・検索ロボットやユーザーエージェントなどのマシーンを含む、幅広いターゲットにとって使いやすいコンテンツやインターフェイスのデザインをどのように実現するのかを解説するものです。HTML5、CSS3、JavaScriptといったフロントエンド言語のデザインパターン(プログラムのパターン)を豊富なコンテンツやインターフェイスの実例とともに紹介します。

本書籍は、Web制作者が情報源として利用しているSmashing Magazineで公開された書籍「Inclusive Design Patterns - Coding Accessibility Into Web Design」の日本語訳版です。

目次の詳細は、単行本の目次をご覧ください。

1章 はじめに
2章 ドキュメント全体
3章 パラグラフ
4章 ブログ記事
5章 パターンごとの評価
6章 ナビゲーション領域
7章 メニューボタン
8章 インクルーシブ・プロトタイピング
9章 商品リスト
10章 フィルターウィジェット
11章 登録フォーム
12章 テスト駆動マークアップ  

 

 

※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。


HTML&CSSで実現する、柔軟でレスポンシブなWebデザイン

本書は「CSSグリッドで実現できることは何なのか」をテーマにした一冊です。
これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために「コンテンツをどういう順に記述するか」「どうマークアップするか」「どのCSSのレイアウトテクニックを利用するか」をパズルのように取捨選択し、形にしていくスキルが必要でした。
それを解決する方法として注目を浴びているのが、CSSグリッドを使ったレイアウトです。

本書ではCSSグリッドによるWebデザインを、作成制作を通して解説していきます。次のようなステップで、デザインを組み立てていきます。
　1　作例ごとに、レイアウトソフトを利用して完成見本（デザインカンプ）を用意
　2　完成見本からパーツを抽出し、HTMLと文書構造を組み立て
　3　CSSグリッドを作成し、パーツを配置
　4　レスポンシブの設定を行い、デザインを仕上げる

作例はそれぞれ、PC、タブレット、スマートフォンで問題なく表示されるように仕上げていきます。

用意された作例は以下になります。
　・縦横に均等に分割したグリッドによる「雑誌風レイアウト」
　・複数のグリッドを組み合わせて作る「フライヤー風レイアウト」
　・画像とテキストの重ね合わせによる「画像メインのレイアウト」
　・「左右対称/非対称のレイアウト」
　・上部や左部にナビゲーションを配置

巻末には「CSSグリッド」リファレンスも付属。
本書を通して、CSSグリッドがWebデザインにもたらす表現力と自由さを体験してください。  

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

本書は、CSSのフレキシブルボックス（Flexbox）を利用してWebページ制作を行うレッスンブックです。

長い間、Webページ制作ではCSSのフロート（Float）が利用され、「ボックスの相互の位置関係でデザインやレイアウトを形にしていく」というノウハウが蓄積されてきました。

フレキシブルボックスはこうしたノウハウをブラウザの互換性や制作手順、考え方も含めて引き継いでいます。
また、フロートで不便だった部分には手が加えられ、いよいよ完成形にたどり着いたと言えるでしょう。

はじめてWebページを作る方にも、今どきのページ制作の基礎を学びなおしたいといった方にも、本書を活用していただければ幸いです。

－「はじめに」より  

JavaScriptの基本から始めよう！

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

これまでにないWebアプリを実現できるHTML5。これからスマホアプリを作り始める人のため、準備や基礎から定番技まで一冊に凝縮。DOM操作やAjaxなどの要点、HTML5を活かすCanvas、ストレージやオフラインアプリ、センサーなど、サンプル＆ノウハウ満載です。

●目次
はじめに
Chapter1 HTML5とJavaScript
Chapter2 JavaScriptの基本構文をチェック
Chapter3 DOM操作とAjax
Chapter4 Canvasとグラフィックスとビデオ
Chapter5 ストレージとオフラインアプリ
Chapter6 センサーを使ったアプリケーション
Chapter7 応用編─楽しいアプリを作ってみよう！

固定レイアウト型に関する注意事項（必ずお読みください）
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大（ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ）／文字のコピー／マーク／ハイライト／文字列検索／辞書の参照／Web検索／引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード（Kindle端末の場合）
 

Web制作現場で役立つフレームワーク活用術

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

スマートフォンやタブレット、PCなど、現在のWebにアクセスしてくるユーザーの環境は多種多様です。さらにデザインの変更・修正も、設計段階から頻繁に行われ、公開後の更新も迅速に行う必要があります。そんな制作現場で、マルチデバイスに対応したサイトのデザインを素早く実現するために使われているのが、グリッドデザインを意識したCSSフレームワークです。
本書は、制作現場で役立つ、グリッドデザインの考え方、フレームワークを使うために必要な基礎知識のポイントを解説したうえで、実際に役立つ設定方法を紹介していきます。フレームワークの代表的ツールであるBootstrapをメインに、ユーザーが使いやすいメニューの見せ方や、カラムの変更で破綻しないテクニックなどを、一つひとつ指定していくことで、制作現場で使える基本が身につきます。

●目次
第1章 Webデザイン制作の基本
第2章 グリッドレイアウトとCSSフレームワークの基本
第3章 フォームのレイアウトとスタイルのカスタマイズ
第4章 動的コンテンツを追加する
第5章 jQueryとの組み合わせでコンテンツを作る
第6章 より自由なデザインにしてみる
付録 CSSフレームワークをさらに活用する

固定レイアウト型に関する注意事項（必ずお読みください）
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大（ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ）／文字のコピー／マーク／ハイライト／文字列検索／辞書の参照／Web検索／引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード（Kindle端末の場合）
 

 

※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。

いちばんわかりやすいHTML＋CSSの教科書が、最新トピックをカバー！

＊＊＊
すらすら読めて、「わかった」を積み重ねる。
「Webの知識がこれから必要」で、「将来にわたって長く使える基礎力をつけたい」人のためのHTML5+CSS3本。
＊＊＊

本書は、“楽しみながら学べる”HTMLとCSSの入門書です。2018/10現在で最新バージョンのHTML5.2（2017/12勧告）とCSS3をベースとした内容となっています。

本書では、読者が“楽しみながら学べる”ということを実現するために、本書の全体的な構成を工夫しています。先にHTMLを学習してからそれを前提としてCSSを学ぶ、という流れにしてしまうと、前半はHTMLのタグを覚えていくだけの退屈な内容になってしまうからです。

そこで本書では、HTMLをひととおり学習してからCSSへと進むという構成ではなく、HTMLとCSSを少しずつ同時進行させる構成にしてあります。このような進め方にすると、覚えた内容をすぐにブラウザでの表示結果として確認できるため、少しずつできるようになっていく感覚を積み重ねながら、退屈せずに学習を進めることができます。

“楽しみながら学べる”といっても、本書の解説は、表面的に「ページが作れればそれでいい」というものではありません。仕様にしっかりと準拠した使い方で、正しく、かつアクセシビリティに配慮したページを作れるように、サンプルを組み立てています。


まず1章、2章では、インターネットやHTML、CSSについての基本的な解説をしながら、少しだけHTML/CSSを使ってみて、これからの学習にむけての準備をします。
3章では、HTMLやCSSを正しく使うために必要な「カタい文法」の話を学習して、基礎を固めます。
4章からは、いよいよページを作っていきます。4章でページ全体の枠組みを作り、5章でテキストや色の指定について学びます。
6章ではセレクタについて詳しく学習し、CSSでの細かな指定ができるようにします。
7章では画像や動画、音声、背景といったページ内の構造について、8章ではナビゲーション、9章ではフォームやテーブルについての設定方法を学びます。
10章では、ここまで登場していない要素についての設定方法や、配置のテクニックを学びます。第3版では、スマートフォン（スマホ）画面への対応について、詳しい解説を追加しました。
11章を、フレキシブルボックスレイアウトとグリッドレイアウトについて解説する章に変更しました（第3版での変更）。これら2つレイアウト方法の基礎になる部分を身に付けられるようにやさしく解説します。
最後の12章では、それまで学習したことをベースに、1つのページを制作していきます。スマホ、タブレット、PCそれぞれのレイアウトの作り分けを行います（第3版での変更）。ページの制作を、流れで実際に行ってみることで、本書の学習の仕上げを行うことができます。

本書を、これからHTMLとCSSを覚える人が“楽しみながら学ぶ”ための入門書としてご活用いただけましたら幸いです。


■第2版からの変更点
・ 第2版は、2014年3月段階の情報に基づき執筆されました。第3版では、2018年9月段階での情報に基づいて執筆しています。
・ 仕様の変化に応じて、解説やコードを追加・変更・削除しています。ただし、本書の解説の範囲から外れている仕様の内容については説明がないものもあります。
・ HTMLは2017年12月に勧告されたHTML5.2に変更しています。
・ CSSはCSS2.1およびCSS3より、現時点で安定して使用できると判断した内容を使っています。
・ 10章にて、スマートフォンへの対応を解説する節を追加しました。
・ 11章を、フレキシブルボックスレイアウトとグリッドレイアウトについて解説する章に変更しました。
・ 12章にて、ページをスマートフォン、タブレット、PCそれぞれに対応させる内容に変更しました。  

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

CSSグリッドをベースにすると、Webページ制作がとてもシンプルになる一方で、制作にはこれまでと異なる知識体系が求められます。
そこで登場したのが、本書、CSSグリッドをベースとしてWebベージを制作する、まったく新しいレッスンブックです。

本書を読めば、HTML&CSS初心者でも、モバイルファーストで本格的なレスポンシブ対応のWebページを制作できるようになります。

まさに、いまどきのHTML&CSSを学習するための新しい時代のレッスンブックと言えるでしょう。  

【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】

Web制作に欠かせない定番ベストセラー
『ホームページ辞典』シリーズの最新改訂版が登場！

HTML（構造）・CSS（デザイン）・JavaScript（動き）の
3大要素の解説を1冊にまとめたおトクな辞典です。

第6版は最新HTML5、CSS3の解説を増量。
モダンブラウザ／iPhone＆Androidにも対応し、
近年のWebトレンドに合わせた、より実践的な内容になっています。
また、ダウンロード可能なサンプルソースも一新して、
よりわかりやすくなりました。

これからWeb制作を学びたいビギナーから、
実務でのリファレンスとして使いたい上級者まで、
広くおすすめできる1冊です。

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。