外行學(xué)網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)從入門(mén)到精通目錄

時(shí)間：2023-02-18 23:18:02 | 來(lái)源：營(yíng)銷(xiāo)百科

時(shí)間：2023-02-18 23:18:02 來(lái)源：營(yíng)銷(xiāo)百科

外行學(xué)網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)從入門(mén)到精通目錄：目　錄

n第1篇　基礎(chǔ)入門(mén)

n第1章　網(wǎng)頁(yè)制作入門(mén)

n光盤(pán)演示路徑：網(wǎng)頁(yè)制作入門(mén)

n1.1　認(rèn)識(shí)網(wǎng)頁(yè)和網(wǎng)站　3

n1.1.1　認(rèn)識(shí)網(wǎng)頁(yè)　3

n1. 網(wǎng)頁(yè)的基本概念　3

n2. 網(wǎng)頁(yè)的分類(lèi)　4

n3. 網(wǎng)頁(yè)制作常用工具　5

n1.1.2　認(rèn)識(shí)網(wǎng)站　6

n1. 什么是網(wǎng)站　6

n2. 網(wǎng)站建設(shè)流程　8

n1.2　網(wǎng)頁(yè)的色彩設(shè)計(jì)　10

n1.2.1　色彩基本知識(shí)　10

n1.2.2　網(wǎng)頁(yè)配色技巧　10

n1.3　HTML語(yǔ)言　11

n1.3.1　HTML簡(jiǎn)介　11

n1.3.2　HTML常用標(biāo)簽　13

n1.3.3　編輯代碼　14

n1. 查看源代碼　14

n2. 使用標(biāo)簽選擇器和標(biāo)簽編輯器　14

n3. 使用代碼提示　15

n第2篇　網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)

n第2章　Dreamweaver CS4輕松入門(mén)

n光盤(pán)演示路徑：創(chuàng)建并美化網(wǎng)頁(yè)Dreamweaver CS4入門(mén)

n2.1　走進(jìn)Dreamweaver CS4　19

n2.1.1　啟動(dòng)Dreamweaver CS4　19

n2.1.2　退出Dreamweaver CS4　20

n2.2　Dreamweaver CS4的工作環(huán)境　20

n2.3　Dreamweaver CS4的新增功能　22

n2.4　站點(diǎn)的創(chuàng)建與管理　23

n2.4.1　創(chuàng)建站點(diǎn)的準(zhǔn)備工作　23

n2.4.2　創(chuàng)建本地站點(diǎn)　24

n2.4.3　管理站點(diǎn)　25

n1. 打開(kāi)站點(diǎn)　25

n2. 編輯站點(diǎn)　26

n3. 刪除站點(diǎn)　26

n2.4.4　管理站點(diǎn)文件　26

n1. 新建文件和文件夾　26

n2. 重命名文件和文件夾　27

n3. 刪除文件和文件夾　27

n2.5　設(shè)置頁(yè)面屬性　28

n2.5.1　設(shè)置外觀　28

n2.5.2　設(shè)置鏈接　29

n2.5.3　設(shè)置標(biāo)題　30

n2.5.4　設(shè)置標(biāo)題/編碼　30

n2.5.5　設(shè)置跟蹤圖像　31

n2.6　Web服務(wù)器的安裝與設(shè)置　31

n2.6.1　安裝Web服務(wù)器　31

n2.6.2　設(shè)置Web服務(wù)器　32

n第3章　創(chuàng)建網(wǎng)頁(yè)

n光盤(pán)演示路徑：創(chuàng)建并美化網(wǎng)頁(yè)創(chuàng)建網(wǎng)頁(yè)

n3.1　創(chuàng)建基本網(wǎng)頁(yè)　36

n3.1.1　插入文本　36

n3.1.2　設(shè)置文本格式　36

n3.1.3　插入日期和時(shí)間　37

n3.1.4　插入水平線　38

n3.1.5　插入特殊字符　39

n3.2　創(chuàng)建圖文并茂的網(wǎng)頁(yè)　39

n3.2.1　網(wǎng)頁(yè)中圖像的常見(jiàn)格式　40

n3.2.2　插入圖像　40

n3.2.3　設(shè)置圖像屬性　41

n3.2.4　插入圖像占位符　42

