自己製作網頁的步驟及如何優化網頁設計流程
自己製作網頁的7個步驟 怎樣自己製作網頁？需要在互聯網了解一點的做法，一旦你掌握了它，這是一個很大的樂趣。第一步是決定你想要您的網頁上發布。也許你想發布，你已經寫了一個原始的故事，分享您已經閱讀評論的書籍，或創建一個電子雜誌，你的業餘愛好之一。無論您希望把什麼放到您的網頁上，這一步一步的指南會指示如何做到這一點。
怎樣自己製作網頁步驟1:創建一個文本文檔
首先,您需要創建一個文本文檔包含單詞,你想要出現在您的Web頁面。只要你給你的文檔名稱結尾，大多數文字處理程序將會工作的很好。首先一個標題和一個引人注目的問候或介紹,所以人們會立即告訴您的頁面是什麼,會想要讀更多。思考邏輯的地方插入你的文本。沒有人想要向下滾動一個長,不間斷的文本塊。你的頁面將會更可讀的如果你把在頻繁的換行符和水平規則。想想,你可能想要插入圖片,如果你讓他們在電子文件。大量的網頁開始與一個引人注目的圖像頂端,旁邊的標題。
怎樣自己製作網頁步驟2:學習基本的HTML標記
現在您需要插入一些格式化標記你的文檔,會告訴一個互聯網瀏覽器如何安排你的文字和圖片在屏幕上。這些標籤組成一個語言稱為超文本標記語言,或者HTML。一個基本結構HTML文檔像這樣:
< HTML >
<頭>
<標題>的標題頁< /標題>
< /頭>
<身體>
文本的頁……
< /身體>
< / html >
注意(1)每個格式標記之間出現“小於”(<)和“大於”(>)符號,以及(2)標籤通常成對出現,第二個標記用“削減”(/)。
下面列出的一些基本的格式化HTML標記:
< h1 >…< / h1 >
頭,一級。小標題都帶有< h2 >…< / h2 >、< h3 >…< / h3 >等。
< b >…< / b >
粗體文本
< i >…< / i >
斜體文本
<center>…< /center>
居中文本
< p >
段落返回(插入額外的線之間的空間段)
注意:任何段落的回報,你在你的文檔插入通過簡單地擊打鍵盤上的回車鍵將會忽略一個Web瀏覽器。你必須使用標記< p >創建一個段落打破在屏幕上。
< br >
換行符(沒有額外的空間)
< hr >
水平線(一線運行整個頁面,從左到右分開一段未來)
< ol >…< / ol >
命令,或編號,列表。每個列表項始於標記<李>和瀑布介於< ol >…< / ol >標籤。
< ul >…< / ul >
無序,或者無序列表,列表。再一次,每個列表項始於標記<李>。
< a href = “文件名html “ >…< / >
一個表示另一個文件在同一個文件夾中
網站結構優化方案
1、優化網站結構目的
1）用戶體驗
用戶訪問一個網站必須能夠不假思索地自如點擊鏈接，找到自己想要的信息。這有賴於良好的導航系統，適時出現的內部鏈接，準確的錨文本。
2）收錄
網站頁面的收錄在很大程度上依靠良好的網站結構。一個清晰的樹形網站結構有利於搜索引擎蜘蛛順利爬行。
3）權重分配
除了外部鏈接能給內部頁面帶來權重外，網站本身的結構及鏈接關係是內部頁面權重分配的重要因素。哪些頁面具備比較高的排名能力，取決於頁面得到的權重。
4）錨文本
錨文本是排名算法很重要的一部分。網站內部鏈接錨文本是站長自己能控制的，所以是最主要的增加關鍵詞相關性的方法之一。
2、搜索引擎友好的網站設計
1）搜索引擎蜘蛛能不能找到頁面
A、要讓搜索引擎發現網站首頁，就必須要有外部鏈接連到首頁，找到首頁後，蜘蛛沿著內部鏈接找到更深的內容頁，所以要求網站要有良好的結構，符合邏輯，並且所有頁面可以通過可爬行的普通HTML鏈接達到。
B、JavaScript鏈接、Flash中的鏈接等搜索引擎蜘蛛一般不能跟踪爬行，就會造成收錄問題。
2）找到網頁後能不能抓取頁面內容
被發現的URL必須是可以被抓取的。數據庫動態生成、帶有過多參數的URL、Session ID（一個終端用戶與交互系統進行通信的時間間隔ID）、整個頁面是Flash、框架結構、可疑的轉向、大量複製內容等都可能使搜索引擎敬而遠之。
3）抓取內容後怎樣提煉有用信息
A、關鍵詞在頁面重要位置的合理分佈、重要標籤的撰寫、HTML代碼精簡、起碼的兼容性等可以幫助搜索引擎理解頁面內容，提取有用信息。
B、只有搜索引擎能順利找到所有頁面，抓取這些頁面並提取出其中有相關性的內容，網站才可以被視為是搜索引擎友好的。
3、避免蜘蛛陷阱
有一些網站設計技術對搜索引擎來說很不友好，不利於蜘蛛爬行和抓取，這些技術被稱為蜘蛛陷阱。常見的如下這些。 Flash
Session ID 各種跳轉 框架結構 動態URL JavaScript鏈接 要求登錄
強制使用Cookies
4、物理及連接結構
物理結構
網站物理結構指的是網站真實的目錄及文件所在的位置所決定的結構。 一般來說比較合理的物理結構有兩種。一種是扁平式的，也就是所有網頁文件都存在網站根目錄下：http://www.pugshop.cn/index.html
http://www.pugshop.cn/pageA.html
第二種是樹形結構，或稱為金字塔結構。根目錄之下以目錄形式分成多個產品分類（或稱頻道、類別、目錄、欄目等），然後在每一個分類下再放上屬於這個分類的具體產品（或稱為文章、帖子等）頁面。 比如連衣裙分類為
http://www.pugshop.cn/lianyiqun/ 分類下再放入具體的產品頁面
http://www.pugshop.cn/lianyiqun/product-a.html 2)鏈接結構
網站結構的第二個意義指的是鏈接結構，或稱為邏輯結構，也就是由網站內部鏈接形成的鏈接的網絡圖。對於搜索引擎來說更重要的是連接結構，而不是物理結構。 比較合理的鏈接結構是樹形結構： 首頁鏈接向所有分類頁面
首頁一般不直接鏈接向產品頁，除了幾個需要特殊推廣的產品 所有分類首頁連向其他分類首頁 分類首頁都鏈接回網站首頁
分類首頁鏈接向本分類下的產品頁
分類首頁一般不鏈接向其他分類的產品頁
產品頁都鏈接向首頁，一般以網站導航形式體現
產品頁鏈接向所有分類首頁，一般以網站導航形式體現 產品頁可以鏈接向同一個分類的其他產品頁 產品頁一般不鏈接向其他分類的產品頁
在某些情況下，產品頁可以用適當的關鍵詞鏈接向其他分類的產品頁
5、清晰導航
清晰的導航系統是網站設計的重要目標，對網站信息架構、用戶體驗影響重大。 1）站在用戶角度，網站導航系統需要解決兩個問題。
A、我現在在哪裡？用戶可能從任何一個內頁進入網站，有時候從首頁進入，點擊多個連接後，用戶也已經忘了是怎麼來到當前頁面的。導航系統這時就要清楚地告訴用戶現在處在網站總體結構的哪一個部分。
B、下一步要去哪裡？有時候用戶知道自己想做什麼，頁面的導航設計要告訴用戶點擊哪裡才能完成他的目標。
2）站在SEO的角度，網站導航系統應該注意一下幾點。 A、導航文字
盡量使用最普通的HTML文字導航，不要使用圖片作為導航鏈接，更不要使用JavaScript生成導航系統，也不要用Flash做導航。 CSS可以設計出很好的視覺效果。最普通的文字鏈接對搜索引擎來說是阻力最小的爬行抓取通道。 B、點擊距離及扁平化
良好導航的目標之一是使所有頁面與首頁點擊距離越近越好。 C、錨文本包含關鍵詞
導航系統中的鏈接通常是分類頁面獲得內部鏈接的最主要來源，數量巨大，其錨文本對目標頁面相關性有相當大的影響，因此分類名稱應盡量使用目標關鍵詞。 D、麵包屑導航
麵包屑導航對用戶和搜索引擎來說，是判斷頁面在網站整個結構中的位置的最好方法。 E、避免頁腳堆積
近年來，搜索引擎比較反感頁腳堆積富含關鍵詞的分類頁面鏈接的傾向。
6、禁止收錄機制
有時候，站長並不希望某些頁面被抓取和收錄，如付費內容、還在測試階段的頁面、複製內容頁面等。要確保頁面不被收錄，需要使用robots文件或Meta Robots標籤。
搜索引擎蜘蛛訪問網站時，會先查看網站根目錄下有沒有一個命名為robots.txt的純文本文件，robots.txt用於指令搜索引擎禁止抓取網站某些內容或指定允許抓取某些內容。
7、nofollow的使用
Nofollow是2005年有Google領頭新創的一個標籤（嚴格說是屬性），目前主流搜索引擎包括百度、雅虎、必應等都支持。
由於nofollow屬性能阻止蜘蛛爬行和傳遞權重，因此很快被SEO用在某些內部鏈接，以達到控制內部鏈接權重和PR流動及分佈的目的。
8、URL靜態化
建議盡量要靜態化URL的原因如下：
1)Google抓取任何動態網址沒問題，並不意味百度、雅虎、必應、搜狗、搜索等都沒有問題。
2)Google所說的靜態化的弊端，基本上是基於靜態化做得不正確的假設。問題是要靜態化就得做正確，這樣假設是沒有道理的。
3)用戶體驗。靜態化URL便於用戶更清晰、更容易讀懂，更可能被點擊。
9、URL設計
1）URL越短越好
一方面為用戶著想，便於增加點擊率，另一方面短URL也利於傳播和復制。 2）避免太多參數
English