体系的に学ぶHTMLとCSSの仕様と実践 フロントエンドエンジニアはじめ、Web制作に関わっている人のためのHTML5／CSS3ガイドブックです。 HTMLとCSSの最新仕様を整理するとともに、現時点でどのポイントに留意して制作を進めていけばよいか、制作の現場で必要不可欠な情報をまとめました。 簡潔にして詳細な、制作現場に必携の1冊となっています。 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冊にまとめた入門書！★ webサイト制作者を目指す人が必ず習得しなければならない言語「HTMLとCSS」の記述と、サイト制作の基礎知識から公開・管理方法までを15レッスンで解説。HTMLパートはコーディングの基本から画像とリンク、リストとナビゲーション、テーブルおよびフォームのマークアップ方法を、CSSパートでは文字のスタイリングからレイアウト手法までを丁寧に解説。ダウンロードした実習ファイルに記述することで、細かくステップ分けした各単元の内容を手を動かしながら学びます。 専門学校の教壇に立つ著者陣が実際の講義内容を体系立て、さらに学校実施のテストと同等の練習問題を各レッスンの章末に用意した、HTMLとCSSの教科書です。最新エディタ「Visual Studio Code」に対応の改訂版。 Lesson01 wwwやwebサイト制作の基本を理解しよう 1-1 webサイトが表示される仕組み 1-2 webサイト制作のキーワード 1-3 webサイトに使用される言語 1-4 コーディングに必要なアプリケーション 1-5 webサイトに使用される画像 1-6 エディタの使い方を学ぶ lesson01─ 練習問題 Lesson02 HTMLコーディングの基本を学ぼう 2-1 HTMLとは 2-2 マークアップとは 2-3 タグと要素と属性 2-4 head要素とbody要素 2-5 head要素の中に入る要素 2-6 webサイトを構成するファイルの管理 2-7 HTMLファイルを作成して保存する 2-8 webサイトの全体像を見てみる lesson02─ 練習問題 Lesson03 画像表示とリンクをマークアップしよう 3-1 画像を表示する 3-2 リンクを設定する 3-3 パスを指定する lesson03─ 練習問題 Lesson04 リストとナビゲーションをマークアップしよう 4-1 順不同リストを作る 4-2 順序付きリストを作る 4-3 定義リストを作る 4-4 リストでナビゲーションを作る lesson04─ 練習問題 Lesson05 表組みをマークアップしよう 5-1 シンプルな表組みを作る 5-2 セルを結合する 5-3 より高度な表組みを作る lesson05─ 練習問題 Lesson06 フォームをマークアップしよう 6-1 フォームの基本を身につける 6-2 入力形式に合わせたフォームパーツを作る 6-3 お問い合わせフォームを作る lesson06─ 練習問題 Lesson07 CSSコーディングの基本を学ぼう 7-1 CSSとは 7-2 CSSの基本ルールを身につける 7-3 HTMLにCSSを組み込む3つの方法 7-4 よく使うセレクタを知る 7-5 特殊なセレクタ「疑似クラス」と「疑似要素」 lesson07─ 練習問題 Lesson08 見出しや段落をスタイリングしよう 8-1 文字サイズを調整する 8-2 行間を調整する 8-3 書体を指定する 8-4 文字の色を指定する 8-5 見出しを背景色で装飾する 8-6 見出しを線で装飾する 8-7 見出しの先頭を装飾する 8-8 段落のスタイルを整える lesson08─ 練習問題 Lesson09 CSSレイアウトの基本を学ぼう 9-1 ボックスモデルを理解する 9-2 余白を調整する 9-3 ボックスサイズ（幅・高さ・余白）を計算する 9-4 webサイトの基本レイアウト lesson09─ 練習問題 Lesson10 ページ全体をレイアウトしてみよう 10-1 4つのwebレイアウトパターン 10-2 段組みでレイアウトする 10-3 自由に要素を配置する 10-4 要素を回り込ませる 10-5 要素の横・縦方向の位置を指定してレイアウトする lesson10─ 練習問題 Lesson11 リストとナビゲーションをスタイリングしよう 11-1 リストの装飾について学ぶ 11-2 ナビゲーションを装飾する 11-3 グローバルナビゲーションを作る 11-4 パンくずリストを作る lesson11─ 練習問題 Lesson12 表をスタイリングしよう 12-1 表の装飾について学ぶ 12-2 横線・縦線のみの表を作る 12-3 さまざまな装飾の表を作る lesson12─ 練習問題 Lesson13 フォームをスタイリングしよう 13-1 フォームの装飾について学ぶ 13-2 使いやすい装飾を施す 13-3 ボタンをデザインする lesson13─ 練習問題 Lesson14 webサイト制作を実践してみよう 14-1 コーディングの準備をする 14-2 トップページのHTMLを記述する 14-3 トップページのCSSを記述する 14-4 コース紹介ページを作る 14-5 アクセスページを作る 14-6 レスポンシブデザインにする Lesson15 webサイトを公開しよう 15-1 サーバーとドメインを準備する 15-2 FTPソフトでアップロードする 15-3 webサイトのデータをチェックする 15-4 webサイトを管理する

