網(wǎng)頁設(shè)計(jì)項(xiàng)目化教程圖書目錄

時(shí)間：2023-02-17 11:04:02 | 來源：營銷百科

時(shí)間：2023-02-17 11:04:02 來源：營銷百科

網(wǎng)頁設(shè)計(jì)項(xiàng)目化教程圖書目錄：項(xiàng)目一 網(wǎng)頁設(shè)計(jì)與制作概述- 1 -

任務(wù)一 網(wǎng)頁構(gòu)成元素分析- 1 -

一、網(wǎng)頁基礎(chǔ)知識- 2 -

二、網(wǎng)頁的發(fā)展史- 2 -

三、網(wǎng)頁配色- 4 -

任務(wù)二 網(wǎng)頁的版式分析- 6 -

一、認(rèn)識網(wǎng)站- 7 -

二、網(wǎng)頁設(shè)計(jì)的常用軟件簡介- 7 -

三、網(wǎng)頁版式設(shè)計(jì)- 8 -

四、Web標(biāo)準(zhǔn)概述- 9 -

項(xiàng)目拓展實(shí)訓(xùn)- 10 -

項(xiàng)目二 DREAMWEAVER CS4 簡介- 12 -

任務(wù)一 本地站點(diǎn)的創(chuàng)建與管理- 13 -

一、初識Dreamweaver CS4- 13 -

二、Dreamweaver CS4的操作環(huán)境介紹- 14 -

三、本地站點(diǎn)的規(guī)劃- 19 -

一、站點(diǎn)的創(chuàng)建- 20 -

二、站點(diǎn)的管理- 22 -

任務(wù)二 創(chuàng)建一個(gè)簡單的網(wǎng)頁- 24 -

一、網(wǎng)頁中的圖像- 25 -

二、網(wǎng)頁中的動(dòng)畫- 25 -

一、新建并保存HTML空白網(wǎng)頁文檔- 25 -

二、編輯HTML文檔- 26 -

三、保存并瀏覽網(wǎng)頁- 28 -

項(xiàng)目拓展實(shí)訓(xùn)- 29 -

項(xiàng)目三 XHTML基礎(chǔ)- 30 -

任務(wù)一 網(wǎng)頁文檔的基本結(jié)構(gòu)- 31 -

一、認(rèn)識HTML- 32 -

二、認(rèn)識XML- 32 -

三、從HTML轉(zhuǎn)向XHTML- 32 -

四、XHTML基本語法- 33 -

一、認(rèn)識網(wǎng)頁文檔聲明DOCTYPE- 33 -

二、認(rèn)識DTD- 34 -

三、網(wǎng)頁文檔的主體結(jié)構(gòu)- 34 -

四、文檔校驗(yàn)- 35 -

任務(wù)二 頁面內(nèi)容制作與布局- 37 -

一、區(qū)段格式標(biāo)簽- 37 -

二、字符格式標(biāo)簽- 38 -

三、列表標(biāo)簽- 39 -

四、超鏈接標(biāo)簽- 40 -

五、圖像標(biāo)簽- 41 -

六、表格標(biāo)簽- 41 -

七、表單標(biāo)簽- 42 -

一、網(wǎng)頁布局結(jié)構(gòu)設(shè)計(jì)與制作- 43 -

二、網(wǎng)頁素材添加- 45 -

項(xiàng)目拓展實(shí)訓(xùn)- 49 -

項(xiàng)目四 標(biāo)準(zhǔn)化網(wǎng)頁制作- 50 -

任務(wù)一 DIV CSS網(wǎng)頁布局- 51 -

一、什么是CSS- 51 -

二、CSS有什么用- 51 -

三、如何使用CSS- 52 -

四、CSS語法- 53 -

五、選擇器- 53 -

六、盒子模型- 54 -

七、background背景屬性- 56 -

八、float浮動(dòng)屬性- 56 -

九、clear清除屬性- 56 -

一、網(wǎng)頁結(jié)構(gòu)分析- 57 -

二、模塊化布局- 58 -

任務(wù)二 導(dǎo)航制作及背景BANNER- 62 -

一、ul和li- 62 -

二、border邊框?qū)傩? 62 -

三、文本常用屬性- 63 -

