網(wǎng)站設計與制作

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