予測しやすい、保守しやすい、最利用しやすい、拡張しやすい-コンポーネントやCSSプリプロセッサを意識した設計・管理の実践など、「ちゃんとCSSを書く」ためのプロの考え方を徹底解説! 第1章 CSSにおける設計とは 第2章 CSSの基本を振り返る 第3章 コンポーネント設計のアイデア 第4章 コンポーネント設計の実践 第5章 CSSプリプロセッサを用いた設計と管理 第6章 コンポーネントの運用に必要なツール 第7章 Web Componentsの可能性

パーツのコンポーネント化。CSSフレームワークによるページ作成。目的に応じた作り込み-プロモーションサイト、ビジネスサイト、ショップサイト。これから必要とされるデザインの「スタンダード」手法を徹底解説。 基本 1 ヘッダー 2 記事 3 メニュー 4 フッター 5 その他 6 デザイン 7 Bootstrapを利用したページ作成 8 Foundationを利用したページ作成 9 フレームワークを利用しないページ作成 10 レシピ

なぜそう書くのか?までちゃんとわかる。たいせつな知識が無理なく身につく入門書。実習用のツール、素材はすべてWebからダウンロード。チュートリアルで小さなサイトが完成します。 Webサイト制作を始める前に HTMLの基礎 制作の準備と基本のHTML 見出し、段落、リスト リンクと画像の挿入 2ページ目以降を効率的に作成する CSSの基礎 CSSでページのスタイルを調整 フロートとテーブルのスタイル フォームの作成 Webサイトの公開

HTML5とCSS3をより深く理解し、使いこなしたい人のためのガイドブック フロントエンドエンジニアの方や、Web制作に関わっていてHTML5/CSS3を使いこなしたい、と思っている人のためのガイドブックです。 思ったようなデザインをどう実現するか、現在の仕様がどのようになっているか、現時点で何に留意して制作を進めていけばよいか、制作の現場で必要不可欠な情報を凝縮しました。 現場でリファレンスとしてぜひ常備しておきたい、「現在」と「これから」の標準をまとめた1冊。 『HTML5スタンダード・デザインガイド』『CSS3 スタンダード・デザインガイド』『これからの「標準」を身につける HTML+CSSデザインレシピ』等でWebの仕様解説に定評のある著者の手による、渾身の最新刊です。 【内容】 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 特殊効果

