網頁設計與制作項目教程

項目一 創(chuàng)建“曉明的空間”個人網站
準備一創(chuàng)建與管理站點
準備二頁面屬性的設置
準備三設置文本格式
準備四創(chuàng)建網頁鏈接
準備五插入圖像
準備六滾動文本的設置
任務一index．html導航欄的實現
任務二完成主頁版塊的設計
項目二 創(chuàng)建“樂從文藝”社團網站頁面
準備一表格的插入及其屬性設置
準備二編輯表格
準備三使用表格排版網頁
準備四創(chuàng)建apdiv層
準備五編輯apdiv層
準備六使用apdiv層排版網頁
任務一制作“名家手筆”頁面
任務二制作“藝苑博聞”頁面
任務三制作文學社團網站首頁
項目三 創(chuàng)建某校內學習交流網站頁面
準備一創(chuàng)建模板
準備二編輯和更新模板
準備三模板的應用
準備四創(chuàng)建并應用庫
準備五插入視頻
準備六插入背景音樂
準備七插入flash影片
任務一制作網站模板
任務三在網頁中插入視頻
任務四在網頁中插入flash
任務五在網頁中插入背景音樂
項目四 創(chuàng)建“新教育網?！本W站頁面
準備一創(chuàng)建框架網頁
準備二框架結構頁面的編輯
準備三定義css
準備四背景樣式的應用
準備五將類樣式應用到文本
準備六方框和邊框樣式的應用
任務一應用框架重新規(guī)劃首頁
任務二制作頂部頁（top．html）
任務三制作主體內容左側導航頁（left．html）
任務四制作主體內容頁（main．html）
任務五制作腳部頁（footer.html）
任務六組裝主頁（index．html）
項目五 創(chuàng)建“揚帆貨運”企業(yè)網站頁面
準備一認識色彩-
準備二網頁的配色技巧
準備三設計網站的logo及banner
準備四photoshop設計界面效果與切圖
任務一運用參考線進行網頁布局
任務二logo和banner的設計
任務三主頁版塊的設計
任務四photoshop切片生成網頁
項目六 創(chuàng)建“佛山奧園”房地產網站頁面
準備一css實現濾鏡效果
準備二div+css網頁布局
準備三自動跳轉網頁頁面
準備四打開瀏覽器窗口
準備五彈出信息
準備六跳轉菜單
任務一“佛山奧園”房地產網站首頁的實現
任務二“奧園簡介”頁面中跳轉功能的實現
任務三“精品樓盤”頁面的實現
項目七 創(chuàng)建“世博游”網站頁面
準備一關閉瀏覽器窗口
準備二實現url轉向
準備三設置狀態(tài)欄文本
準備四創(chuàng)建漂浮廣告
準備五用javascript制作網頁導航欄
任務一“世博游”網站首頁的實現
任務二“世博展館”頁面的實現
任務三“媒體服務”頁面的實現
任務四“世博歷史”頁面的實現
項目八 創(chuàng)建網絡留言簿
準備一配置web服務器
準備二建立動態(tài)站點
準備三建立access數據庫
準備四 表單
任務一站點配置與數據庫設計的應用
任務二制作簽寫留言頁面
任務三制作查看留言頁面
任務四制作留言回復頁面
任務五制作留言刪除頁面
項目九 創(chuàng)建在線書城
準備一asp的概念及語法
準備二常見的asp錯誤及解決方法
任務一站點配置與數據庫設計
任務二實現后臺添力口書籍頁面
任務三實現在線書城首頁
任務四實現熱賣書籍、新書上架、特價書籍頁面
任務五實現書本詳情顯示頁面
任務六實現用戶注冊及登錄功能
任務七實現購物車功能
參考文獻