本書以DreamweaverCS6為工具開發(fā)一個企業(yè)網(wǎng)站為主線,配合多個案例,介紹了網(wǎng)頁制作的基本知識和技能。全書共9章,知識點包括網(wǎng)頁基礎(chǔ)知識、(X)HTML和CSS、圖文混排和超鏈接、表格、DIV+CSS、模板、庫、表單、框架、浮動框架、網(wǎng)頁特效、網(wǎng)站測試、發(fā)布網(wǎng)站推廣。
本書內(nèi)容充實,操作性強(qiáng),可作為高職高專院校各相關(guān)專業(yè)網(wǎng)頁設(shè)計與制作課程的教材,也可以作為網(wǎng)頁制作培訓(xùn)教材和教學(xué)參考書。
本書以一個企業(yè)網(wǎng)站開發(fā)的工作過程為主線,運用了多種技術(shù)實現(xiàn)網(wǎng)站各個部分的功能,其中以Dreamweaver CS6為主要開發(fā)工具,并詳細(xì)介紹了HTML+CSS、DIV+CSS、JavaScript以及jQuery在網(wǎng)站開發(fā)中的運用。
目錄
第1章網(wǎng)頁基礎(chǔ)知識1
本章導(dǎo)讀2
知識目標(biāo)2
技能目標(biāo)2
1.1課堂案例:企業(yè)網(wǎng)站的規(guī)劃和
站點管理2
1.2準(zhǔn)備知識:網(wǎng)頁的基礎(chǔ)知識2
1.2.1網(wǎng)頁元素2
1.2.2網(wǎng)頁的分類4
1.2.3常用的術(shù)語5
1.2.4常用的網(wǎng)頁制作工具軟件5
1.2.5網(wǎng)站的開發(fā)流程7
1.3DreamweaverCS6工具
介紹和基本操作8
1.3.1DreamweaverCS6工具介紹9
1.3.2Dreamweaver對網(wǎng)頁文檔的
基本操作17
1.4案例實施過程:企業(yè)網(wǎng)站的
規(guī)劃和站點的管理20
1.4.1網(wǎng)站的需求分析階段20
1.4.2網(wǎng)站的規(guī)劃21
1.4.3站點管理22
1.5本章小結(jié)23
第2章(X)HTML和CSS25
本章導(dǎo)讀26
知識目標(biāo)26
技能目標(biāo)26
2.1課堂案例:人物介紹網(wǎng)頁的
制作26
2.2準(zhǔn)備知識:HTML語言和
XHTML語言27
2.2.1HTML與XHTML概述27
2.2.2HTML文檔結(jié)構(gòu)27
2.2.3HTML標(biāo)簽和屬性28
2.2.4XHTML與HTML的區(qū)別29
2.2.5常用的HTML標(biāo)簽29
2.2.6DOCTYPE(文檔類型)的含義和
選擇37
2.3案例實施過程:人物介紹
網(wǎng)頁的制作(一)38
2.4準(zhǔn)備知識:CSS樣式表41
2.4.1CSS樣式表簡介41
2.4.2CSS的語法規(guī)則41
2.4.3Dreamweaver的CSS工具42
2.4.4在網(wǎng)頁中引入CSS的方法43
2.4.5CSS選擇器45
2.4.6DreamweaverCS6中的CSS
規(guī)則定義面板51
2.4.7課堂練習(xí):CSS制作水平菜單56
2.5案例實施過程:人物介紹
網(wǎng)頁的制作(二)60
2.6本章小結(jié)62
第3章圖文混排和超鏈接63
本章導(dǎo)讀64
知識目標(biāo)64
技能目標(biāo)64
3.1課堂案例:人物主題
介紹網(wǎng)站64
3.2準(zhǔn)備知識:常用的網(wǎng)頁元素65
3.2.1網(wǎng)頁中的文本65
3.2.2設(shè)置網(wǎng)頁的頁面屬性74
3.2.3課堂練習(xí):水果介紹頁面76
3.2.4插入圖像78
3.3案例實施過程:人物主題
介紹網(wǎng)站(一)84
3.4準(zhǔn)備知識:超鏈接86
3.4.1文本的超鏈接87
3.4.2圖像的超鏈接88
3.4.3錨記89
3.4.4電子郵件的超鏈接90
3.5案例實施過程:人物主題
介紹網(wǎng)站(二)91
3.6擴(kuò)展知識:插入多媒體元素92
3.6.1插入音頻文件92
3.6.2插入FLV格式的視頻文件94
3.6.3插入Flash格式的視頻文件95
3.6.4插入其他格式的多媒體文件97
3.6.5課堂練習(xí):制作電影播放網(wǎng)頁99
3.7本章小結(jié)100
第4章網(wǎng)頁布局方式—表格和
DIV+CSS101
本章導(dǎo)讀102
知識目標(biāo)102
技能目標(biāo)102
4.1課堂案例一:電影介紹網(wǎng)頁102
4.2準(zhǔn)備知識:表格的布局模式103
4.2.1表格103
4.2.2課堂練習(xí):下載圖片的表格107
4.2.3單元格的合并與拆分110
4.2.4課堂練習(xí):推薦模塊制作110
4.2.5增加或刪除行或列112
4.2.6課堂練習(xí):菜單模塊113
4.3案例實施過程:電影介紹
網(wǎng)頁116
4.4課堂案例二:企業(yè)網(wǎng)站
首頁的制作121
4.4.1準(zhǔn)備知識:DIV+CSS布局模式121
4.4.2課堂練習(xí):小說文學(xué)網(wǎng)127
4.5案例實施過程:企業(yè)網(wǎng)站
首頁的制作131
4.6本章小結(jié)138
第5章模板和庫139
本章導(dǎo)讀140
知識目標(biāo)140
技能目標(biāo)140
5.1課堂案例:快速完成企業(yè)
二級網(wǎng)頁的制作140
5.2準(zhǔn)備知識:模板141
5.2.1創(chuàng)建模板和保存141
5.2.2創(chuàng)建可編輯區(qū)域144
5.2.3修改或刪除可編輯區(qū)域146
5.2.4應(yīng)用模板文件新建網(wǎng)頁146
5.3案例實施過程:使用模板
創(chuàng)建網(wǎng)頁149
5.4擴(kuò)展知識153
5.4.1模板的可選區(qū)域和重復(fù)
區(qū)域153
5.4.2脫離模板和應(yīng)用模板156
5.4.3庫文件157
5.4.4課堂練習(xí):環(huán)保主題網(wǎng)站158
5.5本章小結(jié)168
第6章表單169
本章導(dǎo)讀170
知識目標(biāo)170
技能目標(biāo)170
6.1課堂案例:制作用戶留言
網(wǎng)頁和在線調(diào)查問卷頁170
6.2準(zhǔn)備知識:表單171
6.2.1表單標(biāo)簽171
6.2.2表單元素—文本框173
6.2.3表單元素—選擇框174
6.2.4表單元素—菜單列表176
6.2.5表單元素—按鈕177
6.2.6其他表單元素178
6.2.7表單中的Spry元素180
6.3案例實施過程:制作用戶
留言網(wǎng)頁185
6.4案例實施過程:制作在線
調(diào)查問卷頁189
6.5本章小結(jié)191
第7章框架和浮動框架192
本章導(dǎo)讀193
知識目標(biāo)193
技能目標(biāo)193
7.1課堂案例:企業(yè)郵箱
網(wǎng)頁的制作193
7.2準(zhǔn)備知識:框架和框架集193
7.2.1框架和框架集介紹193
7.2.2創(chuàng)建框架194
7.2.3保存框架198
7.2.4刪除框架和增加框架199
7.2.5在框架中使用超鏈接200
7.3案例實施過程:企業(yè)郵箱
網(wǎng)頁的制作200
7.4擴(kuò)展知識:浮動框架210
7.4.1浮動框架210
7.4.2浮動框架案例:企業(yè)網(wǎng)站
產(chǎn)品頁制作211
7.4.3課堂練習(xí)一:玫瑰分類介紹網(wǎng)頁214
7.4.4課堂練習(xí)二:網(wǎng)站后臺管理頁216
7.5本章小結(jié)222
第8章網(wǎng)頁特效223
本章導(dǎo)讀224
知識目標(biāo)224
技能目標(biāo)224
8.1課堂案例:在企業(yè)網(wǎng)站首頁
中添加網(wǎng)頁特效224
8.2準(zhǔn)備知識:JavaScript網(wǎng)頁
特效225
8.2.1JavaScript的常量和變量225
8.2.2JavaScript的函數(shù)225
8.2.3JavaScript的事件226
8.2.4在網(wǎng)頁中嵌入JavaScript
代碼的方法226
8.2.5使用jQuery庫229
8.2.6網(wǎng)頁中的行為231
8.3準(zhǔn)備知識:Dreamweaver
中的行為腳本232
8.3.1課堂練習(xí):交換的日歷頁232
8.3.2課堂練習(xí):網(wǎng)頁中彈出信息框234
8.3.3課堂練習(xí):彈出廣告頁235
8.3.4課堂練習(xí):使用拖動AP元素
制作拼圖游戲236
8.3.5課堂練習(xí):制作電子圖冊240
8.3.6課堂練習(xí):制作跳轉(zhuǎn)網(wǎng)頁243
8.3.7課堂練習(xí):制作關(guān)閉網(wǎng)頁的
按鈕244
8.3.8課堂練習(xí):檢查瀏覽器插件246
8.3.9課堂練習(xí):制作能改變DIV文字
顏色和邊框效果的網(wǎng)頁247
8.3.10課堂練習(xí):制作一個有趣的
發(fā)帖網(wǎng)頁248
8.4準(zhǔn)備知識:Dreamweaver
中的Spry框架251
8.4.1Spry菜單欄251
8.4.2Spry選項卡式面板253
8.4.3課堂練習(xí):新聞卡式面板253
8.4.4Spry折疊式256
8.4.5課堂練習(xí):折疊菜單的制作256
8.4.6Spry可折疊式258
8.4.7Spry工具提示259
8.5案例實施過程:在企業(yè)
網(wǎng)站首頁中添加網(wǎng)頁特效259
8.5.1導(dǎo)航下拉菜單的制作259
8.5.2動感焦點圖的制作262
8.5.3橫向滾動產(chǎn)品推薦的制作263
8.6本章小結(jié)266
第9章網(wǎng)站測試、發(fā)布與推廣267
本章導(dǎo)讀268
知識目標(biāo)268
技能目標(biāo)268
9.1網(wǎng)站測試268
9.1.1瀏覽器的兼容性測試268
9.1.2鏈接測試271
9.1.3全站測試報告272
9.1.4設(shè)置【W(wǎng)3C驗證程序】273
9.1.5網(wǎng)頁的完整性檢查274
9.2網(wǎng)站發(fā)布275
9.2.1注冊域名275
9.2.2申請?zhí)摂M主機(jī)278
9.2.3網(wǎng)站發(fā)布279
9.3網(wǎng)站推廣285
9.4本章小結(jié)287