CSS+DIV網頁佈局技術教程

本書系統、全面地講解了CSS基礎理論和實際運用技術，通過大量實例，對CSS應用進行了深入淺出的分析。全書主要內容包括CSS的基本語法和概念，設置文字、圖片、背景、表格、表單和菜單等網頁元素的方法，以及CSS濾鏡的使用和CSS如何控制XML文檔樣式，著重講解如何利用CSS + DIV進行網頁佈局，註重實際操作，使讀者在學習CSS應用技術的同時能夠掌握CSS + DIV的精髓。同時，本書還詳細講解了其他書中較少涉及的技術細節，包括擴展CSS與JavaScript和XML等綜合應用的內容，以幫助讀者設計符合Web標準的網頁，提升技術競爭力。 本書內容翔實、結構清晰、循序漸進，基礎知識與案例實戰緊密結合，既可作為CSS初學者的入門教材，也適合中高級用戶進一步學習和參考。

項目一利用CSS設計頁面排版
任務一：使用繼承製作網頁
知識儲備
任務實踐
任務二：設計百度Logo
知識儲備
任務實踐
任務三：排版新聞文稿
知識儲備
任務實踐
上機實訓：製作百度搜索
實訓背景
實訓內容和要求
實訓步驟
實訓素材
習題

項目二使用CSS設置圖片和
控制背景圖像
任務一：設計淘寶網頁圖片的佈局
知識儲備
任務實踐
任務二：設計個人網站的主頁
知識儲備
任務實踐
上機實訓：製作古詞
"念奴嬌·赤壁懷古"網頁
實訓背景
實訓內容和要求
實訓步驟
實訓素材
習題

項目三使用CSS設計表格和表單
任務一：設計日曆
知識儲備
任務實踐
任務二：設計娛樂新聞調查表
知識儲備
任務實踐
上機實訓：製作新浪網民調查問卷
實訓背景
實訓內容和要求
實訓步驟
實訓素材
習題

項目四使用CSS控制列表樣式和
定義鏈接
任務一：設計百度導航條
知識儲備
任務實踐
任務二：設計美食圖片欣賞網頁
知識儲備
任務實踐
上機實訓：製作網頁的Tab菜單
實訓背景
實訓內容和要求
實訓步驟
實訓素材
習題

項目五初識CSS + DIV排版佈局
任務一：設計圖片的簽名
知識儲備
任務實踐
任務二：設計個人網頁
知識儲備
任務實踐
上機實訓：製作咖啡店網頁
實訓背景
實訓內容和要求
實訓步驟
實訓素材
習題

項目六剖析網頁排版和CSS + DIV
佈局
任務一：設計交河故城網頁
知識儲備
任務實踐
任務二：設計禪意花園的兩列
三列佈局
知識儲備
任務實踐
上機實訓：製作清明上河圖網頁
實訓背景
實訓內容和要求
實訓步驟
實訓素材
習題

項目七使用CSS定位控製網頁
任務一：設計浪漫式網頁
知識儲備
任務實踐
任務二：設計展覽式網頁
知識儲備
任務實踐
上機實訓：製作電子相冊
實訓背景
實訓內容和要求
實訓步驟
實訓素材
習題

項目八使用JavaScript控制CSS
任務：設計燈光效果
知識儲備
任務實踐
上機實訓：製作跑馬燈特效
實訓背景
實訓內容和要求
實訓步驟
實訓素材
習題

項目九使用CSS設計XML文檔
樣式
任務：設計新聞網頁
知識儲備
任務實踐
上機實訓：製作詩情畫意的圖文網頁
實訓背景
實訓內容和要求
實訓步驟
實訓素材
習題

參考答案
參考文獻