n3.3　創(chuàng)建多媒體網(wǎng)頁(yè)　43

n3.3.1　插入Flash對(duì)象　43

n1. Flash文件類(lèi)型　43

n2. 插入Flash動(dòng)畫(huà)　43

n3.3.2　插入其他媒體元素　45

n練兵場(chǎng)　46

n——制作網(wǎng)頁(yè)的導(dǎo)航條

n第4章　用CSS樣式美化網(wǎng)頁(yè)

n光盤(pán)演示路徑：創(chuàng)建并美化網(wǎng)頁(yè)美化網(wǎng)頁(yè)

n4.1　初識(shí)CSS　48

n4.2　定義CSS樣式　49

n4.2.1　認(rèn)識(shí)【CSS樣式】面板　49

n4.2.2　創(chuàng)建CSS樣式　49

n1. 創(chuàng)建自定義CSS樣式　49

n2. 重新定義HTML元素　50

n3. 基于選擇的內(nèi)容　51

n4.3　編輯CSS樣式　52

n4.3.1　修改CSS樣式　52

n1. 類(lèi)型　52

n2. 背景　53

n3. 區(qū)塊　53

n4. 方框　54

n5. 邊框　54

n6. 列表　54

n7. 定位　55

n8. 擴(kuò)展　55

n4.3.2　刪除CSS樣式　55

n4.4　CSS樣式表的應(yīng)用　56

n練兵場(chǎng)　58

n——制作光暈字效果

n第5章　使用超鏈接暢游各地

n光盤(pán)演示路徑：超鏈接、網(wǎng)頁(yè)布局、表單和網(wǎng)頁(yè)發(fā)布使用超鏈接

n5.1　超鏈接概述　60

n5.2　創(chuàng)建超鏈接　60

n5.2.1　文本鏈接　60

n5.2.2　圖像鏈接　62

n5.2.3　E-mail鏈接　63

n5.2.4　空鏈接　63

n5.2.5　腳本鏈接　64

n5.2.6　下載鏈接　65

n5.2.7　錨鏈接　66

n5.3　管理鏈接　67

n5.3.1　設(shè)置鏈接管理特性　67

n5.3.2　測(cè)試鏈接　68

n練兵場(chǎng)　68

n——?jiǎng)?chuàng)建圖像熱點(diǎn)鏈接

n第6章　用表格布局網(wǎng)頁(yè)

n光盤(pán)演示路徑：超鏈接、網(wǎng)頁(yè)布局、表單和網(wǎng)頁(yè)發(fā)布用表格布局網(wǎng)頁(yè)

n6.1　創(chuàng)建表格　70

n6.1.1　表格的基本概念　70

n6.1.2　插入表格　70

n6.1.3　添加表格內(nèi)容　71

n6.1.4　插入嵌套表格　71

n6.2　表格的屬性設(shè)置　72

n6.2.1　設(shè)置單元格屬性　72

n6.2.2　設(shè)置表格屬性　72

n6.3　表格的基本操作　73

n6.3.1　選中表格　73

n1. 選中整個(gè)表格　73

n2. 選中表格行　74

n3. 選中表格列　75

n4. 選中單元格　75

n6.3.2　調(diào)整表格行或列　76

n1. 插入表格行或列　76

n2. 刪除表格行或列　76

n6.3.3　單元格的合并與拆分　77

n1. 拆分單元格　77

n2. 合并單元格　77

n6.4　使用表格布局頁(yè)面　77

n練兵場(chǎng)　80

n——制作有層次感的表格

n第7章　用層布局網(wǎng)頁(yè)

n光盤(pán)演示路徑：超鏈接、網(wǎng)頁(yè)布局、表單和網(wǎng)頁(yè)發(fā)布用層布局網(wǎng)頁(yè)

n7.1　創(chuàng)建層　82

n7.1.1　層概述　82

n7.1.2　創(chuàng)建普通層　82

n1. 直接插入層　82

n2. 繪制層　82

n3. 拖動(dòng)層到預(yù)定位置來(lái)創(chuàng)建層　83

n7.1.3　創(chuàng)建嵌套層　83

n7.2　設(shè)置層屬性　84

n7.3　層的基本操作　86

n7.3.1　選中層　86

