網(wǎng)站設(shè)計(jì)與制作

單元1 網(wǎng)站設(shè)計(jì)與制作概述 1
任務(wù)1 網(wǎng)站賞析 1
任務(wù)描述 1
1．什么是網(wǎng)頁(yè)、網(wǎng)站 1
2．網(wǎng)站主題的分類 1
3．優(yōu)秀網(wǎng)站需要具備的各項(xiàng)要素 4
任務(wù)實(shí)施 5
習(xí)題 9
任務(wù)2 制作第一個(gè)網(wǎng)頁(yè)“我的主頁(yè)” 9
任務(wù)描述 9
1．網(wǎng)頁(yè)的分類（按內(nèi)容進(jìn)行劃分） 9
2．網(wǎng)頁(yè)及網(wǎng)站的分類（按制作技術(shù)
進(jìn)行劃分） 10
3．網(wǎng)站設(shè)計(jì)常用工具軟件 11
4．網(wǎng)站制作整體流程 11
5．Dreamweaver CS6工作環(huán)境 12
6．本地物理站點(diǎn)的建立 13
7．本地邏輯站點(diǎn)的創(chuàng)建 13
8．本地邏輯站點(diǎn)的編輯修改 14
任務(wù)實(shí)施 15
習(xí)題 17
任務(wù)3 將“我的主頁(yè)”發(fā)布到互聯(lián)網(wǎng) 18
任務(wù)描述 18
1．互聯(lián)網(wǎng)(internet)、因特網(wǎng)(Internet)、
萬(wàn)維網(wǎng)(WWW) 18
2．HTTP協(xié)議、FTP協(xié)議 18
3．IP地址 18
4．域名、虛擬主機(jī)、域名空間 19
5．URL 19
任務(wù)實(shí)施 19
習(xí)題 24
單元2 Web標(biāo)準(zhǔn)及XHTML語(yǔ)言 26
任務(wù)1 XHTML文檔結(jié)構(gòu)設(shè)置 26
任務(wù)描述 26
1．W3C組織、Web標(biāo)準(zhǔn) 26
2．HTML、XML、XHTML語(yǔ)言介紹 27
3．XHTML的文檔類型定義 27
4．XHTML文檔的基本組成 28
5．XHTML文檔中，標(biāo)簽的類型及其
書(shū)寫(xiě)規(guī)范 28
6．XHTML文檔中，標(biāo)簽的屬性、
屬性值及其書(shū)寫(xiě)規(guī)范 28
7．XHTML文檔中，標(biāo)簽的嵌套及其
書(shū)寫(xiě)規(guī)范 29
8．XHTML文檔中，字符的大小寫(xiě)規(guī)范 29
9．XHTML文檔中的結(jié)構(gòu)型標(biāo)簽 29
10．XHTML文檔中標(biāo)簽的
常用屬性及其屬性值描述 29
任務(wù)實(shí)施 30
習(xí)題 32
任務(wù)2 XHTML文檔基礎(chǔ)排版 33
任務(wù)描述 33
1．XHTML文檔的
標(biāo)簽 33
2．XHTML文檔的
標(biāo)簽 33
3．XHTML文檔的標(biāo)簽 34
4．XHTML文檔的
標(biāo)簽 35
5．XHTML文檔的標(biāo)簽 35
6．XHTML文檔的“字符樣式”標(biāo)簽 36
7．XHTML文檔的“特殊符號(hào)”標(biāo)簽 36
任務(wù)實(shí)施 37
習(xí)題 41
任務(wù)3 XHTML文檔圖文混排 42
任務(wù)描述 42
1．XHTML文檔的 標(biāo)簽 43
2．XHTML文檔的標(biāo)簽 44
3．XHTML文檔的 標(biāo)簽 46
任務(wù)實(shí)施 47
習(xí)題 51
單元3 網(wǎng)頁(yè)元素的添加與美化 53
任務(wù)1 在網(wǎng)頁(yè)中添加基本元素 53
任務(wù)描述 53
1．設(shè)置網(wǎng)頁(yè)標(biāo)題 53
2．添加文本 53
3．輸入多個(gè)連續(xù)的空格 54
4．插入水平線 54
5．插入特殊符號(hào) 54
6．插入自動(dòng)更新日期 54
7．插入圖像 55
8．插入圖像占位符 55
9．插入鼠標(biāo)經(jīng)過(guò)圖像 55
10．插入SWF動(dòng)畫(huà) 56
11．插入FLV視頻 58
12．插入MP4視頻 58
13．插入MP3背景音樂(lè) 59
14．設(shè)置項(xiàng)目列表 60
15．創(chuàng)建超鏈接 61
16．創(chuàng)建及編輯表格 63
任務(wù)實(shí)施 66
習(xí)題 72
任務(wù)2 使用CSS美化網(wǎng)頁(yè)元素 72
任務(wù)描述 72
1．CSS概述 72
2．CSS語(yǔ)法規(guī)則 72
3．在DW中創(chuàng)建CSS樣式 73
4．CSS選擇器類型 74
5．CSS樣式表類型 76
6．CSS規(guī)則定義分類 78
任務(wù)實(shí)施 82
習(xí)題 89
單元4 使用DIV+CSS布局網(wǎng)頁(yè) 90
任務(wù)1 使用DIV+CSS布局網(wǎng)頁(yè) 90
任務(wù)描述 90
1．認(rèn)識(shí)DIV+CSS布局方式 90
2．使用DIV+CSS布局網(wǎng)頁(yè)的優(yōu)勢(shì) 90
3．使用DIV+CSS布局網(wǎng)頁(yè)的流程 90
4．W3C盒子模型概述 93
任務(wù)實(shí)施 94
習(xí)題 101
任務(wù)2 使用項(xiàng)目列表制作網(wǎng)站導(dǎo)航 102
任務(wù)描述 102
1．項(xiàng)目列表制作網(wǎng)站導(dǎo)航的優(yōu)勢(shì) 102
2．項(xiàng)目列表制作網(wǎng)站導(dǎo)航的流程 102
任務(wù)實(shí)施 102
習(xí)題 107
任務(wù)3 使用Spry構(gòu)件制作動(dòng)態(tài)
面板效果 108
任務(wù)描述 108
1．認(rèn)識(shí)Spry構(gòu)件 108
2．Spry構(gòu)件的插入 108
3．Spry構(gòu)件的保存 108
4．Spry構(gòu)件的編輯及修改 109
5．常用Spry構(gòu)件簡(jiǎn)介 110
任務(wù)實(shí)施 111
習(xí)題 121
單元5 網(wǎng)站策劃與整站制作 122
任務(wù)1 網(wǎng)站策劃 122
任務(wù)描述 122
1．網(wǎng)站開(kāi)發(fā)流程 122
2．網(wǎng)站策劃內(nèi)容 122
任務(wù)實(shí)施 123
習(xí)題 126
任務(wù)2 站點(diǎn)架設(shè) 126
任務(wù)描述 126
站點(diǎn)架設(shè)的基本流程 126
任務(wù)實(shí)施 127
習(xí)題 128
任務(wù)3 網(wǎng)站首頁(yè)的布局規(guī)劃與設(shè)計(jì)制作 128
任務(wù)描述 128
1．網(wǎng)頁(yè)的布局規(guī)劃設(shè)計(jì) 128
2．網(wǎng)站的配色方案設(shè)計(jì) 129
3．網(wǎng)站中圖片的處理 130
4．網(wǎng)站中動(dòng)畫(huà)的制作 130
5．網(wǎng)站頁(yè)面的技術(shù)實(shí)現(xiàn) 130
任務(wù)實(shí)施 131
習(xí)題 157
任務(wù)4 使用模板批量制作及修改子頁(yè)面 157
任務(wù)描述 157
1．模板概述 157
2．模板的創(chuàng)建及保存 158
3．使用模板生成網(wǎng)站子頁(yè) 158
4．可編輯區(qū)域的插入及使用 159
5．可選區(qū)域的插入及使用 160
6．重復(fù)區(qū)域的插入及使用 161
7．可編輯的可選區(qū)域的插入及使用 162
8．子頁(yè)面與模板的分離 164
任務(wù)實(shí)施 164
習(xí)題 187