網(wǎng)站設(shè)計(jì)與制作

第1章  規(guī)劃與建立網(wǎng)站 1                  
 1-1  站點(diǎn)規(guī)劃與設(shè)計(jì) 1                  
 1-1-1  了解網(wǎng)站建設(shè)的工作流程 1                  
 1-1-2  了解站點(diǎn)規(guī)劃 2                  
 1-1-3  了解站點(diǎn)設(shè)計(jì) 3                  
 1-2  創(chuàng)建本地站點(diǎn) 6                  
 1-2-1  建立站點(diǎn) 6                  
 1-2-2  建立站點(diǎn)文件夾結(jié)構(gòu) 7                  
 習(xí)題 9                  
 第2章  繪制草圖 11                  
 2-1  設(shè)計(jì)主頁(yè)布局 11                  
 2-1-1  繪制主頁(yè)的背景圖像 11                  
 2-1-2  繪制主頁(yè)導(dǎo)航條 18                  
 2-1-3  在主頁(yè)上輸入介紹性文本 21                  
 2-1-4  制作一個(gè)有邊框的文本效果 22                  
 2-1-5  導(dǎo)入徽標(biāo)信息 24                  
 2-1-6  繪制版權(quán)信息 25                  
 2-1-7  導(dǎo)出主頁(yè)的背景圖像 26                  
 2-2  設(shè)計(jì)二級(jí)頁(yè)面布局 28                  
 2-2-1  進(jìn)行整體布局 29                  
 2-2-2  繪制有陰影效果的導(dǎo)航條 30                  
 2-2-3  用文本制作一個(gè)導(dǎo)航條 32                  
 2-2-4  導(dǎo)入“名人題詞”頁(yè)面的中間內(nèi)容 32                  
 2-2-5  導(dǎo)出題詞背景圖片和導(dǎo)航條圖片 35                  
 2-3  設(shè)計(jì)表單 36                  
 2-3-1  應(yīng)用“名人題詞”頁(yè)面的整體布局 37                  
 2-3-2  制作表單內(nèi)容 38                  
 2-3-3  繪制頁(yè)面中的線條效果 39                  
 2-3-4  將繪制的線條圖像導(dǎo)出 41                  
 習(xí)題 42                  
 第3章  制作頁(yè)面 43                  
 3-1  利用模板簡(jiǎn)化工作 43                  
 3-1-1  繪制整體頁(yè)面布局 43                  
 3-1-2  保存模板 47                  
 3-1-3  制作網(wǎng)頁(yè)徽標(biāo)和橫幅 48                  
 3-1-4  制作“當(dāng)前位置”導(dǎo)航條 49                  
 3-1-5  制作站點(diǎn)導(dǎo)航條和版權(quán)信息 52                  
 3-1-6  預(yù)覽并進(jìn)一步調(diào)整效果 54                  
 3-1-7  設(shè)置可編輯區(qū)域 56                  
 3-2  制作“浩強(qiáng)其人”頁(yè)面 58                  
 3-2-1  應(yīng)用模板 58                  
 3-2-2  制作頁(yè)面內(nèi)容 59                  
 3-2-3  定義 HTML 樣式 62                  
 3-3  制作“成功之路”頁(yè)面 66                  
 3-3-1  應(yīng)用模板 66                  
 3-3-2  制作頁(yè)面內(nèi)容 67                  
 3-3-3  設(shè)置頁(yè)內(nèi)超鏈接 68                  
 3-4  制作“專家評(píng)論”頁(yè)面 69                  
 3-4-1  制作首頁(yè) 69                  
 3-4-2  制作下一級(jí)頁(yè)面 73                  
 3-5  制作“名人題詞”頁(yè)面 75                  
 3-5-1  應(yīng)用模板 75                  
 3-5-2  制作頁(yè)面布局 76                  
 3-5-3  制作頁(yè)面內(nèi)容 78                  
 3-6  制作主頁(yè) 82                  
 3-6-1  設(shè)置頁(yè)面屬性 82                  
 2-6-2  進(jìn)行頁(yè)面布局 83                  
 3-6-3  添加頁(yè)面內(nèi)容 86                  
 3-6-4  設(shè)置布局表格中的元素屬性 87                  
 3-7  重新調(diào)整頁(yè)面的布局 89                  
 3-7-1  利用表格進(jìn)一步排版 91                  
 3-7-2  為導(dǎo)航欄設(shè)置超鏈接 92                  
 3-8  制作“浩強(qiáng)著作”頁(yè)面 93                  
 3-8-1  設(shè)置框架結(jié)構(gòu) 93                  
 3-8-2  設(shè)置框架的大小并保存所有框架網(wǎng)頁(yè) 95                  
 3-8-3  制作 topframe 頁(yè)面 98                  
 3-8-4  制作 bottomframe 頁(yè)面 102                  
 3-8-5  制作 leftframe 頁(yè)面 103                  
 3-8-6  制作 zhukuangjia 頁(yè)面 104                  
 3-8-7  制作“電子工業(yè)出版社”頁(yè)面 106                  
 3-8-8  鏈接文件并設(shè)置其目標(biāo)框架 107                  
 3-9  制作“讀者反饋”頁(yè)面 109                  
 3-9-1  制作頁(yè)面內(nèi)容 109                  
 3-9-2  添加文本標(biāo)簽 116                  
 3-9-3  使用電子郵件處理表單 118                  
 習(xí)題 119                  
 第4章  站點(diǎn)上傳 121                  
 4-1  定義遠(yuǎn)程站點(diǎn) 121                  
 4-2  將站點(diǎn)上傳到 Internet 上 125                  
 習(xí)題 128                  
 附錄A  Dreamweaver 4.0功能速查 129                  
 A-1  菜單命令 129                  
 A-1-1  文件菜單 129                  
 A-1-2  編輯菜單 130                  
 A-1-3  視圖菜單 132                  
 A-1-4  插入菜單 133                  
 A-1-5  修改菜單 133                  
 A-1-6  文本菜單 134                  
 A-1-7  命令菜單 135                  
 A-1-8  站點(diǎn)菜單 138                  
 A-1-9  窗口菜單 138                  
 A-1-10 幫助菜單 139                  
 A-2  Dreamweaver4.0 工具欄 139                  
 A-3  Dreamweaver4.0 對(duì)象面板 140                  
 A-3-1  常用對(duì)象面板 140                  
 A-3-2  字符對(duì)象面板 141                  
 A-3-3  表單對(duì)象面板 141                  
 A-3-4  框架對(duì)象面板 142                  
 A-3-5  頭部元素對(duì)象面板 142                  
 A-3-6  不可見(jiàn)元素對(duì)象面板 143                  
 A-3-7  特殊對(duì)象面板 143                  
 A-4  Dreamweaver4.0 常用快捷鍵 143                  
 附錄B  Fireworks 4.0功能速查 145                  
 B-1  菜單命令 145                  
 B-1-1  文件菜 145                  
 B-1-2  編輯菜單 146                  
 B-1-3  視圖菜單 146                  
 B-1-4  插入菜單 147                  
 B-1-5  修改菜單 148                  
 B-1-6  文本菜單 149                  
 B-1-7  命令菜單 149                  
 B-1-8  Xtras菜單 150                  
 B-1-9  窗口菜單 150                  
 B-1-10 幫助菜單 151                  
 B-2  Fireworks4.0 工具欄 151                  
 B-2-1  常用工具欄 151                  
 B-2-2  修改工具欄 151                  
 B-3  Fireworks4.0 圖形工具 152                  
 B-4  Fireworks4.0 浮動(dòng)面板 154                  
 B-4-1  筆畫面板 154                  
 B-4-2  填充面板 155                  
 B-4-3  特效面板 155                  
 B-4-4  信息面板 156                  
 B-4-5  優(yōu)化面板 156                  
 B-4-6  對(duì)象面板 157                  
 B-4-7  層面板 158                  
 B-4-8  幀面板 158                  
 B-4-9  歷史面板 158                  
 B-4-10 樣式面板 159                  
 B-4-11 庫(kù)面板 159                  
 B-4-12 “URL”面板 160                  
 B-4-13 查找和替換面板 160                  
 B-5  Fireworks4.0 常用快捷鍵 161