n7.3.2　調(diào)整層大小和位置　87

n1. 調(diào)整層的大小　87

n2. 調(diào)整層的位置　88

n7.3.3　修改層名稱(chēng)　88

n7.3.4　控制層的可見(jiàn)性　89

n7.4　使用層布局頁(yè)面　89

n練兵場(chǎng)　92

n——制作網(wǎng)頁(yè)廣告

n第8章　創(chuàng)建表單網(wǎng)頁(yè)

n光盤(pán)演示路徑：超鏈接、網(wǎng)頁(yè)布局、表單和網(wǎng)頁(yè)發(fā)布創(chuàng)建表單網(wǎng)頁(yè)

n8.1　創(chuàng)建表單域　94

n8.1.1　初識(shí)表單　94

n8.1.2　表單域　94

n8.2　添加表單對(duì)象　95

n1. 添加文本字段　95

n2. 添加隱藏域　96

n3. 添加文本區(qū)域　96

n4. 添加復(fù)選框　96

n5. 添加單選按鈕　97

n6. 添加單選按鈕組　97

n7. 添加列表/菜單　98

n8. 添加跳轉(zhuǎn)菜單　99

n9. 添加按鈕　100

n10. 添加Spry驗(yàn)證文本域　100

n8.3　表單應(yīng)用實(shí)例　102

n練兵場(chǎng)　104

n——制作公司通訊錄

n第9章　網(wǎng)站的發(fā)布和推廣

n光盤(pán)演示路徑：超鏈接、網(wǎng)頁(yè)布局、表單和網(wǎng)頁(yè)發(fā)布網(wǎng)站的發(fā)布和推廣

n9.1　發(fā)布網(wǎng)頁(yè)　106

n9.2　網(wǎng)站的推廣　107

n第3篇　動(dòng)畫(huà)制作

n第10章　進(jìn)入Flash魔幻世界

n光盤(pán)演示路徑：制作使用Flash動(dòng)畫(huà)Flash CS4入門(mén)

n10.1　Flash CS4的啟動(dòng)與退出　111

n10.1.1　啟動(dòng)Flash CS4　111

n10.1.2　退出Flash CS4　112

n10.2　Flash CS4的工作界面　112

n10.3　Flash CS4的基本操作　113

n10.3.1　新建文檔　113

n10.3.2　保存文檔　114

n10.3.3　打開(kāi)文檔　114

n第11章　繪制矢量圖形

n光盤(pán)演示路徑：制作使用Flash動(dòng)畫(huà)繪制矢量圖形

n11.1　熟悉工具箱　116

n11.2　Flash CS4的新增工具　116

n11.2.1　3D旋轉(zhuǎn)工具組　116

n11.2.2　Deco工具　117

n11.2.3　骨骼工具組　118

n11.2.4　噴涂刷工具　119

n11.3　繪制基本圖形　120

n11.3.1　繪制線條　120

n1. 線條工具　120

n2. 鉛筆工具　120

n3. 鋼筆工具　121

n11.3.2　繪制矩形和橢圓　121

n11.3.3　繪制多邊形和星形　123

n11.3.4　給圖形填充顏色　124

n1. 顏料桶工具　124

n2. 顏色面板　124

n3. 墨水瓶工具與滴管工具　125

n11.3.5　選擇圖形　125

n練兵場(chǎng)　126

n——繪制云彩

n第12章　制作Flash簡(jiǎn)單動(dòng)畫(huà)

n光盤(pán)演示路徑：制作使用Flash動(dòng)畫(huà)制作Flash簡(jiǎn)單動(dòng)畫(huà)

n12.1　時(shí)間軸與幀　128

n12.1.1　時(shí)間軸　128

n12.1.2　幀　128

n1. 幀的類(lèi)型　128

n2. 幀的編輯　129

n12.2　制作簡(jiǎn)單動(dòng)畫(huà)　132

n12.2.1　逐幀動(dòng)畫(huà)　132

n12.2.2　補(bǔ)間動(dòng)畫(huà)　134

n1. 動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)　134

n2. 形狀補(bǔ)間動(dòng)畫(huà)　137

n12.2.3　引導(dǎo)動(dòng)畫(huà)　140

n12.2.4　遮罩動(dòng)畫(huà)　142

