網(wǎng)頁(yè)設(shè)計(jì)實(shí)戰(zhàn)教程（HTML+CSS+JavaScript）

模塊1 HTML超文本標(biāo)記語(yǔ)言
【項(xiàng)目案例】
案例1 物流管理系統(tǒng)（使用表格布局的一個(gè)示例網(wǎng)站）
案例2 在世界大學(xué)城空間添加一個(gè)HTML模塊
【知識(shí)點(diǎn)學(xué)習(xí)】
任務(wù)1 認(rèn)識(shí)HTML
任務(wù)2 認(rèn)識(shí)HTML標(biāo)簽的屬性
任務(wù)3 使用定義文檔結(jié)構(gòu)、文字與段落等標(biāo)簽設(shè)計(jì)網(wǎng)頁(yè)
任務(wù)4 使用層、表格布局等標(biāo)簽設(shè)計(jì)網(wǎng)頁(yè)
任務(wù)5 使用項(xiàng)目符號(hào)和列表、超鏈接等標(biāo)簽設(shè)計(jì)網(wǎng)頁(yè)
任務(wù)6 使用表單標(biāo)簽設(shè)計(jì)網(wǎng)頁(yè)
任務(wù)7 使用框架集、框架等標(biāo)簽設(shè)計(jì)網(wǎng)頁(yè)
任務(wù)8 使用圖像、圖像映射及其他標(biāo)簽設(shè)計(jì)網(wǎng)頁(yè)
【模塊1自測(cè)】
模塊2 CSS級(jí)聯(lián)樣式表
【項(xiàng)目案例】
案例1 咪咪音樂網(wǎng)站（使用DIV+CSS布局的一個(gè)示例網(wǎng)站）
案例2 美化世界大學(xué)城展示空間
【知識(shí)點(diǎn)學(xué)習(xí)】
任務(wù)1 認(rèn)識(shí)CSS
任務(wù)2 認(rèn)識(shí)CSS的選擇器
任務(wù)3 使用字體、文本、背景屬性美化網(wǎng)頁(yè)
任務(wù)4 使用邊框、邊距屬性美化網(wǎng)頁(yè)
任務(wù)5 使用表格、列表及定位屬性美化網(wǎng)頁(yè)
【模塊2自測(cè)】
模塊3 JavaScript腳本語(yǔ)言
【項(xiàng)目案例】
案例1 銀行信貸管理系統(tǒng)（使用腳本語(yǔ)言的一個(gè)示例網(wǎng)站）
案例2 給世界大學(xué)城空間添加JS代碼特效
【知識(shí)點(diǎn)學(xué)習(xí)】
任務(wù)1 認(rèn)識(shí)JavaScript
任務(wù)2 掌握J(rèn)avaScript的語(yǔ)法
任務(wù)3 使用JavaScript分支結(jié)構(gòu)編程
任務(wù)4 使用JavaScript循環(huán)結(jié)構(gòu)編程
任務(wù)5 了解JavaScript的異常、驗(yàn)證及內(nèi)置對(duì)象
任務(wù)6 了解JavaScript JSON數(shù)據(jù)格式
【模塊3自測(cè)】
模塊4 相關(guān)軟件使用
【項(xiàng)目案例】
案例在世界大學(xué)城空間首頁(yè)添加Flash模塊（使用Flash設(shè)計(jì)）
【知識(shí)點(diǎn)學(xué)習(xí)】
任務(wù)1 軟件的安裝及使用入門
任務(wù)2 使用Flash軟件制作導(dǎo)航及簡(jiǎn)單動(dòng)畫
任務(wù)3 使用Dreamweaver軟件設(shè)計(jì)靜態(tài)網(wǎng)頁(yè)
【模塊4自測(cè)】
模塊5 美工基礎(chǔ)知識(shí)
【項(xiàng)目案例】
案例世界大學(xué)城空間banner設(shè)計(jì)（使用Photoshop設(shè)計(jì)）
【知識(shí)點(diǎn)學(xué)習(xí)】
任務(wù)1 認(rèn)識(shí)顏色
任務(wù)2 網(wǎng)頁(yè)色彩搭配
任務(wù)3 使用Photoshop處理圖像
【模塊5自測(cè)】
模塊6 新技術(shù)介紹
【項(xiàng)目案例】
案例響應(yīng)式導(dǎo)航頁(yè)面設(shè)計(jì)（使用HTML5+CSS3設(shè)計(jì)）
【知識(shí)點(diǎn)學(xué)習(xí)】
任務(wù)1 認(rèn)識(shí)HTML5
任務(wù)2 介紹XHTML
任務(wù)3 了解CSS3
【模塊6自測(cè)】
參考文獻(xiàn)