作ってたしかめて、応用する力が身につく 装飾からレイアウトまで、ステップバイステップで作ってたしかめてCSSデザインの基本が身につく入門書の決定版！ 既存ページのカスタマイズと、ゼロからのレイアウト作成を実習します。最新のCSS3で追加された便利なプロパティの使い方も紹介。Win/Mac対応。 chapter01 WebサイトとHTMLの基本 01 HTMLの基礎知識 02 新規ファイルの作成と保存 03 HTML記述のポイント 04 HTMLを書いてみよう chapter02 CSSの基礎 01 CSSの基礎知識 02 CSSの仕組み、基本的な書式、各部の名称 03 CSSを記述する場所 04 CSSファイルを作成してHTMLファイルにリンクする 05 CSSを記述する chapter03 カスタマイズから始めよう！テキスト周りのCSS 01 HTMLから要素を選択する「セレクタ」 02 ページ全体のフォント、テキストを調整する 03 さまざまなセレクタを使用する 04 継承とより高度なフォントの扱い chapter04 ボックスモデルを理解しよう 01 ボックスとボックスモデル 02 背景色を変更する 03 背景に画像を使用する 04 ボックスモデルを理解しよう 05 サイドバーの表示をカスタマイズする 06 ショートハンドとauto値 chapter05 コンテンツのスタイル 01 CSSが適用される優先順位 ～カスケードと詳細度～ 02 見出しの背景を変更する 03 ボックスの装飾とマージンの畳み込み 04 テーブルの基本的なCSSをマスターする chapter06 フロートとポジション 01 通常のHTML配置とフロート、ポジション 02 全体のHTML構造を確認する 03 ページ全体に適用されるCSSを記述する 04 ヘッダーを作成する 05 ウィンドウ幅いっぱいに広がる背景画像を適用する 06 ヘッダーを仕上げる 07 ナビゲーションを作成する chapter07 高度なページレイアウト 01 フロートとページレイアウト 02 キービジュアルをウィンドウの中央に配置する 03 メイン部分のレイアウトを作成する 04 フッター部分のレイアウトを作成する

3テーマ別に、実際のウェブ制作でよく使用される表現に絞り込んで、スタイルシートのデザインアイデアを多数紹介。現在主流となっているデザインや技術、逆に主流でないデザインや技術といったものを明記。現在の実際のサイト制作でよく使われていて、なおかつ今風のサイトデザインにすることができるCSSのアイデアブック。 1 レイアウト(オーソドックスな2段組みレイアウトのページ オーソドックスな3段組みレイアウトのページ ウインドウ幅にあわせて可変するリキッドレイアウト ほか) 2 グラフィック(カルーセルを配置したページ ページ全体が切り替わるカルーセル 隙間なく写真を敷き詰めたギャラリーページ ほか) 3 インターフェイス(ドロップダウンメニュー付きグローバルメニュー スムーズスクロールに対応したグローバルメニュー サイドバー型のグローバルメニュー ほか)

基礎の基礎から、サイトの公開まで 基礎の基礎から、サイトの公開まで。 美しいサイトを作り、魅せるための、不朽の力が身につく。 Google Chrome、Internat Explorer、Safari、Firefox、Operaに対応 CHAPTER1 はじめる前に CHAPTER2 HTMLファイルを作成しよう CHAPTER3 CSSで装飾しよう CHAPTER4 画像を編集し、HTMLで表示しよう CHAPTER5 共通部分の作成とレイアウト CHAPTER6 リンクを設定し、ナビゲーションを作り込もう CHAPTER7 各ページを作成しよう CHAPTER8 サイトに動きをつけよう CHAPTER9 サイトの公開と仕上げ CHAPTER1 はじめる前に ウェブ制作のための準備 代表的なブラウザ テキストエディタを選ぼう CHAPTER2 HTMLファイルを作成しよう HTMLの基本 HTMLタグの意味に基いてマークアップしよう HTMLのアウトラインを理解しよう CHAPTER3 CSSで装飾しよう CSSの基本 色を変更しよう 罫線と余白を調整しよう リストと表を装飾しよう さまざまなブラウザで確認してみよう CHAPTER4 画像を編集し、HTMLで表示しよう ウェブページ用の画像を作成しよう 画像を挿入しよう CHAPTER5 共通部分の作成とレイアウト ページヘッダーとページフッダーを挿入しよう ページをレイアウトしよう CHAPTER6 リンクを設定し、ナビゲーションを作り込もう リンクを設定しよう ナビゲーションを作り込もう CHAPTER7 各ページを作成しよう ページを複製しよう 一覧ページを作ろう その他の下層ページを作ろう トップページを作ろう タイトルと概要をつける CHAPTER8 サイトに動きをつけよう スライドショーを作ろう 地図を配置しよう おといあわせフォームを設置しよう CHAPTER9 サイトの公開と仕上げ サイトを公開しよう 最終チェックをしよう SNSボタンの設置 アクセス解析を導入しよう

