《基于任務(wù)驅(qū)動模式的網(wǎng)頁設(shè)計教程》從實用網(wǎng)頁開發(fā)的角度出發(fā),以開發(fā)某企業(yè)門戶網(wǎng)站為目標(biāo),將網(wǎng)頁設(shè)計中所需要了解的常見HTML標(biāo)簽,如文字、超鏈接、表格、框架、表單、列表以及CSS樣式特效等知識分散到每個項目,依照網(wǎng)頁開發(fā)的基本流程組織內(nèi)容,每個項目都配以項目任務(wù)完成HTML及CSS基本知識的講解,并針對實際開發(fā)中所需要注重的細節(jié)做了一定介紹。
《基于任務(wù)驅(qū)動模式的網(wǎng)頁設(shè)計教程》不僅適合高職高專學(xué)生使用,同時也可作為廣大網(wǎng)頁設(shè)計愛好者及專業(yè)人員的自學(xué)教程。
項目一 創(chuàng)建企業(yè)門戶網(wǎng)站站點
任務(wù)一 創(chuàng)建“企業(yè)門戶網(wǎng)站”站點
任務(wù)二 了解HTML網(wǎng)頁的基本結(jié)構(gòu)
本項目小結(jié)
項目二 基本頁面制作
任務(wù)一 制作公司簡介頁面
任務(wù)二 制作產(chǎn)品介紹頁面
本項目小結(jié)
項目三 使用CSS修飾HTML代碼
任務(wù)一 運用CSS修飾公司簡介頁面
任務(wù)二 運用CSS修飾產(chǎn)品介紹界面
本項目小結(jié)
項目四 企業(yè)門戶網(wǎng)站統(tǒng)一資源設(shè)置
任務(wù)一 制作公共樣式內(nèi)容
任務(wù)二 “業(yè)務(wù)范圍”頁面制作
任務(wù)三 創(chuàng)建網(wǎng)站公共樣式文件
本項目小結(jié)
項目五 搭建企業(yè)門戶網(wǎng)站首頁
任務(wù)一 企業(yè)網(wǎng)站首頁布局設(shè)計
任務(wù)二 首頁主體內(nèi)容模塊制作
任務(wù)三 首頁底部模塊制作
本項目小結(jié)
項目六 搭建企業(yè)網(wǎng)站綜合導(dǎo)航模塊
任務(wù)一 制作首頁導(dǎo)航模塊
任務(wù)二 制作首頁“產(chǎn)品中心”模塊
任務(wù)三 “產(chǎn)品介紹”頁面制作
本項目小結(jié)
項目七 企業(yè)網(wǎng)站數(shù)據(jù)展示頁制作
任務(wù)一 “企業(yè)新聞”列表頁面制作
任務(wù)二 “服務(wù)器進程配置列表”頁面制作
本項目小結(jié)
項目八 登錄頁面及注冊頁面制作
任務(wù)一 “后臺登錄”頁面制作
任務(wù)二 “注冊”頁面制作
本項目小結(jié)
項目九 后臺管理首頁制作
任務(wù)一 后臺管理首頁制作
任務(wù)二 框架中間主體頁面制作
任務(wù)三 右側(cè)管理列表頁面制作
本項目小結(jié)
項目十 使用Dreamweaver制作網(wǎng)頁
任務(wù)一 網(wǎng)頁上的文本編輯
任務(wù)二 網(wǎng)頁上的圖像編輯
任務(wù)三 表格的使用
任務(wù)四 鏈接的設(shè)置
任務(wù)五 框架的使用
本項目小結(jié)
項目十一 使用Dreamweaver設(shè)置樣式
任務(wù)一 熟悉“CSS樣式”面板
任務(wù)二 掌握CSS樣式工作流
任務(wù)三 了解CSS面板輔助功能
任務(wù)四 CSS設(shè)置操作實例
本項目小結(jié)
項目十二 企業(yè)網(wǎng)站發(fā)布
任務(wù)一 站點本地測試
任務(wù)二 站點發(fā)布
本項目小結(jié)
參考文獻