精通CSS+DIV網頁樣式與布局配套視頻教程_網站制作教程
本書系統地講解了CSS層迭樣式表的基礎理論和實際運用技術,通過大量實例對CSS進行深入淺出的分析;著重講解如何用CSS+DIV進行網頁布局,注重實際操作,使讀者在學習CSS應用技術的同時,掌握CSS+DIV的精髓;還詳細講解了其他書中較少涉及的技術細節,最后給出了5個常見類型的完整網頁的綜合實例,讓讀者進一步鞏固所學到的知識,提高綜合應用的能力。
內容簡介
隨著Web 2.0的大潮席卷而來,網頁標準化CSS+DIV的設計方式正逐漸取代傳統的表格布局模式,對CSS的學習也成為設計人員的必修課。
本書系統地講解了CSS層迭樣式表的基礎理論和實際運用技術,通過大量實例對CSS進行深入淺出的分析,主要包括CSS的基本語法和概念,設置文字、圖片、背景、表格、表單和菜單等網頁元素的方法,以及CSS濾鏡的使用。著重講解如何用CSS+DIV進行網頁布局,注重實際操作,使讀者在學習CSS應用技術的同時,掌握CSS+DIV的精髓。本書還詳細講解了其他書中較少涉及的技術細節,包括擴展CSS與JavaScript、XML和Ajax的綜合應用等內容,指導讀者制作符合Web標準的網頁,使從事或欲從事網站設計開發專業工作的讀者提升技術水平和競爭能力。最后給出了5個常見類型的完整網頁的綜合實例,讓讀者進一步鞏固所學到的知識,提高綜合應用的能力。
本書內容翔實、結構清晰、循序漸進,并注意各個章節與實例之間的呼應和對照,既可作為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 文字實例一:模擬Google公司Logo
3.3 文字實例二:制作頁面的五彩標題
3.4 CSS段落文字
3.5 段落實例:百度搜索
第4章 用CSS設置圖片效果
4.1 圖片樣式
4.2 圖片的對齊
4.3 圖文混排
4.4 圖文實例:八仙過海
第5章 用CSS設置網頁中的背景
5.1 背景顏色
5.2 背景圖片
5.3 背景綜合一:我的個人主頁
5.4 背景綜合二:古詞《念奴嬌·赤壁懷古》
第6章 用CSS設置表格與表單的樣式
6.1 控制表格
6.2 表格實例一:隔行變色
6.3 表格實例二:鼠標經過時變色的表格
6.4 表格實例三:日歷
6.5 CSS與表單
6.6 綜合實例一:直接輸入的Excel表格
6.7 綜合實例二:模仿新浪網民調查問卷
第7章 用CSS設置頁面和瀏覽器的元素
7.1 豐富的超鏈接特效
7.2 鼠標特效
7.3 頁面滾動條
第8章 用CSS制作實用的菜單
8.1 項目列表
8.2 無需表格的菜單
8.3 菜單的橫豎轉換
8.4 菜單實例一:百度導航條
8.5 菜單實例二:流行的Tab菜單
第9章 CSS濾鏡的應用
9.1 濾鏡概述
9.2 通道(Alpha)
9.3 模糊(Blur)
9.4 運動模糊(Motion Blur)
9.5 透明色(Chroma)
9.6 下落的陰影(Dropshadow)
9.7 翻轉變換(Flip)
9.8 光暈(Glow)
9.9 灰度(Gray)
9.10 反色(Invert)
9.11 遮罩(Mask)
9.12 陰影(Shadow)
9.13 X射線(X-ray)
9.14 浮雕紋理(Emboss和Engrave)
9.15 波浪(Wave)
第2部分 CSS+DIV美化和布局篇
第10章 理解CSS定位與div布局
10.1 div 標記與 span 標記
10.2 盒子模型
10.3 元素的定位
10.4 定位實例一:輕輕松松給圖片簽名
10.5 定位實例二:文字陰影效果
第11章 CSS+div布局方法剖析
11.1 CSS排版觀念
11.2 固定寬度且居中的版式
11.3 左中右版式
11.4 塊的背景色問題
11.5 排版實例:電子相冊
11.6 div排版與傳統的表格方式排版的分析
第12章 CSS+div美化與布局實戰
12.1 框架搭建
12.2 實例一:藍色經典
12.3 實例二:清明上河圖
12.4 實例三:交河故城
12.5 自動選擇CSS樣式
第3部分 CSS混合應用技術篇
第13章 CSS與JavaScript的綜合應用
13.1 JavaScript概述
13.2 JavaScript語法基礎
13.3 實例一:輸入時高亮顯示的Excel表格
13.4 實例二:由遠到近的文字
13.5 實例三:跑馬燈特效
13.6 實例四:圖片淡入淡出
13.7 實例五:CSS實現PPT幻燈片
13.8 實例六:燈光效果
13.9 實例七:舞臺燈光
13.10 實例八:探照燈
13.11 實例九:鼠標文字跟隨
第14章 CSS與XML的綜合運用
14.1 XML基礎
14.2 XML鏈接CSS文件
14.3 XML文字陰影效果
14.4 XML古詩字畫
14.5 XML實現隔行變色的表格
第15章 CSS與Ajax的綜合應用
15.1 Ajax概述
15.2 Ajax入門
15.3 Ajax實例:能夠自由拖動布局區域的網頁
第4部分 綜合案例篇
第16章 我的博客
16.1 分析構架
16.2 模塊拆分
16.3 整體調整
第17章 小型工作室網站
17.1 分析構架
17.2 模塊拆分
17.3 整體調整
第18章 企業網站
18.1 分析構架
18.2 模塊拆分
18.3 整體調整
第19章 網上購物網站
19.1 分析構架
19.2 模塊分析
19.3 整體調整
第20章 旅游網站
20.1 分析構架
20.2 模塊拆分
20.3 整體調整
- 織夢DedeCMS視頻教程(織夢官方版主華強主講)
- Dreamweaver8中文版職業應用視頻教程(打包下載)
- 別具光芒:DIV+CSS網頁布局與美化
- DIV+CSS 入門視頻教程,只用記事本編寫代碼演示
- 巧奪天工-Dreamweaver MX 2004 入門與進階實例
- 挑戰DREAMWEAVER MX互動網站百寶箱FOR ASP
- Dreamweaver MX 2004中文版完全自學手冊
- Dreamweaver MX構建PHP+MySQL站點
- 新編Dreamweaver MX2004 中文版輕松入門視頻教程 2CD
- Dreamweaver MX 2004 官方簡體中文版教程
- DreamweaverMX2004互動網站百寶箱for PHP
- DreamweaverMX2004互動網站百寶箱for PHP
網站制作教程Rss訂閱視頻教程搜索
網站制作教程推薦
- DIV+CSS 入門視頻教程,只用記事本編寫代碼演示
- Dreamweaver8中文版職業應用視頻教程(打包下載)
- Xhtml全套課程(含項目案例,李炎恢主講)
- Dreamweaver網頁制作與色彩搭配全攻略(感激驢友boerly,新增完整版pdf)
- Dreamweaver 2004視頻教程下載
- 北風網資深web講師李炎恢講師Dreamweaver系列課程(已完結|45課時)陸續更新中
- 別具光芒:DIV+CSS網頁布局與美化
- 網頁制作三劍客經典實例Flashmx,Dreamveaver,Fireworks
- Dreamveaver中CSS視頻教程
- 呂聰賢dreamweaver視頻教程下載
- DreamweaverMX2004互動網站百寶箱for PHP
- Dreamweaver 8完美網頁設計:商業網站篇
猜你也喜歡看這些
- 相關鏈接:
- 模板說明:
網站制作教程-精通CSS+DIV網頁樣式與布局配套視頻教程
。