n12.3　文本動(dòng)畫(huà)　146

n練兵場(chǎng)　148

n——制作筆畫(huà)字動(dòng)畫(huà)

n第13章　動(dòng)作腳本的應(yīng)用

n光盤(pán)演示路徑：制作使用Flash動(dòng)畫(huà)動(dòng)作腳本的使用

n13.1　動(dòng)作腳本入門(mén)　150

n1. ActionScript基礎(chǔ)　150

n2. 【動(dòng)作】面板　151

n13.2　數(shù)據(jù)類(lèi)型　152

n13.2.1　Boolean數(shù)據(jù)類(lèi)型　152

n13.2.2　String數(shù)據(jù)類(lèi)型　153

n13.2.3　Number數(shù)據(jù)類(lèi)型和uint數(shù)據(jù)類(lèi)型　154

n13.2.4　int數(shù)據(jù)類(lèi)型　155

n13.3　常量與變量　155

n13.3.1　常量　155

n13.3.2　變量　156

n1. 聲明變量　156

n2. 變量的作用域　156

n13.4　運(yùn)算符　157

n13.4.1　算術(shù)運(yùn)算符　157

n13.4.2　關(guān)系運(yùn)算符　158

n13.4.3　邏輯運(yùn)算符　158

n13.4.4　條件運(yùn)算符　159

n13.5　控制語(yǔ)句　159

n13.5.1　條件控制語(yǔ)句　159

n1. if語(yǔ)句　160

n2. switch語(yǔ)句　162

n13.5.2　循環(huán)控制語(yǔ)句　163

n1. for循環(huán)語(yǔ)句　163

n2. while循環(huán)語(yǔ)句　163

n3. do…while循環(huán)語(yǔ)句　163

n13.6　函數(shù)　164

n13.6.1　定義函數(shù)　164

n13.6.2　無(wú)參數(shù)無(wú)返回值的函數(shù)　164

n13.6.3　無(wú)參數(shù)有返回值的函數(shù)　164

n13.6.4　有參數(shù)無(wú)返回值的函數(shù)　165

n13.6.5　有參數(shù)有返回值的函數(shù)　165

n13.7　類(lèi)與包　165

n13.7.1　第一個(gè)自定義類(lèi)　166

n13.7.2　包　168

n1. 創(chuàng)建包　168

n2. 調(diào)用包　168

n13.7.3　類(lèi)、數(shù)據(jù)成員和成員方法　170

n1. 定義類(lèi)　170

n2. 數(shù)據(jù)成員　170

n3. 成員方法　170

n練兵場(chǎng)　172

n——控制小球運(yùn)動(dòng)

n第14章　動(dòng)畫(huà)的測(cè)試與發(fā)布

n光盤(pán)演示路徑：制作使用Flash動(dòng)畫(huà)動(dòng)畫(huà)的測(cè)試與發(fā)布

n14.1　測(cè)試動(dòng)畫(huà)　174

n14.2　優(yōu)化動(dòng)畫(huà)　176

n14.3　導(dǎo)出動(dòng)畫(huà)　177

n14.3.1　導(dǎo)出圖像　177

n14.3.2　導(dǎo)出動(dòng)畫(huà)　178

n1. 導(dǎo)出GIF動(dòng)畫(huà)　178

n2. 導(dǎo)出SWF影片　179

n14.4　發(fā)布動(dòng)畫(huà)　180

n14.4.1　設(shè)置發(fā)布格式　180

n14.4.2　預(yù)覽發(fā)布效果　180

n14.5　將Flash動(dòng)畫(huà)嵌入到網(wǎng)頁(yè)中　181

n第15章　Flash動(dòng)畫(huà)在網(wǎng)頁(yè)中的應(yīng)用

n光盤(pán)演示路徑：制作使用Flash動(dòng)畫(huà) Flash動(dòng)畫(huà)在網(wǎng)頁(yè)中的應(yīng)用

n15.1　制作按鈕動(dòng)畫(huà)　184

n15.2　制作Flash導(dǎo)航條　187

n15.3　制作網(wǎng)頁(yè)廣告　191

n第4篇　圖像制作

n第16章　初識(shí)Fireworks CS4