ホームページ制作に欠かせない、定番ベストセラー『ホームページ辞典』の最新版。Webページの基本3要素、HTML(構造)・CSS(デザイン)・JavaScript(動き)の解説を1冊に盛り込んだ。第5版となる本書では、近年のWebトレンドに合わせて、CSSを使ったWeb標準のデザインに対応したほか、Internet Explorer 9、Firefox、Google Chromeなどの最新人気ブラウザもサポート。ダウンロード可能なサンプルソースも一新して、よりわかりやすくなった。 第1部第1章 HTMLの基礎 第1部第2章 HTMLタグリファレンス(文書の基本 テキストとフォント 画像 ほか) 第2部第1章 CSSの基礎 第2部第2章 CSSリファレンス(テキスト フォント 色と背景 ほか) 第3部第1章 JavaScriptの基礎 第3部第2章 JavaScriptリファレンス(ダイアログ ドキュメント ウィンドウ ほか) 付録

Web制作に欠かせないベストセラーシリーズ最新版。HTML・CSS・JavaScriptの3大要素を1冊に！ Web制作に欠かせない定番ベストセラー 『ホームページ辞典』シリーズの最新改訂版が登場！ HTML（構造）・CSS（デザイン）・JavaScript（動き）の 3大要素の解説を1冊にまとめたおトクな辞典です。 第6版は最新HTML5、CSS3の解説を増量。 モダンブラウザ／iPhone＆Androidにも対応し、 近年のWebトレンドに合わせた、より実践的な内容になっています。 また、ダウンロード可能なサンプルソースも一新して、 よりわかりやすくなりました。 これからWeb制作を学びたいビギナーから、 実務でのリファレンスとして使いたい上級者まで、 広くおすすめできる1冊です。 第1部 第1章 HTMLの基礎 第1部 第2章 HTMLタグリファレンス 文書の基本 セクション コンテンツのグループ化 テキストレベルの意味づけ コンテンツの埋め込み テーブル フォーム 第2部 第1章 CSSの基礎 第2部 第2章 CSSリファレンス テキスト フォント 色と画像 背景とボーダー ボックス レイアウト リスト テーブル 段組み フレキシブルボックス トランジション アニメーション 変形 その他 第3部 第1章 JavaScriptの基礎 第3部 第2章 JavaScriptリファレンス ダイアログ ウィンドウ ドキュメント フォーム イベント 日付 タイマー 文字列 画像 データ処理 ナビゲーション DOM 付録

