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文檔
樣式
任務:設計新聞網頁
知識儲備
任務實踐
上機實訓:製作詩情畫意的圖文網頁
實訓背景
實訓內容和要求
實訓步驟
實訓素材
習題
參考答案
參考文獻