n光盤(pán)演示路徑：制作網(wǎng)站圖像Fireworks CS4入門(mén)

n16.1　Fireworks CS4的啟動(dòng)與退出　195

n16.1.1　啟動(dòng)Fireworks CS4　195

n16.1.2　退出Fireworks CS4　196

n16.2　Fireworks CS4的工作界面　196

n16.3　Fireworks CS4的基本操作　199

n16.3.1　新建文檔　199

n16.3.2　保存文檔　199

n16.3.3　打開(kāi)文檔　201

n16.3.4　選擇和縮放　203

n16.3.5　畫(huà)布和圖像　204

n1. 認(rèn)識(shí)畫(huà)布和圖像　204

n2. 畫(huà)布的顯示　205

n3. 修改畫(huà)布的大小和顏色　206

n4. 修改圖像的大小　208

n5. 裁剪圖像　208

n16.3.6　路徑、筆觸和填充　209

n第17章　Photoshop CS4在網(wǎng)頁(yè)中的應(yīng)用

n光盤(pán)演示路徑：制作網(wǎng)站圖像Photoshop CS4在網(wǎng)頁(yè)中的應(yīng)用

n17.1　使用Photoshop設(shè)計(jì)網(wǎng)頁(yè)效果圖　212

n17.1.1　制作網(wǎng)頁(yè)背景和框架　212

n17.1.2　制作導(dǎo)航欄　214

n17.1.3　制作內(nèi)容版面　215

n1. 添加圖片　215

n2. 制作房產(chǎn)公告部分　217

n3. 制作版面的其他部分　219

n17.2　Photoshop CS4與Fireworks CS4的區(qū)別　219

n第18章　使用Fireworks繪制和編輯網(wǎng)頁(yè)圖像

n光盤(pán)演示路徑：制作網(wǎng)站圖像繪制編輯網(wǎng)頁(yè)圖像

n18.1　繪制矢量圖　222

n18.1.1　矢量工具　222

n1. 【直線】工具 　222

n2. 【鋼筆】工具 　222

n3. 基本圖形工具　224

n4. 自定形狀工具　226

n5. 【文本】工具 　226

n6. 矢量對(duì)象編輯工具　227

n7. 【刀子】工具 　227

n18.1.2　實(shí)例——繪制卡通手表　227

n18.2　編輯位圖　232

n18.2.1　位圖工具　232

n1. 【選取框】工具 與【橢圓選取框】工具 　232

n2. 【套索】工具 與【多邊形套索】工具 　233

n3. 【魔術(shù)棒】工具 　234

n4. 【刷子】工具 　234

n5. 【鉛筆】工具 　235

n6. 【橡皮擦】工具 　235

n7. 各種修飾工具　235

n18.2.2　實(shí)例——為靜物更換背景　235

n練兵場(chǎng)　236

n——繪制條形碼

n第19章　使用Fireworks創(chuàng)建網(wǎng)頁(yè)動(dòng)畫(huà)

n光盤(pán)演示路徑：制作網(wǎng)站圖像創(chuàng)建網(wǎng)頁(yè)動(dòng)畫(huà)

n19.1　動(dòng)畫(huà)基礎(chǔ)知識(shí)　238

n19.1.1　GIF動(dòng)畫(huà)　238

n19.1.2　【狀態(tài)】和【層】面板　238

n19.2　動(dòng)畫(huà)實(shí)例——制作動(dòng)態(tài)Banner　238

n練兵場(chǎng)　242

n——制作文字動(dòng)畫(huà)

n第20章　使用Fireworks設(shè)計(jì)網(wǎng)頁(yè)典型元素

n光盤(pán)演示路徑：制作網(wǎng)站圖像設(shè)計(jì)網(wǎng)頁(yè)典型元素

n20.1　使用Fireworks打造特殊邊框效果　244

n20.2　制作個(gè)性信息框　246

n20.3　打造逼真的書(shū)本效果　251

n20.4　制作閃光略過(guò)的動(dòng)畫(huà)效果　255

n20.5　制作精美的播放器效果　259

n1. 制作播放器背景　259

n2. 繪制播放器　261

n第21章　將圖像嵌入到網(wǎng)頁(yè)中