一、banner背景制作- 64 -

二、導(dǎo)航制作- 65 -

任務(wù)三 列表美化布局- 68 -

一、背景定位- 69 -

二、margin外邊距屬性- 69 -

三、padding內(nèi)填充屬性- 70 -

一、列表制作- 71 -

二、列表美化- 73 -

任務(wù)四 表單美化布局- 74 -

一、表單制作- 76 -

二、表單美化- 77 -

項(xiàng)目拓展實(shí)訓(xùn)（一）- 78 -

項(xiàng)目拓展實(shí)訓(xùn)（二）- 79 -

項(xiàng)目五 JAVASCRIPT和JQUERY應(yīng)用- 80 -

任務(wù)一 JAVASCRIPT表單驗(yàn)證- 81 -

一、什么是JavaScript- 81 -

二、JavaScript有什么用- 81 -

三、如何使用JavaScript- 81 -

四、submit事件- 82 -

五、表單取值- 83 -

六、函數(shù)的定義- 84 -

一、表單制作- 84 -

二、利用sumbit事件編寫校驗(yàn)函數(shù)- 85 -

任務(wù)二 JAVASCRIPT正則表達(dá)式表單驗(yàn)證- 87 -

一、什么是正則表達(dá)式- 87 -

二、正則表達(dá)式語法- 87 -

三、修飾符- 88 -

四、方括號- 88 -

五、元字符- 89 -

六、量詞- 89 -

七、支持正則表達(dá)式的 String 對象的方法- 90 -

八、常用正則表達(dá)式- 90 -

一、編寫校驗(yàn)的數(shù)據(jù)規(guī)則- 91 -

二、利用正則函數(shù)校驗(yàn)數(shù)據(jù)- 92 -

任務(wù)三 JQUERY制作選項(xiàng)卡- 96 -

一、什么是jQuery- 96 -

二、jQuery的使用- 96 -

三、jQuery API的使用- 97 -

一、制作選項(xiàng)卡布局- 98 -

二、為選項(xiàng)卡增加jQuery行為- 101 -

任務(wù)四 JQUERY制作5圖焦點(diǎn)圖- 102 -

一、setInterval的使用- 102 -

一、制作焦點(diǎn)圖布局- 103 -

二、為焦點(diǎn)圖增加jQuery行為- 105 -

項(xiàng)目拓展實(shí)訓(xùn)（一）- 108 -

項(xiàng)目拓展實(shí)訓(xùn)（二）- 109 -

項(xiàng)目六 商業(yè)網(wǎng)站制作- 110 -

任務(wù)一 使用PHOTOSHOP設(shè)計(jì)網(wǎng)站首頁布局- 111 -

一、初識Photoshop CS4- 111 -

二、Photoshop CS4的操作環(huán)境介紹- 111 -

一、分析網(wǎng)頁類別- 119 -

二、確定網(wǎng)頁的風(fēng)格- 119 -

三、編排網(wǎng)頁功能結(jié)構(gòu)- 119 -

四、 成品制作- 119 -

任務(wù)二 使用PHOTOSHOP完成網(wǎng)站子頁布局- 124 -

一、網(wǎng)頁設(shè)計(jì)形式與內(nèi)容相統(tǒng)一- 125 -

二、網(wǎng)頁設(shè)計(jì)的模塊化和可修改性- 125 -

三、網(wǎng)頁設(shè)計(jì)中網(wǎng)頁命名要簡潔- 125 -

一、確定子頁的風(fēng)格- 125 -

二、成品制作- 126 -

任務(wù)三 制作網(wǎng)站首頁- 130 -

一、首頁結(jié)構(gòu)分析- 130 -

二、模塊化布局制作- 131 -

任務(wù)四 制作網(wǎng)站子頁- 143 -

一、子頁結(jié)構(gòu)分析- 143 -

二、模塊化布局制作- 143 -

任務(wù)五 網(wǎng)站發(fā)布- 151 -

一、準(zhǔn)備web服務(wù)器- 151 -

二、連接web服務(wù)器- 152 -

三、上傳站點(diǎn)- 154 -

四、訪問遠(yuǎn)程站點(diǎn)- 155 -

項(xiàng)目拓展實(shí)訓(xùn)- 155 -