內容簡介
《跟我一起做網站》是一本只要你跟著步驟就可以做出網站的實例書，本書用一個完整實例從頭到尾貫穿學習，內容涵蓋“認識網站”、“了解網站的起源”、“策劃將要製作的網站”，“跟著步驟策劃網站主題、名稱及相關內容”，“代碼的編寫”、“圖片的修飾”、“CSS+DIV布局”等 ，一步一步完成整個網站的製作後，還有其他風格網站的製作及網頁修改等技巧，另外還介紹了網站的測試完全通過後，網站的上傳、管理及網站的後期最佳化等內容。
編輯推薦
《跟我一起做網站》的重點在於網站整個流程的學習，包括認識、策劃、製作以及管理各個層面，適合所有對設計及開發網站感興趣及涉及網站項目的人員。
包括：
* 網站愛好者
* 想從事網站行業的初學者
* 網站項目經理
* 項目的管理層
* 客戶和產品經理
* 項目小組成員，包括程式設計師和設計師
* 傳授網站項目管理的教師
* 項目管理領域的顧問和專家
圖書目錄
第1篇 認識
第1章 網站起航
1.1 網站的起源
1.2 優秀網站賞析
1.2.1 資訊門戶類網站
1.2.2 企業品牌類網站
1.2.3 交易類網站
1.2.4 社區網站
1.2.5 辦公及政府機構網站
1.2.6 互動遊戲網站
1.2.7 有償資訊類網站
1.2.8 功能性網站
1.2.9 綜合類網站
1.3 為什麼要建網站
1.3.1 走出去
1.3.2 建立人際關係網路
1.3.3 讓商務信息垂手可得
1.3.4 向客戶提供服務
1.3.5 提高大眾興趣
1.3.6 無國界、區域界限的經營
1.3.7 賣東西
1.3.8 提供圖像、聲音和電影檔案
1.3.9 獲得人口高度密集的市場
1.3.10 回答常見問題
1.3.11 與銷售人員保持聯繫
1.3.12 開拓國際市場
1.3.13 創建24小時服務
1.3.14 迅速進行信息更改
1.3.15 收集客戶反饋
1.3.16 對新服務、新產品進行市場定位
1.3.17 獲得媒體效應
1.3.18 進入教育與年輕人市場
1.3.19 進入特殊市場
1.3.20 為地方市場提供服務
1.4 Macromedia Dreamweaver相關知識
1.4.1 Dreamweaver界面組成
1.4.2 Dreamweaver自定義工作區
1.5 Macromedia Fireworks軟體介紹
1.5.1 工具面板
1.5.2 屬性檢查器
1.6 Macromedia Flash軟體介紹
1.7 網站設計中應注意的原則
1.7.1 明確建立網站的目標和用戶需求
1.7.2 總體設計方案主題鮮明
1.7.3 網站的版式設計
1.7.4 色彩在網頁設計中的作用
1.7.5 網頁形式與內容相統
1.7.6 三維空間的構成和虛擬現實
1.7.7 多媒體功能的利用
1.7.8 網站測試和改進
1.7.9 內容更新與溝通
1.7.10 合理運用新技術
第2篇 策劃
第2章 網站策劃與預備
2.1 定位網站主題和名稱
2.1.1 確定網站主題
2.1.2 確定網站名稱
2.2 定位網站CI形象
2.2.1 設計網站的標誌
2.2.2 設計網站的標準色彩
2.2.3 設計網站的標準字型
2.2.4 設計網站的宣傳標語
2.3 確定網站的欄目和版塊
2.4 確定網站的目錄結構和連結結構
2.4.1 網站的目錄
2.4.2 網站的連結結構
2.5 網站的整體風格創意設計
2.5.1 風格是什麼，如何樹立網站風格？
2.5.2 創意是什麼，如何產生創意？
第3章 網站設計預備
3.1 在Firework中確定各個板塊的位置
3.2 Header（頭部）效果製作
3.3 Navigation（導航）效果製作
3.4 Banner（廣告條）效果製作
3.5 Mainbody效果製作
3.6 Sidebar效果製作
3.7 Footer效果製作
第3篇製作
第4章CSS+DIV的認識及布局 84
4.1DIV+CSS基礎認識 86
4.2選擇什麼樣的DOCTYPE 88
4.2.1什麼是DOCTYPE 88
4.2.2選擇什麼樣的DOCTYPE 89
4.3指定語言和字元集 89
4.4指定標題 90
4.5head區的其他設定 90
4.5.1收藏夾小圖示 91
4.5.2為搜尋引擎準備的內容 91
4.6調用樣式表 91
4.6.1外部調用樣式表 91
4.6.2雙表法調用樣式表 92
4.7XHTML代碼規範 92
4.8CSS規範及布局 93
4.8.1基本語法規範 93
4.8.2顏色值 94
4.8.3定義字型 94
4.8.4群選擇器 94
4.8.5派生選擇器 94
4.8.6id選擇器 95
4.8.7類別選擇器 95
4.8.8定義連結的樣式 95
4.8.9定義DIV 95
4.8.10CSS2盒模型 97
4.8.11輔助圖片一律用背景處理 97
4.9用CSS確定布局 98
4.9.1定義body樣式 99
4.9.2主框架代碼結構設定 99
4.9.3常見布局（一） 103
4.9.4常見布局（二） 103
4.9.5常見布局（三） 104
4.10CSS製作的一些技巧 105
4.10.1使用CSS縮寫 105
4.10.2明確定義單位，除非值為0 105
4.10.3區分大小寫 105
4.10.4取消class和id前的
元素限定 105
4.10.5默認值 106
4.10.6不需要重複定義可繼承的值 106
4.10.7最近優先原則 106
4.10.8多重Class定義 106
4.10.9使用子選擇器
（descendantselectors） 106
4.10.10不需要給背景圖片路徑
加引號 107
4.10.11組選擇器
（Groupselectors） 108
4.10.12用正確的順序指定
連結的樣式 108
4.10.13清除浮動 108
4.10.14橫向居中（centering） 108
4.10.15導入（Import）和隱藏CSS 109
4.10.16針對IE的最佳化 109
4.10.17調試技巧：層有多大？ 109
4.10.18CSS代碼書寫樣式 110
4.11自適應高度 110
4.12不用表格的選單 111
4.13可視化設定CSS和DIV 114
4.13.1可顯示操作框設定 116
4.13.2兩列固定寬度 120
4.14校驗及常見錯誤 123
4.15頁面模組常用命名 125
4.16塊元素（Blockelement） 126
4.17內聯元素（inlineelement） 126
第5章網站模板製作 128
5.1創建本地站點 130
5.1.1案例分析 130
5.1.2規劃站點 130
5.1.3創建本地站點 131
5.1.4在“檔案”面板中管理檔案 135
5.2創建模板頁面布局 138
5.2.1創建頁面布局 138
5.2.2調用外部樣式表 140
5.2.3頁面基本信息設定 141
5.3導航條製作 143
5.3.1Fireworks中製作導航
背景圖片 143
5.3.2導航的CSS樣式製作 145
5.3.3最終導航代碼及效果 153
5.4Header區域的其他設定 154
5.4.1Header頭部的HTML
頁面製作 154
5.4.2Header頭部的CSS樣式製作 154
5.4.3最終Header區代碼及效果 156
5.5Banner區設定 157
5.5.1Banner的CSS樣式設定 157
5.5.2顯示頁面代碼及效果 158
5.5.3READMORE的連結樣式 160
5.5.4最終Banner區代碼及效果 160
5.6頁面主體部分 162
5.7側邊欄的製作 163
5.7.1諮詢方式 163
5.7.2終極突破宣言 164
5.7.3網站製作軟體 165
5.7.4其他熱點連結和風格更換 167
5.7.5側邊欄的其他設定 169
5.7.6最終側邊欄代碼及效果 170
5.8製作Footer 173
5.8.1Footer左側設定 174
5.8.2Footer右側設定 175
5.8.3最終Footer代碼及效果 175
5.9插入可編輯區域並保存為
模板檔案 176
5.10模板頁面最終代碼 179
第6章使用模板製作頁面 186
6.1首頁內容製作（index.html） 187
6.1.1製作首頁導航條 188
6.1.2基本信息區塊製作 191
6.1.3WebFollowMe內容簡介
區塊製作 191
6.1.4網站分類區塊製作 193
6.1.5設定標題並預覽首頁
最終效果 196
6.2網站介紹頁面製作（about_
web.html） 197
6.2.1製作網站介紹導航條 198
6.2.2網站介紹內容 199
6.2.3設定標題並預覽最終效果 202
6.3章節設定頁面製作（chapter_
setup.html） 204
6.3.1製作章節設定頁面導航條 204
6.3.2章節設定內容 205
6.3.3設定標題並預覽最終效果 208
6.4網站分類頁面製作（web_
class.html） 209
6.4.1製作網站分類頁面導航條 209
6.4.2網站分類內容 210
6.4.3設定標題並預覽最終效果 213
6.5常見問題頁面製作
（questions.html） 214
6.5.1製作常見問題頁面導航條 214
6.5.2常見問題內容 215
6.5.3設定標題並預覽最終效果 218
6.6顏色板頁面製作
（color_board.html） 219
6.6.1製作顏色板頁面導航條 219
6.6.2顏色板內容 220
6.6.3設定標題並預覽最終效果 220
第7章CSS製作其他風格樣式 222
7.1網站模板頁.html檔案原始碼 223
7.2風格二的製作 228
7.2.1確定風格二樣式 228
7.2.2風格二樣式製作前的
準備工作 228
7.2.3風格二頁面基本信息設定 230
7.2.4導航的CSS樣式製作 231
7.2.5Header頭部的CSS樣式製作 233
7.2.6Banner的CSS樣式設定 234
7.2.7側邊欄的CSS樣式製作 236
7.2.8Footer的CSS樣式製作 239
7.2.9插入可編輯區域並保存為
模板檔案 242
7.2.10最終風格二樣式CSS檔案
代碼及效果 243
7.3風格三的製作 246
7.3.1確定風格三樣式 246
7.3.2風格三樣式製作前的準備工作 247
7.3.3在風格二的基礎上修改為
風格三樣式 251
7.3.4導航連結顏色修改 251
7.3.5調整Logo和導航位置 252
7.3.6修改背景顏色 254
第4篇管理
第8章網站上傳、更新及維護 258
8.1域名選擇與購買 259
8.1.1什麼是域名 259
8.1.2域名購買 260
8.1.3域名分類 261
8.1.4域名解析 262
8.1.5期限狀態 264
8.2空間選擇與購買 264
8.2.1怎樣選擇網站空間 265
8.2.2怎么選擇虛擬主機 266
8.2.3為什麼建立虛擬主機 267
8.2.4建立虛擬主機的優勢 268
8.2.5虛擬主機市場的現狀 268
8.2.6空間購買 269
8.3網站備案 269
8.3.1為什麼需要備案 270
8.3.2網站備案詳細流程 270
8.4網站上傳 274
8.4.1FlashFXP的介紹 274
8.4.2建立FTP連線 275
8.5網站內容更新（網站運營） 280
8.6網站推廣 280
8.6.1網站推廣的主要方法 280
8.6.2幾點網站推廣時間的把握 282
第9章網站SEO最佳化 283
9.1網站SEO最佳化入門 285
9.1.1需要掌握的基本SEO技巧 286
9.1.2幾大搜尋引擎的網站登錄入口 286
9.1.3404頁面該怎么做？ 287
9.1.4做網站該注意的基本要素 288
9.1.5SEO一般的步驟和環節 289
9.1.711個SEO最常見問題解答 291
9.1.8日誌中的HTTP狀態碼 293
9.1.9大型行業網站一定要SEO 294
9.1.10百度沒有收錄我的站點 295
9.1.11二級域名綁定一級目錄 296
9.1.12設定首選域 296
9.2關鍵字最佳化 296
9.2.1長尾關鍵字 296
9.2.2怎么看關鍵字最佳化得好不好 297
9.2.3網頁內容需要注意些什麼 297
9.2.4關鍵字密度多少比較好 298
9.2.5目標關鍵字 298
9.2.6如何進行關鍵字分析？ 298
9.2.7關鍵字怎么確定 299
9.2.8關鍵字放在什麼位置最好 300
9.2.9關鍵字的權重 300
9.3網站導航與連結 301
9.3.1死連結 301
9.3.2錯誤連結 301
9.3.3反向連結 301
9.3.4不帶www的域名 302
9.3.5絕對地址和相對地址 302
9.3.6增加導入連結 303
9.3.7網站導航SEO最佳化 303
9.4URL重寫最佳化 303
9.4.1URL標準化 303
9.4.2動態連結靜態化 304
9.4.3改版時，如何保留原連結，創建新的URL 304
9.4.4替換請求URL中的文字 304
9.4.5將無效的URL重定向到其他頁面 305
9.5SEO技巧 305
9.5.1提高關鍵字排名的28個SEO技巧 305
9.5.2增加反向連結的35個技巧 306
9.6SEO工具 308
9.6.1Google網站管理員工具 308
9.6.2向百度提交網站地圖Sitemap 308
9.6.3Google網站流量統計 309
9.6.4Xenu-死連結檢測工具 309
9.6.5阿里媽媽站長工具 310
9.6.6Google關鍵字工具 311
9.6.7百度指數 311
9.6.8創建文本形式的Sitemap 312
9.6.9XMLSitemap相關問題 312
9.7其他SEO相關問題 313
9.7.1需要在每個網頁標題加網站名稱 313
9.7.2最佳化推廣很多個關鍵字 314
9.7.3網頁的標題標籤太長不好 314
9.7.4Googlebot分類 315
9.7.5如何使用標籤阻止網頁被收錄 315
附錄1推薦技術規範 317
附錄2網頁製作的50個秘訣 320
圖書前言
歡迎閱讀這本將改變你一生的網站製作圖書。
目前有關網頁製作的各種教程書籍已經很多了，可以方便地學習到最新的技術和技巧，但是從準備到製作再到上傳網站完全實例的書還是比較少的，許多人買了很多的書但是通過學習能夠了解部分的內容及製作，但是無法完成整個網站項目的製作，這本書就是完全的網站實例製作書籍。
隨著社會的發展、時代的進步、寬頻的提速，越來越多的人開始上網並且擁有自己的網站，所以目前網站製作已經是非常大眾化的一個行業與非行業並存的狀態，很多人都開始找專門的製作公司製作及維護網站，但是除去費用方面的問題還涉及到溝通與時間問題，有的時候一個小小的改動叫別人去做既耽誤時間又影響感情，所以一定的了解是必須的。
之所以寫這本書有很多原因，首先是對現在網站的發展，個人感覺還是需要有一定的規範，其次是應朋友邀請，再次是網站的發展及需求較大。因此有了本書的誕生，目的在於先入門、了解整個網站的製作及管理，從認識到策劃，再從策劃到製作，最後到網站管理、上傳、運營。先了解一定的技術能夠進入這個行業，然後再在行業里繼續磨鍊。這是一本讓沒有基礎的你可以在短時間裡學習並且製作一個網站，或者你有網站製作基礎但是不懂一定的製作規範流程，或者已經有自己的網站但是苦於無法管理的書。
在寫這本書的過程中，模擬了很多角色的轉換，讓你多元化地了解，如果我在看這本書的時候，我沒有一點基礎，那么，我能夠看了書跟著書一起製作一個網站嗎？答案是肯定的。經過反覆地推敲並確定，在技術點和語言上都採用最通俗易懂的表達方式，並且不會有枯燥的感覺。又例如，我本身就有一定的技術基礎，但是沒有製作過整個網站，對網站製作並管理的整個流程不太熟悉，那么，這本書也適合，學習網站的目的就是製作網站並且實現最終的運營，當然在運營的過程中還有對網站的最佳化管理及內容更新。又例如，現在自己有意運營的網站，苦於管理和最佳化等方面的問題，那么也OK，因為這就是一本全方位網站製作書。
當你翻開本書，你要堅定學習和製作網站的信念，要有信心做自己的網站，創建自己獨特的風格，要有在網路上獨領風騷的堅定和執著。無論做什麼事情，還是學什麼知識都需要你全身心地投入到所做的事情上，如果你僅僅只是翻翻看買回家後就放在書櫃的角落裡，那么，請放下本書，轉身離開，因本書的宗旨就是“跟我一起做網站”。