n光盤(pán)演示路徑：制作網(wǎng)站圖像將圖像嵌入到網(wǎng)頁(yè)中

n21.1　使用Fireworks CS4對(duì)圖像切片　266

n21.2　將圖像嵌入網(wǎng)頁(yè)　267

n第5篇　網(wǎng)站建設(shè)實(shí)例

n第22章　ASP-NET簡(jiǎn)介

n光盤(pán)演示路徑：網(wǎng)站建設(shè)實(shí)例ASP-NET簡(jiǎn)介

n22.1　ASP-NET概述　271

n22.1.1　什么是ASP-NET　271

n22.1.2　服務(wù)器控件　272

n1. HTML服務(wù)器控件　272

n2. Web服務(wù)器控件　273

n3. Validation服務(wù)器控件　274

n22.1.3　母版頁(yè)　275

n22.2　C#概述　276

n22.2.1　變量　276

n1. 聲明變量　276

n2. 初始化變量　276

n3. 變量的作用域　276

n4. 常量　277

n22.2.2　數(shù)據(jù)類(lèi)型　277

n1. 簡(jiǎn)單類(lèi)型　277

n2. 枚舉類(lèi)型　279

n3. 結(jié)構(gòu)類(lèi)型　279

n4. 類(lèi)(class)類(lèi)型　279

n5. 對(duì)象(object)類(lèi)型　279

n6. 字符串(string)類(lèi)型　279

n7. 接口類(lèi)型　280

n8. 代表類(lèi)型　280

n9. 數(shù)組　280

n22.2.3　運(yùn)算符　280

n1. 算術(shù)運(yùn)算符　281

n2. 邏輯運(yùn)算符　283

n3. 比較運(yùn)算符　284

n4. 賦值運(yùn)算符　285

n5. 條件運(yùn)算符　285

n6. 運(yùn)算符的優(yōu)先級(jí)　286

n22.2.4　流控制　287

n1. 條件語(yǔ)句　287

n2. 循環(huán)語(yǔ)句　290

n3. 跳轉(zhuǎn)語(yǔ)句　292

n22.2.5　類(lèi)　293

n1. 類(lèi)的數(shù)據(jù)成員　293

n2. 類(lèi)的函數(shù)成員　294

n3. 類(lèi)的只讀字段　294

n22.2.6　連接數(shù)據(jù)庫(kù)　295

n1. ADO-NET的命名空間　295

n2. ADO-NET的共享類(lèi)　296

n3. ADO-NET的特定類(lèi)　296

n4. 使用ADO-NET連接數(shù)據(jù)庫(kù)　297

n22.2.7　C#編程規(guī)則　298

n1. 用于標(biāo)識(shí)符的規(guī)則　298

n2. 用法約定　299

n第23章　綜合性網(wǎng)站實(shí)例

n光盤(pán)演示路徑：網(wǎng)站建設(shè)實(shí)例綜合網(wǎng)站實(shí)例

n23.1　制作網(wǎng)站的前期準(zhǔn)備　306

n23.1.1　網(wǎng)站分析　306

n23.1.2　創(chuàng)建站點(diǎn)　307

n23.1.3　配置Web服務(wù)器　308

n23.2　制作網(wǎng)站首頁(yè)　310

n23.3　制作動(dòng)態(tài)模塊　313

n23.3.1　設(shè)計(jì)分析　313

n23.3.2　創(chuàng)建數(shù)據(jù)庫(kù)　313

n1. 創(chuàng)建空白數(shù)據(jù)庫(kù)　313

n2. 設(shè)計(jì)數(shù)據(jù)庫(kù)表　315

n23.3.3　連接數(shù)據(jù)庫(kù)　317

n23.3.4　制作留言模塊　319

n1. 創(chuàng)建首頁(yè)上的留言模塊　319

n2. 創(chuàng)建顯示留言頁(yè)面　321

n3. 創(chuàng)建查看留言頁(yè)面　324

n4. 創(chuàng)建發(fā)表留言頁(yè)面　326

n5. 創(chuàng)建管理員登錄頁(yè)面　328

n6. 創(chuàng)建管理留言頁(yè)面　330

n7. 創(chuàng)建留言回復(fù)頁(yè)面　332

n8. 創(chuàng)建登錄失敗提示頁(yè)面　335