零基礎學DREAMWEAVER中文版

第1章  網(wǎng)絡及Dreamweaver基礎知識
1.1  網(wǎng)絡基礎知識    2
1.1.1  什么是網(wǎng)絡    2
1.1.2  什么是因特網(wǎng)域名    2
1.1.3  網(wǎng)絡的作用    2
1.1.4  Dreamweaver能做什么    3
1.2  熟悉Dreamweaver的操作界面    3
1.2.1  插入工具欄    4
1.2.2  工具欄    7
1.2.3  【屬性】面板    7
1.2.4  浮動面板組的基本操作    8
1.3  創(chuàng)建網(wǎng)站制作空間    9
1.4  使用色彩給網(wǎng)站定位      10
1.4.1  紅色的應用      10
1.4.2  橙色的應用    11
1.4.3  黃色的應用    11
1.4.4  綠色的應用    12
1.4.5  藍色的應用    12
1.4.6  其他顏色的應用    12
1.5  小結      13
第2章  學習網(wǎng)頁組成三要素
2.1知識要點    16
2.1.1  設置網(wǎng)頁文檔屬性    16
2.1.2  隨意修改文字屬性    18
2.1.3  在Dreamweaver中添加新字體      20
2.1.4  利用項目列表整理復雜內容    21
2.2  知識點實例點撥    24
2.2.1  有點成就感—制作“音樂專輯簡介頁面”    24
制作思路    24
制作流程    24
范例操作——制作“音樂專輯簡介頁面”    24
2.2.2  更上一層樓—制作“企業(yè)簡介頁面”    26
制作思路    26
制作流程    27
范例操作——制作“企業(yè)簡介頁面”    27
2.3  文本知識回顧    28
2.3.1  自己動手—制作“個人簡介頁面”    28
2.3.2 “個人簡介頁面”操作流程    29
2.4  知識要點    29
2.4.1  圖像的插入與編輯    29
2.4.2  如何將圖像設置為背景      30
2.4.3  制作鼠標響應的翻轉菜單    32
2.4.4  使Flash透明顯示    33
2.5  知識點實例點撥    34
2.5.1  有點成就感—制作“芽芽兒健康快車頁面”    34
制作思路    34
制作流程    35
范例操作——制作“芽芽兒健康快車頁面”    35
2.5.2  更上一層樓——制作“星級賓館頁面”    36
制作思路    36
制作流程    36
范例操作——制作“星級賓館頁面”    37
2.6  知識回顧    40
2.6.1  自己動手—制作“化妝品網(wǎng)站頁面”    40
2.6.2  “化妝品網(wǎng)站頁面”制作流程    41
2.7  超鏈接的應用    41
2.7.1  創(chuàng)建文字超鏈接      41
2.7.2  創(chuàng)建圖像超鏈接    42
2.7.3  其他鏈接    44
第3章  編排網(wǎng)頁內容
3.1  知識要點    46
3.1.1  創(chuàng)建表格及表格的屬性設置    46
3.1.2  設置單元格的屬性    47
3.1.3  在布局模式下繪制表格及設置屬性    48
3.1.4  靈活應用布局單元格    49
3.2  知識點實例點撥    51
3.2.1  有點成就感—制作“昌鵬青瓷廠網(wǎng)站頁面”    51
制作思路    51
制作流程    51
范例操作——制作“昌鵬青瓷廠網(wǎng)站頁面”    52
3.2.2  更上一層樓—制作“七里香飲食服務公司網(wǎng)站頁面”    55
制作思路    55
制作流程    55
范例操作——制作“七里香飲食服務公司網(wǎng)站頁面”    55
3.3  知識回顧    57
3.3.1  自己動手—制作“玩具工藝廠網(wǎng)站頁面”    58
3.3.2  “玩具工藝廠網(wǎng)站頁面”制作流程    58
3.4  知識要點    58
3.4.1  框架頁面的操作    58
3.4.2  創(chuàng)建框架頁面超鏈接    61
3.4.3  理解層的概念    62
3.4.4  創(chuàng)建并應用層    63
3.4.5  層與表格的相互轉換    65
3.5  知識點實例點撥    67
3.5.1  有點成就感—制作“迷你禮品店網(wǎng)站頁面”    67
制作思路    67
制作流程    67
范例操作——制作“迷你禮品店網(wǎng)站頁面”    67
3.5.2   更上一層樓—制作“幸運之星蛋糕坊網(wǎng)站頁面”    73
制作思路    73
制作流程    73
范例操作——制作“幸運之星蛋糕坊網(wǎng)站頁面”    73
3.6  知識回顧    76
3.6.1  自己動手—制作“珠寶公司網(wǎng)站頁面”    76
3.6.2  “珠寶公司網(wǎng)站頁面”制作流程    76
第4章  CSS樣式與網(wǎng)頁特效
4.1  知識要點    78
4.1.1  初識樣式表    78
4.1.2  在哪里創(chuàng)建樣式表    78
4.1.3  修飾文章段落    79
4.1.4  為表格添加邊框線修飾頁面    81
4.1.5  改變鼠標指針的形態(tài)    82
4.1.6  固定背景圖像    83
4.1.7  創(chuàng)建并應用外部樣式    85
4.1.8  在所有圖片上添加邊框    86
4.2  知識點實例點撥    87
4.2.1  有點成就感—制作“簡單的文字頁面”    88
制作思路    88
制作流程    88
范例操作——制作“簡單的文字頁面”    88
4.2.2  更上一層樓—制作“房地產公司網(wǎng)站頁面”    90
制作思路    90
制作流程    90
范例操作——制作“房地產公司網(wǎng)站頁面”    90
4.3  知識回顧    96
4.3.1  自己動手—制作“網(wǎng)站公司頁面”    96
4.3.2  “網(wǎng)站公司頁面”制作流程    96
4.4  知識要點    97
4.4.1  制作嵌套頁面    97
4.4.2  制作文字滾動效果    98
4.4.3  制作網(wǎng)頁上的自動顯示每天日期效果    98
4.4.4  制作鼠標跟隨效果    99
4.4.5  制作頁面前飄動圖像的效果    101
4.4.6  制作彈出式廣告窗口    103
4.4.7  借助第三方軟件制作各種特效    103
4.5  知識點實例點撥    106
4.5.1  有點成就感—制作“賓館網(wǎng)站頁面特效”    106
制作思路    106
制作流程    107
范例操作——制作“賓館網(wǎng)站頁面特效”    107
4.5.2  更上一層樓—制作“仿真食品網(wǎng)站頁面特效”    108
制作思路    108
制作流程    108
范例操作——制作“仿真食品網(wǎng)站頁面特效”    109
4.6  知識回顧    111
4.6.1  自己動手——制作“貿易公司網(wǎng)站頁面中的特效”    111
4.6.2  “貿易公司網(wǎng)站頁面中的特效”制作流程    111
第5章  模板、行為與動態(tài)頁面
5.1  知識要點    114
5.1.1  創(chuàng)建模板    114
5.1.2  管理模板    116
5.2  知識點實例點撥    116
5.2.1  有點成就感—制作“五金電器網(wǎng)站模板”    117
制作思路    117
制作流程    117
范例操作——制作“五金電器網(wǎng)站模板”    117
5.2.2  更上一層樓—制作“海蘭德五金電器有限公司網(wǎng)站頁面”    118
制作思路    118
制作流程    118
范例操作——制作“海蘭德五金電器有限公司網(wǎng)站頁面”    119
5.3  知識回顧    121
5.3.1  自己動手—制作“高保真食品公司網(wǎng)站”    121
5.3.2  “高保真食品公司網(wǎng)站”制作流程    121
5.4  知識點講解與實例操作    122
5.4.1  掌握行為基礎知識    122
5.4.2  Dreamweaver 中提供的動作類型    123
5.4.3  認識事件    123
5.4.4  動態(tài)按鈕的制作    125
5.4.5  彈出窗口頁面的制作    126
5.4.6  下拉菜單的制作    127
5.4.7  為網(wǎng)頁添加背景音樂    128
5.4.8  轉到URL        128
5.4.9  調用JavaScript函數(shù)    128
5.4.10  在網(wǎng)頁上顯示彈出信息    130
5.5  知識要點    131
5.5.1  何為表單    131
5.5.2  表單基礎    131
5.5.3  制作表單頁面    132
5.6  知識點實例點撥    136
5.6.1  有點成就感—制作“會員注冊頁面”    136
制作思路    136
制作流程    137
范例操作——制作“會員注冊頁面”    137
5.6.2  更上一層樓—制作“E-mail反饋表單網(wǎng)頁”    139
制作思路    139
制作流程    139
范例操作——制作“E-mail反饋表單網(wǎng)頁”    140
5.7  知識回顧    141
5.7.1  自己動手—制作“網(wǎng)上報名網(wǎng)頁”    141
5.7.2  “網(wǎng)上報名網(wǎng)頁”制作流程    142
第6章  商業(yè)網(wǎng)站全程制作
6.1  前期準備工作    144
6.1.1  明確網(wǎng)站風格和內容    144
6.1.2  站點的主題定位    145
6.1.3  網(wǎng)站整體結構設計    146
6.1.4  搜集建站所需資料    146
6.2  網(wǎng)站建設    147
6.2.1  創(chuàng)建本地站點    147
6.2.2  制作Flash廣告    147
6.2.3  制作Flash頁面動畫    155
6.2.4  制作頁面布局    156
6.2.5  利用準備好的頁面創(chuàng)建模板    162
6.2.6  應用模板制作內容頁    164
6.3  網(wǎng)上安家    172
6.3.1   上傳頁面    172
6.3.2   網(wǎng)站宣傳    174
6.4  小結    176
第7章  網(wǎng)頁設計精要——切圖與頁面制作
7.1  在Photoshop中切圖    178
7.1.1   切圖前的設置與切片命名    178
7.1.2   網(wǎng)頁上部切圖    179
7.1.3   網(wǎng)頁中部切圖    180
7.1.4   網(wǎng)頁底部切圖以及保存切圖    189
7.2  開始做網(wǎng)頁    190
7.2.1   制作網(wǎng)頁的上面部分    190
7.2.2   制作網(wǎng)頁的中間部分    192
7.2.3   制作網(wǎng)頁的底部    196
7.3  小結    197
附錄  快捷鍵