「HTML5プロフェッショナル認定試験 レベル1」の対策テキストなら鉄板のこの1冊！ 本書は、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル1 Ver2.5」（2022年2月改訂版）に合格するための知識を身につけるための書籍です。 ※「HTML5プロフェッショナル認定試験」は、HTML5やCSS3、JavaScriptなど、最新のマークアップに関する技術力と知識を認定するための資格試験です。デザイン、Web、開発に関わる幅広い職種を対象としています。試験名には「HTML5」が使われていますが、最新の標準仕様であるHTML Living Standardに基づいて作成されており、本書もそれに基づき執筆・制作されています。 本書は、LPI-Japanによって公開されている出題範囲をしっかりと押さえつつ、関連する知識も含めて、読みやすく、覚えやすい形でまとめています。 紙面では、「用語解説」や「注意するポイント」「補足説明」などを適切に切り分けて掲載し、重要な点がスムーズに学べるよう配慮しています。 また、各章の最後には問題集を用意しています。これにより、学習した内容の理解度を確認するとともに、しっかりと定着させていくことができます。 今回の改訂版では、新しい試験範囲と仕様の変更に沿って、HTML、CSSの解説を全面的に見直し、ブラッシュアップしています。 出題範囲の改訂にあわせて項目の追加や削除、内容の修正、順番の入れ替えなどを行い、より読みやすく、理解しやすい内容になっています。 Chapter1　HTML Chapter2　CSS Chapter3　レスポンシブWebデザイン Chapter4　API概要 Chapter5　Web関連の規格と技術

Webサイトの構造を記述するHTMLとWebサイトのデザインを記述するスタイルシートの書き方を、チュートリアル形式で基礎から解説しています。自分のホームページを作ってみたいと考えている方や、スタイルシートを使ってWebサイトのリニューアルをしてみたいと考えている方にオススメです。また、本書で学習した知識を使えば、ウェブログ(weblog)の編集にも役立つでしょう。ホームページ制作の基本をしっかり学べる入門書。 Ready Webサイト制作の基礎知識 1 HTMLの基本 2 スタイルシートを使ったテキストデザイン 3 画像、テーブル、リストを配置しよう 4 スタイルシートによるレイアウトデザイン 5 Webサイトを充実させよう 6 Webサイトを公開しよう Appendix

まったくのプログラミング初心者に向けた、Webプログラミングの入門書 まったくのプログラミング初心者に向けた、Webプログラミングの入門書です。 「HTML+CSS」「JavaScript」「PHPによるサーバー開発」 「Ajaxによる非同期通信」Webを使ったスマホアプリ作成」などを、猛スピードで全部学びましょう！ Webプログラミングに必要なテーマの本は、それぞれ1冊になるくらいのボリュームですので、 それを何冊も読むのは大変ですよね。 本書では必要なものを全部つまみ食いして、一度にすべて使えるようになれます！ 「HTML＋JavaScriptのWeb作成」から一歩踏み出し、サーバー側の開発まで含めた プログラミングを学び、応用として、Web部分をそのままスマートフォンのアプリに組み込み、 「サーバーと連携したスマホアプリ」までも取り上げています。 ですので、「Webページ、サーバー、スマホアプリ」のすべてを体験できます。 昨今、プログラミングの仕事というとWebプログラミングは避けて通れませんので、 プログラマーになりたいあなたには必読です！ Chapter 1　基本のHTML&CSSを使おう 1-1　Webの開発って、なに？ 1-2　HTMLを使おう 1-3　スタイルシートでデザインしよう 1-4　さまざまなスタイルを利用しよう Chapter 2　JavaScriptの基本を覚えよう 2-1　値と変数をマスターしよう 2-2　構文を覚えよう 2-3　関数とオブジェクト Chapter 3　Webを操作しよう 3-1　DOMを操作しよう 3-2　DOMオブジェクトを操作しよう Chapter 4　グラフィックを操作しよう 4-1　Canvasを使おう 4-2　グラフィックを動かそう Chapter 5　サーバープログラムを作ろう 5-1　PHPを使えるようになろう 5-2　Webのさまざまな機能を使おう Chapter 6　本格アプリに挑戦しよう 6-1　アイテム収集ゲーム「Collect It!」 6-2　2D 擬似アドベンチャーゲーム「Adventurer」 Chapter 7　スマホアプリに挑戦！ 7-1　Monacaを使いこなそう 7-2　プレビューとデバッグ