「CSS+DIV Web ページのスタイルとレイアウトをマスターするためのビデオ チュートリアル」_html/css_WEB-ITnose
はじめに
Web 2.0 の波が押し寄せる中、Web ページの標準化された CSS+DIV デザイン手法が従来のテーブル レイアウト モードに徐々に置き換えられ、CSS の学習はデザイナーにとって必須のコースになりました。
本書は、CSS カスケード スタイル シートの基礎理論と実践的な応用技術を体系的に解説し、CSS の基本的な文法や概念、設定を中心に、豊富な事例を通じてわかりやすく CSS を分析します。テキスト、画像、背景、表、フォーム、メニューなどの Web ページ要素のメソッド、および CSS フィルターの使用。 WebページのレイアウトにCSS+DIVを活用する方法を実践的な操作を中心に解説し、CSSの応用技術を学びながらCSS+DIVの本質をマスターできるようにしています。本書では、拡張 CSS や JavaScript、XML や Ajax などの包括的な応用など、他の書籍ではあまり取り上げられていない技術的な詳細についても詳しく説明しており、読者が Web 標準に準拠した Web ページを作成できるようガイドします。技術レベルと競争力を向上させるために、ウェブサイトのデザインと開発の専門的な仕事に従事している、または従事したいと考えている読者。最後に、5 つの一般的なタイプの完全な Web ページの包括的な例が示されており、読者はこれまでに学んだ知識をさらに強化し、包括的な応用能力を向上させることができます。
この本は詳細な内容、明確な構成、ステップバイステップで構成されており、各章と例の間の反響と比較に注意を払っています。CSS初心者の入門書として使用でき、さらに学習するのにも適しています。中級者および上級者による参照。
目次
パート 1 CSS の基礎
第 1 章 CSS の初期体験
1.1 CSS の概念
1.2 CSS を使用してページを制御する
1.3 CSS を体験する
第 2 章 CSS の基本構文
2.1 CSS セレクター 2.2 選択ツールの宣言
2.3 CSSの継承
第3章 CSSを使ってリッチテキスト効果を設定する
3.1 CSSのテキストスタイル
3.2 テキストの例1: Google社のロゴをシミュレートする
3.3 テキストの例2: ページのタイトルをカラフルにする
3.4 CSSの段落テキスト
3.5 段落例: Baidu 検索
第 4 章 CSS を使用して画像効果を設定する
4.1 画像スタイル 4.2 画像の配置 4.3 グラフィックとテキストの混合 4.4 画像とテキストの例: 海を渡る八人の不死者
第 5 章 CSS を使用して Web ページの背景を設定する 5.1背景色
5.2 背景画像
5.3 背景合成その1:私の個人ホームページ
5.4 背景合成その2:古語「年安角・ちびノスタルジア」
第6章 CSSを使ってテーブルやフォームのスタイルを設定する
6.1 テーブルの制御
6.2 テーブル例 1: 行ごとに色が変わります
6.3 表の例 2: マウスが上を通過すると色が変わる表
6.4 表の例 3: カレンダー
6.5 CSS とフォーム
6.6 総合的な例 1: Excel 表を直接入力
6.7 総合的な例2: 新浪ネットユーザーのアンケートを真似してみる
第7章 CSSを使ってページ要素とブラウザ要素を設定する
7.1 豊富なハイパーリンク効果
7.2 マウス効果
7.3 ページスクロールバー
第8章 CSSを使って実用的なメニューを作成する
8.1 項目リスト
8.2 表のないメニュー
8.3 メニューの水平垂直変換
8.4 メニュー例 1: Baidu ナビゲーション バー
8.5 メニュー例 2: 人気のタブ メニュー
第 9 章 CSS フィルター アプリケーション
9.1 フィルターの概要
9.2 チャンネル (アルファ)
9.3 ブラー (Blur)
9.4 モーションぼかし
9.5 透明色(クロマ)
9.6 ドロップシャドウ
9.7 反転
9.8 グロー
9.9 グレー
9.1 0.Invert ) 9.11 マスク
9.12 シャドウ
9.13
第 10 章 CSS の配置と div レイアウトを理解する
10.1 divタグとspanタグ
10.2 ボックスモデル
10.3 要素の配置
10.4 配置例 1: 画像に簡単に署名する
10.5 配置例 2: テキストの影効果
第 11 章 CSS+div レイアウト方法の分析
11.1 CSS 組版の概念
11.2 固定幅と中央配置のレイアウト
11.3左中右レイアウト
11.4 ブロック背景色問題
11.5 組版例:電子写真アルバム
11.6 Div組版と従来の表組版 分析
第12章 CSS+div美化とレイアウト実践
12.1 フレームワーク構築
12.2 例1: ブルークラシック
12.3 例 2: 清明節の川沿い
12.4 例 3: 交河古城
12.5 CSS スタイルの自動選択
第 3 部 CSS 混合アプリケーション技術
第 13 章 CSS と JavaScript の包括的な適用
13.1 JavaScript の概要
13.2 基本JavaScript 構文の説明
13.3 例 1: 入力中に強調表示される Excel テーブル
13.4 例 2: 遠くから近くまでのテキスト
13.5 例 3: マーキー特殊効果
13.6 例 4: 画像のフェードインとフェードアウト
13.7 例 5: PPT を実装するための CSSスライドショー
13.8 例 6: 照明効果
13.9 例 7: ステージ照明
13.10 例 8: サーチライト
13.11 例 9: マウステキストのフォロー
第 14 章 CSS と XML の包括的な使用
14.1 XML の基本
14.2 CSS ファイルへの XML リンク 14.3 XML テキストの影効果
14.4 XML 古詩の書道と絵画
14.5 インターレースの色変更を実現する XML テーブル
第 15 章 CSS と Ajax の総合的な応用
15.1 Ajax の概要
15.2 Ajax 入門
15.3 Ajax の例: できる Web ページレイアウトエリアを自由にドラッグします
第 4 章 部分包括ケース 第 16 章 私のブログ
16.1 分析構造
16.2 モジュール分割 16.3 全体調整
第 17 章 小規模スタジオ Web サイト 17.1 分析構造
17.2 モジュール分割 17.3 全体調整
第 18 章 エンタープライズ Web サイト
1 分析構造
18.2 モジュール分割
18.3 全体調整
第19章 ネットショッピングサイト 19.1 分析構造 19.2 モジュール分析 19.3 全体調整
第20章 旅行サイト 20.1 分析構造
20.2 モジュール分割
20.3 全体調整

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。
