ホームページ  >  記事  >  ウェブフロントエンド  >  「CSS+DIV Web ページのスタイルとレイアウトをマスターするためのビデオ チュートリアル」_html/css_WEB-ITnose

「CSS+DIV Web ページのスタイルとレイアウトをマスターするためのビデオ チュートリアル」_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:32:261173ブラウズ

はじめに
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 全体調整



声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。