巧學巧用dreamweaver cs3制作網(wǎng)頁書籍目錄
時間:2023-02-17 14:18:01 | 來源:營銷百科
時間:2023-02-17 14:18:01 來源:營銷百科
巧學巧用dreamweaver cs3制作網(wǎng)頁書籍目錄:目錄:
n第1章網(wǎng)面設(shè)計與配色入門1
n本章著重介紹網(wǎng)頁設(shè)計必備的知識,包括網(wǎng)頁設(shè)計的藝術(shù)原則、網(wǎng)頁色彩搭配等,并介紹了網(wǎng)站建設(shè)和網(wǎng)頁制作的流程,為后面真正動手制作網(wǎng)頁奠定基礎(chǔ)。
n1.1預備知識1
n1.2網(wǎng)頁設(shè)計的藝術(shù)原則3
n1.3實用的網(wǎng)頁布局結(jié)構(gòu)4
n1.4網(wǎng)頁的基本構(gòu)成元素7
n1.5網(wǎng)頁色彩搭配10
n1.5.1網(wǎng)頁色彩搭配原理10
n1.5.2網(wǎng)頁色彩搭配技巧11
n1.5.3網(wǎng)頁色彩選擇標準11
n1.5.4常見的幾種網(wǎng)頁配色方案12
n1.6網(wǎng)頁制作的流程15
n1.6.1確定網(wǎng)頁主要欄目內(nèi)容15
n1.6.2收集資料和素材16
n1.6.3選擇合適的工具16
n1.6.4設(shè)計網(wǎng)頁圖像16
n1.6.5制作網(wǎng)頁17
n1.6.6測試與發(fā)布上傳17
n1.6.7網(wǎng)站維護17
n1.6.8網(wǎng)站的推廣17
n1.7小結(jié)18
n第2章網(wǎng)頁設(shè)計前的準備工作19
n本章主要介紹網(wǎng)頁基本語言html,然后初步接觸dreamweavercs3,并布置工作界面,讓讀者掌握網(wǎng)頁制作的基本知識。
n2.1學會看html代碼19
n2.1.1html文件的基本結(jié)構(gòu)19
n2.1.2html常用標記20
n2.2布置自己的dreamweavercs3工作界面23
n2.3小結(jié)26
n第3章創(chuàng)建和管理站點27
n本章主要介紹創(chuàng)建站點、管理站點內(nèi)的鏈接、測試和優(yōu)化網(wǎng)站、上傳發(fā)布網(wǎng)站等內(nèi)容,進一步讓讀者了解網(wǎng)站。
n3.1知識要點27
n3.2創(chuàng)建'藍色星空'網(wǎng)站站點27
n3.3管理站點內(nèi)的超鏈接29
n3.3.1檢查鏈接29
n3.3.2更新鏈接30
n3.4測試和優(yōu)化網(wǎng)站30
n3.4.1測試網(wǎng)站的瀏覽器兼容性31
n3.4.2html優(yōu)化32
n3.5上傳發(fā)布網(wǎng)站內(nèi)容33
n3.6小結(jié)與練習35
n練習:建立個人站點35
n第4章創(chuàng)建和設(shè)置首頁與二級頁面36
n本章主要介紹頁面屬性的設(shè)置和頁面元素的添加,如文本的添加和使用、圖像的插入、表格的使用等,指導讀者建立首頁與二級頁面。
n4.1知識要點36
n4.1.1文本的輸入與屬性設(shè)置36
n4.1.2插入圖像37
n4.1.3插入表格39
n4.1.4設(shè)置表格屬性40
n4.1.5選擇表格40
n4.1.6合并單元格42
n4.1.7拆分單元格42
n4.2設(shè)置網(wǎng)頁的整體外觀43
n4.2.1實例展示43
n4.2.2實例操作過程43
n4.3制作文字環(huán)繞圖像效果44
n4.3.1實例展示44
n4.3.2實例操作過程45
n4.4制作滾動的圖片效果46
n4.4.1實例展示46
n4.4.2實例操作過程47
n4.5在網(wǎng)頁中編輯圖像49
n4.5.1實例展示50
n4.5.2實例操作過程50
n4.6制作細線表格52
n4.6.1實例展示53
n4.6.2實例操作過程53
n4.7制作圓角表格55
n4.7.1實例展示55
n4.7.2實例操作過程55
n4.8制作陰影表格58
n4.8.1實例展示58
n4.8.2實例操作過程59
n4.9制作虛線表格60
n4.9.1實例展示61
n4.9.2實例操作過程61
n4.10小結(jié)與練習63
n練習:制作虛線表格63
n第5章利用超鏈接建立聯(lián)系65
n本章主要介紹網(wǎng)站內(nèi)各類超級鏈接的建立方法,包括電子郵件鏈接、文件下載鏈接、跳轉(zhuǎn)菜單鏈接、錨點鏈接、圖像熱點鏈接,讓讀者輕松實現(xiàn)頁面內(nèi)部、頁面之間的聯(lián)系。
n5.1知識要點65
n5.2創(chuàng)建電子郵件鏈接66
n5.2.1實例展示66
n5.2.2實例操作過程67
n5.3創(chuàng)建文件下載鏈接68
n5.3.1實例展示68
n5.3.2實例操作過程68
n5.4創(chuàng)建跳轉(zhuǎn)菜單鏈接69
n5.4.1實例展示69
n5.4.2實例操作過程70
n5.5創(chuàng)建錨記鏈接71
n5.5.1實例展示71
n5.5.2實例操作過程71
n5.6創(chuàng)建圖像熱點鏈接73
n5.6.1實例展示73
n5.6.2實例操作過程74
n5.7創(chuàng)建鏈接文字激活時變色效果75
n5.7.1實例展示75
n5.7.2實例操作過程76
n5.8小結(jié)與練習77
n練習:添加錨記鏈接77
n第6章利用表格布局網(wǎng)頁78
n本章主要介紹利用表格布局頁面的方法,進一步熟悉表格的用法,并且深入介紹常見的'廠'字型、封面型、'國'字型等布局模式。
n6.1知識要點78
n6.2布局'廠'字型企業(yè)網(wǎng)站頁面78
n6.2.1實例展示79
n6.2.2實例操作過程79
n6.3布局封面型個人網(wǎng)頁86
n6.3.1實例展示86
n6.3.2實例操作過程86
n6.4布局'國'字型網(wǎng)站頁面89
n6.4.1實例展示89
n6.4.2實例操作過程90
n6.5小結(jié)與練習97
n練習:布局封面型網(wǎng)頁97
n第7章利用框架和框架集布局頁面99
n本章主要介紹用框架和框架集布局頁面的方法,這也是常見的布局方法之一。
n7.1知識要點99
n7.1.1創(chuàng)建框架99
n7.1.2保存框架100
n7.1.3選擇框架和框架集101
n7.1.4設(shè)置框架屬性102
n7.1.5設(shè)置框架集屬性103
n7.1.6在框架中創(chuàng)建鏈接103
n7.2使用框架布局動漫論壇網(wǎng)頁104
n7.2.1實例展示104
n7.2.2實例操作過程104
n7.3使用iframe制作時尚購物網(wǎng)頁111
n7.3.1實例展示111
n7.3.2實例操作過程112
n7.4小結(jié)與練習113
n練習:制作上下框架的頁面114
n第8章利用cssdiv進行標準化布局115
n本章主要介紹最流行的也是符合web標準的cssdiv布局頁面的方法,包括常見的1列、2列和3列固定寬度布局的方法。
n8.1知識要點115
n8.1.1css布局的優(yōu)勢115
n8.1.2創(chuàng)建css模板116
n8.2利用1列固定布局制作'教育星空'網(wǎng)頁117
n8.2.1實例展示117
n8.2.2實例操作過程117
n8.3利用2列固定布局制作'綠森林'網(wǎng)頁126
n8.3.1實例展示126
n8.3.2實例操作過程127
n8.4利用3列固定布局制作'教育一網(wǎng)通'網(wǎng)頁133
n8.4.1實例展示133
n8.4.2實例操作過程133
n8.5小結(jié)與練習147
n練習:制作2列固定布局個人網(wǎng)站頁面147
n第9章利用模板和庫提高效率149
n本章主要介紹利用dreamweaver提供的模板和庫來減少網(wǎng)頁制作時的重復勞動、提高工作效率的方法。
n9.1知識要點149
n9.1.1創(chuàng)建模板149
n9.1.2將現(xiàn)有文件另存為模板150
n9.1.3創(chuàng)建可編輯區(qū)域150
n9.1.4創(chuàng)建模板網(wǎng)頁151
n9.1.5更新模板151
n9.1.6創(chuàng)建庫項目152
n9.2創(chuàng)建'人長久'網(wǎng)站頁面模板153
n9.2.1實例展示153
n9.2.2實例操作過程154
n9.3利用模板創(chuàng)建'人長久'網(wǎng)站頁面160
n9.3.1實例展示160
n9.3.2實例操作過程160
n9.4更新'人長久'網(wǎng)站頁面163
n9.4.1實例展示163
n9.4.2實例操作過程163
n9.5創(chuàng)建'人長久'頁面庫項目165
n9.5.1實例展示165
n9.5.2實例操作過程165
n9.6小結(jié)與練習168
n練習:制作模板網(wǎng)頁文檔168
n第10章設(shè)計制作導航欄與菜單169
n本章主要介紹網(wǎng)頁導航欄和菜單的制作,包括翻轉(zhuǎn)圖像導航、橫向?qū)Ш?、css制作的導航、spry制作的下拉菜單、背景變換的導航菜單等。
n10.1知識要點169
n10.1.1翻轉(zhuǎn)圖像導航169
n10.1.2spry170
n10.2制作翻轉(zhuǎn)圖像導航172
n10.2.1實例展示172
n10.2.2實例操作過程173
n10.3設(shè)置導航欄圖像175
n10.3.1實例展示175
n10.3.2實例操作過程176
n10.4使用spry制作網(wǎng)頁下拉菜單178
n10.4.1實例展示178
n10.4.2實例操作過程179
n10.5利用css制作導航181
n10.5.1實例展示181
n10.5.2實例操作過程182
n10.6制作背景變換的導航菜單184
n10.6.1實例展示184
n10.6.2實例操作過程184
n10.7小結(jié)與練習186
n練習:制作鼠標經(jīng)過圖像效果186
n第11章利用css美化網(wǎng)頁188
n本章主要介紹利用css對網(wǎng)頁的文字、顏色、圖像、背景和其他圖文效果實現(xiàn)精確控制和美化的方法。
n11.1知識要點188
n11.1.1基本語法188
n11.1.2設(shè)置css樣式189
n11.1.3添加css的方法193
n11.2使用css美化段落195
n11.2.1實例展示195
n11.2.2實例操作過程195
n11.3使用css創(chuàng)建光暈文字197
n11.3.1實例展示197
n11.3.2實例操作過程197
n11.4使用css改變圖片由模糊到清楚200
n11.4.1實例展示200
n11.4.2實例操作過程200
n11.5使用css改變按鈕的背景顏色和文字顏色201
n11.5.1實例展示201
n11.5.2實例操作過程202
n11.6小結(jié)與練習203
n練習:美化頁面文字內(nèi)容203
n第12章導入外部文件充實頁面205
n本章主要介紹向網(wǎng)頁中添加外部文件豐富和充實頁面效果的方法,包括加入背景音樂、視頻、flash動畫、javaapplet程序等。
n12.1知識要點205
n12.1.1代碼提示205
n12.1.2插入flash動畫206
n12.2制作背景音樂網(wǎng)頁208
n12.2.1實例展示208
n12.2.2實例操作過程209
n12.3制作視頻網(wǎng)頁211
n12.3.1實例展示211
n12.3.2實例操作過程211
n12.4制作水中倒影網(wǎng)頁212
n12.4.1實例展示213
n12.4.2實例操作過程213
n12.5制作flash動畫網(wǎng)頁214
n12.5.1實例展示214
n12.5.2實例操作過程215
n12.6小結(jié)與練習217
n練習:插入flash按鈕和文本218
n第13章使用行為和腳本制作特效網(wǎng)頁219
n本章主要介紹使用行為和腳本為網(wǎng)頁制作特效的方法,包括彈出提示信息、實現(xiàn)頁面跳轉(zhuǎn)、顯示狀態(tài)欄文本、自動關(guān)閉網(wǎng)頁、顯示/漸隱效果、打開瀏覽器新窗口和鼠標跟隨等。
n13.1知識要點219
n13.1.1常見動作類型219
n13.1.2常見事件220
n13.2創(chuàng)建彈出提示信息網(wǎng)頁221
n13.2.1實例展示221
n13.2.2實例操作過程222
n13.3使用轉(zhuǎn)到url行為創(chuàng)建跳轉(zhuǎn)頁面網(wǎng)頁223
n13.3.1實例展示223
n13.3.2實例操作過程223
n13.4在瀏覽器狀態(tài)欄顯示文本225
n13.4.1實例展示225
n13.4.2實例操作過程225
n13.5調(diào)用javascript創(chuàng)建自動關(guān)閉網(wǎng)頁226
n13.5.1實例展示226
n13.5.2實例操作過程227
n13.6使用【顯示/漸隱】效果228
n13.6.1實例展示228
n13.6.2實例操作過程228
n13.7創(chuàng)建打開瀏覽器窗口網(wǎng)頁229
n13.7.1實例展示229
n13.7.2實例操作過程230
n13.8創(chuàng)建鼠標跟隨效果網(wǎng)頁231
n13.8.1實例展示231
n13.8.2實例操作過程232
n13.9小結(jié)與練習235
n練習:制作帶背景音樂的頁面235
n第14章設(shè)計實現(xiàn)網(wǎng)頁交互功能237
n本章主要介紹添加服務器行為來實現(xiàn)網(wǎng)頁交互功能的方法,包括常用的留言系統(tǒng)、會員注冊登錄系統(tǒng)、調(diào)查系統(tǒng)等的制作。
n14.1知識要點237
n14.1.1動態(tài)網(wǎng)頁的特點237
n14.1.2添加服務器行為237
n14.2制作留言系統(tǒng)245
n14.2.1實例展示245
n14.2.2實例操作過程247
n14.3制作會員注冊登錄系統(tǒng)264
n14.3.1實例展示264
n14.3.2實例操作過程265
n14.4制作調(diào)查系統(tǒng)280
n14.4.1實例展示280
n14.4.2實例操作過程281
n14.5小結(jié)與練習301
n練習:制作在線留言系統(tǒng)301
n第15章綜合實例303
n15.1網(wǎng)站設(shè)計概述303
n15.2網(wǎng)站主要功能欄目303
n15.3網(wǎng)站色彩搭配和風格創(chuàng)意304
n15.4設(shè)計網(wǎng)站首頁305
n15.4.1制作網(wǎng)站首頁305
n15.4.2切割網(wǎng)站首頁313
n15.5制作網(wǎng)站二級頁面315
n15.5.1創(chuàng)建模板315
n15.5.2創(chuàng)建企業(yè)簡介頁面322
n15.6制作網(wǎng)站新聞發(fā)布管理系統(tǒng)324
n15.6.1設(shè)置iis326
n15.6.2創(chuàng)建數(shù)據(jù)庫表和數(shù)據(jù)庫連接327
n15.6.3新聞列表管理頁面328
n15.6.4后臺登錄頁面334
n15.6.5添加新聞頁面338
n15.6.6刪除新聞頁面342
n15.6.7修改新聞頁面345
n15.6.8新聞列表頁面347
n15.6.9新聞詳細頁面353
n15.7小結(jié)與練習355
n練習:制作企業(yè)網(wǎng)站355