F12 開發(fā)人員工具是一套按需采用的工具，內(nèi)建于 Windows Internet Explorer 9 的每次安裝之中。網(wǎng)站開發(fā)人員可以隨時在任何網(wǎng)頁上使用 F12 工具，從而快速調(diào)試 JavaScript、HTML 和級聯(lián)樣式表 (CSS)，還可以跟蹤并查明網(wǎng)頁或網(wǎng)絡(luò)的性能問題。F12的存在要求程序開發(fā)人員重要的數(shù)據(jù)不能寫在HTML頁面中，要寫在一般處理程序或者后臺中，不然很容易被用戶知道比如密碼之類的。對WEP開發(fā)人員有利的地方就是可以參照別人網(wǎng)站的布局樣式等來構(gòu)思自己的網(wǎng)站。因為F12可以看到網(wǎng)站的布局、樣式、js等代碼哦！使用“HTML”選項卡“HTML”選項卡視圖在由內(nèi)存中的 Windows Internet Explorer 9 呈現(xiàn)的樹視圖中顯示你的網(wǎng)頁的動態(tài)標記。它反映打開 F12 時的 DOM，如果有任何更改，則需要刷新。 你可以使用鼠標或鍵盤直接在樹視圖中導航，以及查看特性和更改值。若要跳轉(zhuǎn)到網(wǎng)頁上的特定元素，請按 Ctrl+B，或單擊“單擊選擇元素” 按鈕。在網(wǎng)頁上，當你將鼠標懸停在元素上方時將突出顯示相應(yīng)的元素。單擊某個元素時，將在 HTML 視圖中突出顯示 DOM 樹中對應(yīng)的節(jié)點。在“HTML”選項卡中選擇一個元素時，可使用“視圖”>“源”菜單在你的視圖中篩選出按照元素關(guān)聯(lián)的 CSS 樣式或僅按照元素本身選擇的元素?！皫в袠邮降脑卦础卑粹o僅在新窗口中顯示選定元素的 HTML 源及其內(nèi)容，以及適用于它的 CSS。這有助于只關(guān)注選定元素的源文件。必須首先使用“HTML”選項卡視圖選擇 DOM 樹的主體內(nèi)的某個 HTML 元素，然后才可以運行此命令。若要選擇某個元素，可單擊“單擊選擇元素”按鈕，或在 DOM 樹中單擊某個元素。當你使用“單擊選擇元素”時，首先刷新視圖是個不錯的主意。若要展開或折疊某個元素的屬性，請單擊用加號 (+ ) 或減號 (-) 標記的框。HTML 和 CSS 視圖中的所有元素都是可編輯的，并且編輯操作會立即生效。通過單擊元素名稱旁邊的復選框，可以打開或關(guān)閉樣式規(guī)則和特性。查看動態(tài) HTML 代碼大多數(shù)網(wǎng)站使用動態(tài)代碼?？蛻舳四_本通常用于生成用戶可以看到的呈現(xiàn)的 HTML。靜態(tài) HTML 代碼的數(shù)量通常很少，僅用于在頁面上啟動操作。由于 F12 工具將顯示呈現(xiàn)在瀏覽器中的 HTML 和 CSS 代碼，而不是顯示嚴格的 HTML 源，因此查找錯誤更容易一些?！癏TML”選項卡顯示 DOM 的當前狀態(tài)，而不會自動跟蹤更改。如果你更改了某個值或特性，但它沒有立即顯示，請在“HTML”選項卡中按 F5 刷新視圖。更改值和添加特性F12 工具允許你更改幾乎任何特性或?qū)傩缘闹?。從“HTML”選項卡內(nèi)，從 DOM 樹中選擇一個元素或使用“單擊選擇元素”按鈕選擇一個元素。在屬性視圖（右窗格）中，單擊一個值以突出顯示并更改它。例如，在 Internet Explorer 9 中打開如何使用 CSS3 添加圓角中的 CSS 示例頁面并且按 F12 可打開該工具。單擊“單擊選擇元素”按鈕 ，然后單擊栗色的 Now in stock at Fourth Coffee 標題。 在屬性窗格中，單擊 "h2" 選擇器下的顏色特性。 鍵入一個新的顏色名稱或值，如 blue，然后按 Enter。標題的顏色將立即更改。要添加特性，請右鍵單擊“HTML”或“CSS”選項卡的左窗格中的元素，然后單擊上下文菜單中的“添加屬性”。你需要知道該特性的格式（如 "background-color:"）和正確值。若要刪除某個特性（你添加的特性或現(xiàn)有特性），請在右窗格視圖中單擊該特性，然后按 Delete 鍵。對于原始頁中的特性，可通過刷新網(wǎng)頁恢復它們。添加的特性需要重新應(yīng)用。如果你只希望在某個會話期間臨時關(guān)閉某個特性，則在“HTML”或“CSS”選項卡的右窗格中清除該特性旁邊的復選框?！癏TML”選項卡視圖和工具在左窗格樹視圖中選擇一個元素時，你可以在右側(cè)查看和更改所選元素及其子元素的樣式、框模型布局和特性。 你所做的更改不是永久的，當你刷新或打開另一個頁面時這些更改會丟失。但是，你可以通過單擊“保存”按鈕來保存你的 HTML 代碼。當你查看應(yīng)用于“樣式”和“跟蹤樣式”選項卡中所選元素的多個 CSS 規(guī)則時，將根據(jù) CSS 規(guī)范，基于這些規(guī)則的專一性來顯示它們。列表頁首的規(guī)則將第一個應(yīng)用到所選元素，而底部的規(guī)則是當前定義所選元素的樣式屬性的規(guī)則。這些規(guī)則的值是可編輯的，方法為：單擊某個值，鍵入新值，然后按 "Enter"。更改會立即在網(wǎng)頁上顯示。這兩個屬性類型中的信息是相同的。但在“跟蹤樣式”屬性類型中，相同的信息按照屬性（在其下面顯示規(guī)則）分組。這些屬性按字母順序列出，并基于專一性再次對規(guī)則排序。樣式 顯示你在樹視圖中選擇的元素的規(guī)則和樣式。它按規(guī)則進行組織，并包含繼承的特性和重寫的特性。跟蹤樣式 顯示與樣式相同的信息，但是按屬性而不是規(guī)則分組。布局 顯示所選元素的框模型。通過單擊圖表中的相應(yīng)值，可更改“布局”視圖中的任意值?！安季帧边x項卡對可縮放矢量圖形 (SVG) 元素禁用。特性 顯示選定元素的特性，如 ID?？梢蕴砑踊騽h除特性右鍵單擊“HTML”選項卡上的菜單如前面所述，可在“HTML”選項卡的左窗格中右鍵單擊一個元素。下面是你可以在“HTML”選項卡中使用的選項。菜單項作用添加特性 向標記或元素中添加新的特性。 復制 將標記和特性復制到剪貼板中。 復制 InnerHTML 將元素的 InnerHTML 內(nèi)容（子文本、元素和特性）復制到剪貼板。 復制 OuterHTML 將元素的 OuterHTML 內(nèi)容（子文本、元素和特性）復制到剪貼板。 如果在“HTML”選項卡中單擊某個元素的子節(jié)點，如 "h2" 標記的文本元素，則可能無法獲得所有選項。如果你未看到所需的選項，則轉(zhuǎn)到父元素并重試。檢查 CSS 規(guī)則“CSS”選項卡顯示你的樣式表之間的相互影響。此選項卡對于使用多個樣式表的網(wǎng)站很有用。若要在樣式表之間切換，可使用樣式表選擇器。當你選擇某個樣式表時，左窗格中將顯示規(guī)則及其相關(guān)樣式屬性。默認情況下，此按鈕顯示在網(wǎng)頁中引用的第一個樣式表。如果有多個樣式表正在網(wǎng)頁上使用，則單擊下拉列表以選擇其他樣式表?！癈SS”選項卡上的快捷菜單選項當你右鍵單擊“CSS”選項卡時，快捷菜單將會提供比“HTML”選項卡的選項。啟用的選項是上下文相關(guān)的，并取決于你在“CSS”選項卡中單擊的位置。菜單項作用右鍵單擊的位置添加特性 向標記或元素中添加新的特性。 在規(guī)則或特性（任何元素）上。 添加規(guī)則 添加選擇器、聲明或樣式。 在白色區(qū)域中，而不是在現(xiàn)有元素上。 后加規(guī)則 在當前規(guī)則之后添加選擇器或規(guī)則。 在任何元素上。 前加規(guī)則 在當前規(guī)則之前添加選擇器或規(guī)則。 在任何元素上。 刪除特性。 刪除選定的特性。 在任何特性上。 刪除規(guī)則 刪除選定的規(guī)則和所有相關(guān)的特性。 在任何規(guī)則或選擇器上。 在“CSS”選項卡中更改數(shù)字 CSS 值CSS 屬性的值可以像 F12 工具中的幾乎任何其他屬性一樣進行更改。通過單擊屬性值并鍵入新值，可以更改 CSS 屬性。在“CSS”選項卡中，還可使用向上鍵和向下鍵增加或減小數(shù)值。搜索和保存更改像 F12 工具中的其余選項卡一樣，你可以使用“搜索”框在“HTML”和“CSS”選項卡中搜索特定標記、屬性、特性或值。單擊“搜索”按鈕時，將突出顯示搜索關(guān)鍵字的所有實例，并且窗格會滾動到顯示第一個匹配項。 如果存在多個匹配項，則可使用“下一個”和“上一個”按鈕向前和向后滾動。你所做的更改（例如，調(diào)整框模型或添加特性）不是永久的。當你在瀏覽器中重新加載頁面或?qū)Ш降狡渌W(wǎng)頁時，你所做的任何更改都會丟失。若要保存對 HTML/CSS 文件的本地副本的更改，請單擊左窗格上的“保存”按鈕。

HTML5做手機網(wǎng)頁所用的字體可以有2種單位：1）使用px 像素：使用14號字體即可2）使用em ：隨著屏幕大小而改變1em=16px如果只是做手機設(shè)備的話，完全可以使用px像素就可以了。不過不要使用12px 在手機上顯示太小了，用戶看不清楚。一般使用 14px 或 16px 。

創(chuàng)建自己的銷售網(wǎng)站有獨立網(wǎng)店系統(tǒng)和網(wǎng)上商場系統(tǒng)。一、獨立網(wǎng)店系統(tǒng)由域名、服務(wù)器空間和網(wǎng)店系統(tǒng)源碼組成。因為網(wǎng)店的數(shù)據(jù)重要性，服務(wù)器和域名找萬網(wǎng)、新網(wǎng)這些頂級服務(wù)提供商有保證；網(wǎng)店源代碼有HiShop、ECShop、XpShop等，選擇一個適合自己的而且模板更換方便的。上傳網(wǎng)店源代碼到空間里，并在服務(wù)器空間管理完成域名綁定，打開電腦瀏覽器輸入你的域名，預覽一下。接下來就從瀏覽器打開網(wǎng)店后臺管理頁面，開始上傳圖片編輯寶貝詳情。這樣獨立網(wǎng)站就上線了，是推廣和維護。 二、網(wǎng)上成熟的多用戶商場系統(tǒng)很多，如三大網(wǎng)絡(luò)巨頭BAT都有，其中以A公司的TB最為普及，免費注冊一個賬戶，按要求完成實名認證，就可以開啟網(wǎng)上銷售商品，上傳寶貝圖片并編輯好詳情。做好推廣，等著與客戶溝通下單。最后，獨立網(wǎng)店在不違法的情況下，所受限制較少，但要有專業(yè)的維護和運營團隊，適合大型公司化經(jīng)營的企業(yè)。網(wǎng)上商場注冊加入簡單，卻有限制，不過不用網(wǎng)站的維護，可以專心做推廣銷售，適合個人創(chuàng)業(yè)。

網(wǎng)站建設(shè) 是一個綜合性的技巧，小說網(wǎng)站也不例外，這個就像種菜,并不是說看個操作流程就一定會種菜，還要土壤，水肥，氣候，直接間接的相關(guān)知識都做足夠的了解，才能真正去操作。那些速成的教程，僅僅是表面皮毛而已，真的去模仿會出現(xiàn)各種各樣的問題，而且是從未了解過的，出了問題會覺得 前所未有的茫然，特別是那些教程又是毫無責任而言的,不可能去給解決問題，最終還是要一個好的服務(wù)商。以十幾年的企業(yè)網(wǎng)建運維網(wǎng)商系統(tǒng)經(jīng)驗，網(wǎng)站=域名+服務(wù)器空間+網(wǎng)站程序+售后服務(wù)，網(wǎng)站就像一個家：【域名】：網(wǎng)址 就相當于你家的住址?！究臻g】：就是你蓋房子的基礎(chǔ) 土地 環(huán)境 等?！境绦颉浚壕褪悄慵业闹黧w框架,是整個家的運轉(zhuǎn)中心?！灸０濉浚壕W(wǎng)站的美化 就是你家的裝修,當然因人而異有人不裝修原汁原味也可以?！揪S護】：技術(shù)性維護就像您安居樂業(yè)的保安和堅實后盾?！厩趧凇浚菏钦麄€家可以穩(wěn)定持續(xù)運轉(zhuǎn)極其重要的部分，家里所有的東西都要靠你的勤奮去填充，增加，讓大家覺著你家很好 很充實。這就是一個完美網(wǎng)站的所有，有能力和經(jīng)驗的可以全部自己做好,沒有相關(guān)經(jīng)驗的部分可以找專業(yè)的技術(shù)團隊協(xié)助。有一個非常直接的真理：用合適的成本，找合適的人，去做合適的事...這是大自然發(fā)展的規(guī)律。

一個大型企業(yè)網(wǎng)站的成功與否與建站前的網(wǎng)站策劃有著極為重要的關(guān)系。在建立網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站的功能，確定網(wǎng)站規(guī)模、投入費用，進行必要的市場分析等。只有詳細的策劃，才能避免在網(wǎng)站建設(shè)中出現(xiàn)的很多問題，使網(wǎng)站建設(shè)能順利進行。 奔唐認為:如果你是一個網(wǎng)站項目經(jīng)理,應(yīng)該在項目初期預測到項目實施中的主要問題,并提出實施方案.　　網(wǎng)站策劃是指在網(wǎng)站建設(shè)前對市場進行分析、確定網(wǎng)站的目的和功能，并根據(jù)需要對網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費用、測試、維護等做出策劃。網(wǎng)站策劃對網(wǎng)站建設(shè)起到計劃和指導的作用，對網(wǎng)站的內(nèi)容和維護起到定位作用。網(wǎng)站策劃書出應(yīng)該盡可能涵蓋網(wǎng)站策劃中的各個方面，網(wǎng)站策劃書的寫作要科學、認真、實事求是。網(wǎng)站策劃書包含的內(nèi)容如下： 一、建設(shè)網(wǎng)站前的市場分析（企業(yè)自行處理）　　 1、相關(guān)行業(yè)的市場是怎樣的,市場有什么樣的特點，是否能夠在互聯(lián)網(wǎng)上開展公司業(yè)務(wù)。 　　　　 2、市場主要競爭者分析，競爭對手上網(wǎng)情況及其網(wǎng)站策劃、功能作用?！　?3、公司自身條件分析、公司概況、市場優(yōu)勢，可以利用網(wǎng)站提升哪些競爭力，建設(shè)網(wǎng)站的能力（費用、技術(shù)、人力等）。 二、建設(shè)網(wǎng)站目的及功能定位（企業(yè)自行處理或與專業(yè)公司商議）　　 1、為什么要建立網(wǎng)站，是為了樹立企業(yè)形象，宣傳產(chǎn)品，進行電子商務(wù)，還是建立行業(yè)性網(wǎng)站？是企業(yè)的基本需要還是市場開拓的延伸？ 　　 2、整合公司資源，確定網(wǎng)站功能。根據(jù)公司的需要和計劃，確定網(wǎng)站的功能類型：企業(yè)型網(wǎng)站、應(yīng)用型網(wǎng)站、商業(yè)型網(wǎng)站（行業(yè)型網(wǎng)站）、電子商務(wù)型網(wǎng)站；企業(yè)網(wǎng)站又分為企業(yè)形象型、產(chǎn)品宣傳型、網(wǎng)上營銷型、客戶服務(wù)型、電子商務(wù)型等。 　　 3、根據(jù)網(wǎng)站功能，確定網(wǎng)站應(yīng)達到的目的作用。 　　 4、企業(yè)內(nèi)部網(wǎng)（Intranet）的建設(shè)情況和網(wǎng)站的可擴展性。 三、網(wǎng)站技術(shù)解決方案（與專業(yè)公司商議）　 根據(jù)網(wǎng)站的功能確定網(wǎng)站技術(shù)解決方案。 　　 1、采用自建服務(wù)器，還是租用虛擬主機。 　　 2、選擇操作系統(tǒng)，用Window2000/NT還是unix,Linux。分析投入成本、功能、開發(fā)、穩(wěn)定性和安全性等。 　　 3、采用模板自助建站、建站套餐還是個性化開發(fā)。 　　 4、網(wǎng)站安全性措施，防黑、防病毒方案（如果采用虛擬主機，則該項由專業(yè)公司代勞）?！　?5、選擇什么樣的動態(tài)程序及相應(yīng)數(shù)據(jù)庫。如程序ASP、JSP、PHP；數(shù)據(jù)庫SQL、ACCESS、ORACLE等。 四、網(wǎng)站內(nèi)容及實現(xiàn)方式（與專業(yè)公司商議）　　 1、根據(jù)網(wǎng)站的目的確定網(wǎng)站的結(jié)構(gòu)導航?！　?一般企業(yè)型網(wǎng)站應(yīng)包括：公司簡介、企業(yè)動態(tài)、產(chǎn)品介紹、客戶服務(wù)、聯(lián)系方式、在線留言等基本內(nèi)容。內(nèi)容如：常見問題、營銷網(wǎng)絡(luò)、招賢納士、在線論壇、英文版等等?！　?2、根據(jù)網(wǎng)站的目的及內(nèi)容確定網(wǎng)站整合功能?！　?如FLASH引導頁、會員系統(tǒng)、網(wǎng)上購物系統(tǒng)、在線支付、問卷調(diào)查系統(tǒng)、在線支付、信息搜索查詢系統(tǒng)、流量統(tǒng)計系統(tǒng)等?！　?3、確定網(wǎng)站的結(jié)構(gòu)導航中的每個頻道的子欄目?！　?如公司簡介中可以包括：總裁致詞、發(fā)展歷程、企業(yè)文化、核心優(yōu)勢、生產(chǎn)基地、科技研發(fā)、合作伙伴、主要客戶、客戶評價等；客戶服務(wù)可以包括：服務(wù)熱線、服務(wù)宗旨、服務(wù)項目等?！　?4、確定網(wǎng)站內(nèi)容的實現(xiàn)方式?！　?如產(chǎn)品中心使用動態(tài)程序數(shù)據(jù)庫還是靜態(tài)頁面；營銷網(wǎng)絡(luò)是采用列表方式還是地圖展示。五、網(wǎng)頁設(shè)計　　 1、網(wǎng)頁設(shè)計美術(shù)設(shè)計要求，網(wǎng)頁美術(shù)設(shè)計一般要與企業(yè)整體形象一致，要符合企業(yè)CI規(guī)范。要注意網(wǎng)頁色彩、圖片的應(yīng)用及版面策劃，保持網(wǎng)頁的整體一致性。 　　 2、在新技術(shù)的采用上要考慮主要目標訪問群體的分布地域、年齡階層、網(wǎng)絡(luò)速度、閱讀習慣等?！　?3、制定網(wǎng)頁改版計劃，如半年到一年時間進行較大規(guī)模改版等。六、費用預算　　 1、 企業(yè)建站費用的初步預算　　 一般根據(jù)企業(yè)的規(guī)模、建站的目的、上級的批準而定?！　?2、 專業(yè)建站公司提供詳細的功能描述及報價，企業(yè)進行性價比研究?！　?3、 網(wǎng)站的價格從幾千元到十幾萬元不等。如果排除模板式自助建站（火山動力通常認為企業(yè)的網(wǎng)站無論大小，必須有排他性，如果千篇一律對企業(yè)形象的影響極大）和牟取暴利的因素，網(wǎng)站建設(shè)的費用一般與功能要求是成正比的。七、網(wǎng)站維護　　 1、服務(wù)器及相關(guān)軟硬件的維護，對可能出現(xiàn)的問題進行評估，制定響應(yīng)時間。 　　 2、數(shù)據(jù)庫維護，有效地利用數(shù)據(jù)是網(wǎng)站維護的重要內(nèi)容，因此數(shù)據(jù)庫的維護要受到重視。 　　 3、內(nèi)容的更新、調(diào)整等。 　　 4、制定相關(guān)網(wǎng)站維護的規(guī)定，將網(wǎng)站維護制度化、規(guī)范化。 　　 5、說明：動態(tài)信息的維護通常由企業(yè)安排相應(yīng)人員進行在線的更新管理；靜態(tài)信息（即沒用動態(tài)程序數(shù)據(jù)庫支持）可由專業(yè)公司進行維護。八、網(wǎng)站測試　　 網(wǎng)站發(fā)布前要進行細致周密的測試，以保證正常瀏覽和使用。主要測試內(nèi)容： 　　 1、文字、圖片是否有錯誤?！　?2、程序及數(shù)據(jù)庫測試。 　　 3、鏈接是否有錯誤。九、網(wǎng)站發(fā)布與推廣　　 以上為網(wǎng)站策劃中的主要內(nèi)容，根據(jù)不同的需求和建站目的，內(nèi)容也會在增加或減少。在建設(shè)網(wǎng)站之初一定要進行細致的策劃，才能達到預期建站目的。

　　　　建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，會打字，懂基本電腦知識，反正不要太笨就可以了，呵呵。當然，這些不是一定必須的?！　　　〉谝浑A段：開始時最好是學些網(wǎng)頁編輯軟件和基礎(chǔ)網(wǎng)頁腳本語法，如：Dreamweaver軟件，HTML語法(百度一下：HTML入門)，CSS語法(百度一下：CSS入門)，這樣可以使您更了解網(wǎng)頁制作與運營的原理。最好使拿本教程來學學，結(jié)合教程邊學習邊制作，這最多花你一周時間，如果有時間再學點javascript腳本語法(百度一下：javascript入門)?！　　　〉诙A段：會用網(wǎng)頁制作軟件和基礎(chǔ)語法后，已會可以制作一個較完整的網(wǎng)站了。當然為了讓網(wǎng)站做得更漂亮，功能更強大，你就需要學一些動態(tài)編程語言，常用的有ASP,PHP和ASP.NET,推薦后兩種，應(yīng)為ASP再過一段時間會被淘汰，后兩種程序區(qū)別自己上網(wǎng)搜索吧，本人更傾向于學習.NET，面向?qū)ο螅δ芴珡娏?，微軟的東西就是強悍?！　　　∪绻銢]有精力去學這些復雜動態(tài)編程語言，你完全可以利用現(xiàn)成的網(wǎng)站管理系統(tǒng)（實際也叫建站軟件，比如PageAdmin系統(tǒng)、shopex系統(tǒng)、discuz系統(tǒng)等都比較優(yōu)秀），這也是目前比較流行的方法，省時、省力?！　　　〉谌A段：結(jié)合你自己已掌握地知識來開發(fā)網(wǎng)站，可以開發(fā)出別人給你定義的目標網(wǎng)站。到了這個時候，你就成為真正的網(wǎng)站開發(fā)者了?！　　　」ぞ摺　　　? 、網(wǎng)頁做好了肯定是要發(fā)表上網(wǎng)的，所以必須先申請一個空間；免費的空間不是很穩(wěn)定，容量又小，也不好申請，建議到服務(wù)器公司先買一個個人空間，大概有個20M 以上的就可以了，當然也可以在自己電腦上安裝IIS來模擬服務(wù)器運行（這里不詳細說了，有興趣的朋友百度一下相關(guān)知識，這個是很容易的）　　　　2 、圖片處理軟件推薦firework或photoshop，HTML編輯軟件推薦Dreamweaver，當然如果你會HTML語法，那用計事本直接編輯會更高效?！　　　≈谱鳌　　　￠_始時建議去下載一個比較簡單的網(wǎng)頁，在制作軟件中將它打開，然后仔細觀察人家的網(wǎng)頁的構(gòu)成，模仿它去填充各種元素，實踐中再配合著教城，進度會快很多，記得也牢一些?！　　　∑鋵嵶鼍W(wǎng)頁并不難，但要做出有特色的網(wǎng)頁來，那就非一朝一夕之功了網(wǎng)站設(shè)計八步驟　　　　由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經(jīng)過短暫的學習就可以學會制作網(wǎng)頁，于是他們認為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“心急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站?！　∫?、確定網(wǎng)站主題　　　　網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。　　二、搜集材料　　　　明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材?！　∪?、規(guī)劃網(wǎng)站　　　　一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。四、選擇合適的制作工具　　　　盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的建站系統(tǒng)軟件(前面提到的網(wǎng)站管理系統(tǒng))。除此之外，還有圖片編輯工具，如firework 、Photoshop 等；動畫制作工具，如Flash等；網(wǎng)上有許多這方面的軟件下載，你可以根據(jù)需要靈活運用?！　　　?、如果你作好了頁面，就需要考慮你的網(wǎng)頁放到什么地方發(fā)表，也就是平常我們說的發(fā)表空間，我們學校的用戶網(wǎng)絡(luò)中心已經(jīng)申請好了空間，大家可以直接使用（有發(fā)布空間的標志是你有了FTP 賬號，這個需要申請），也可以按我前面說的把自己電腦配置為服務(wù)器（需安裝IIS等軟件，這個自己百度一下）　　五、制作網(wǎng)頁　　　　材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用網(wǎng)站管理系統(tǒng)后臺功能，這樣可以大大提高制作效率?！　×?、上傳測試　　　　網(wǎng)頁制作完畢，最后要發(fā)布到Web 服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，推薦LeapFTP軟件，你可以很方便地把網(wǎng)站發(fā)布到自己制作的網(wǎng)站存放服務(wù)器上。網(wǎng)站上傳以測試完畢就可以把你的網(wǎng)址告訴給朋友或客戶，讓他們來瀏覽?！　∑?、推廣宣傳　　　　網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓的朋友認識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。

　　查看網(wǎng)站開發(fā)語言方法：　　1）利用工具直接輸入查詢　　http://w3techs.com/sites/info/baidu.com　　把最后的域名換成想知道的網(wǎng)址，系統(tǒng)會自動分析，如圖　　2）后臺語言可以通過服務(wù)器類型推測?！　∫话闱闆r下，服務(wù)器類型可以通過 Response Header 來看?！　”热?IIS，一般是 http://ASP.NET?！　omcat、Resin、JBoss，一般是 Java?！　ginx，不一定，很有可能是 PHP 或者 Python 之類的腳本語言。　　3）后臺框架就更難分析了，不過可以嘗試通過 HTML 代碼格式，或者 URL 來分析?！　”热?URL 后綴是 do，可能用到了 Java Struts?！　RL 一般都是 index.php，但是后面參數(shù)不同，那么可能用到了 PHP 的一些模板引擎?！　‘斎?，這個分析不可靠，只是一種推測?！　?）想辦法聯(lián)系網(wǎng)站創(chuàng)始人，郵件或私信詢問。

這問題問的有點大。web開發(fā)技術(shù)有很多，牽扯到的方面也不少。用來做前端頁面呈現(xiàn)的有 html，css，js，這三個必不可少，不管用什么語言開發(fā)，這個都跑不了。另外，動態(tài)網(wǎng)頁的呈現(xiàn)都要寫后臺的代碼，鏈接數(shù)據(jù)庫。開發(fā)平臺有2個：個人建站首選方案LAMP，就是linux+apache+mysql+php。分別是系統(tǒng)，web服務(wù)器，數(shù)據(jù)庫，開發(fā)語言，完全免費，經(jīng)濟實惠。其中php可以換jsp。windows平臺下，一般是iis+ASP.NET（C#）+SQLServer的多。ASP.NET也可以換jsp。開發(fā)工具上VS一統(tǒng)天下，jsp用eclipse?；旧舷胱约骸伴_發(fā)”網(wǎng)站就是這樣。當然，現(xiàn)在用來做網(wǎng)站的技術(shù)很多，比如ruby on rails什么的，但是主流就這兩種。其實想自己搭個站的話，可以不必這么麻煩。現(xiàn)在有很多第三方的自助建站平臺，phpwind或者spacebuilder，這個貌似改過名，搜spacebuilder還是能搜出來。這兩個產(chǎn)品，第一個是php做的，第二個是C#。它們都對個人用戶免費，當然是有一些功能限制的。spacebuilder這個產(chǎn)品我比較熟悉，他們是限制了一些模塊的使用，比如相冊，大部分的功能是有的而且授權(quán)協(xié)議上說不能用于商業(yè)用途，當然天朝這個環(huán)境，說跟做是兩碼事。lz如果是單純想弄個站自己玩玩，力推spacebuilder。界面做的比較絢，上手也簡單，基本就是做些小的改動就能搭建個看上去蠻可以的個人站。免費試用呦，親，還等什么，在自己機器上部署就行了。部署說明官網(wǎng)上有，有問題還可以去官網(wǎng)社區(qū)提問呦。

網(wǎng)站前期調(diào)查階段 　　文檔1：《前期調(diào)查分析報告》主要內(nèi)容可以是，進行了什么樣的調(diào)查；調(diào)查的對象；調(diào)查的覆蓋率；調(diào)查的結(jié)果。這個結(jié)果得出的結(jié)論，和一些建設(shè)性意見。 　　確定網(wǎng)站主題階段 　　文檔2：《網(wǎng)站CI形象報告》主要內(nèi)容主題定位、網(wǎng)站命名、網(wǎng)站標志、標準色彩、標準字體、宣傳標語文檔3：《網(wǎng)站目標設(shè)計說明書》對網(wǎng)站目標的一個詳細說明，其中包括初期目標、中期目標和最終目標。 　　確定網(wǎng)站內(nèi)容和階段 　　文檔4：《網(wǎng)站訪問者來源報告》描述網(wǎng)站的服務(wù)對象（文化層次，興趣愛好，上網(wǎng)條件），估計對象在整個網(wǎng)民中所占的比率。它是《網(wǎng)站功能分析說明書》的一部分。 　　文檔5：《網(wǎng)站功能分析說明書》可以描述以下的問題，為什么人們會來你的網(wǎng)站；你的網(wǎng)站有什么特色的服務(wù)嗎；你們第一次來你的網(wǎng)站原因；有什么可以吸引他們在來的嗎？ 　　文檔6：《內(nèi)容和功能清單》明確網(wǎng)站需要什么內(nèi)容，需要什么功能。使用目標清單、訪問者的需求和競爭性分析這些已經(jīng)收集的所有信息，開始做兩個新的清單：一個是網(wǎng)站的內(nèi)容要素，一個是網(wǎng)站的功能。為每個清單增加仍和潛在的頁面或內(nèi)容的類型。內(nèi)容的類型包括靜態(tài)的、動態(tài)的、功能的和事物處理的。瀏覽競爭對手的網(wǎng)站，把他們有而你沒有的內(nèi)容和功能加入你的清單。當你建立這兩個清單是，讓每個人建他們自己的清單，然后把這些清單合并在一起。讓每個人檢查一遍合并后的清單，確定清單中每個條目的重要性。如果有必要的話，修訂你的清單。 　　文檔7：《可視化目錄文件清單》 　　文檔8：《網(wǎng)站層次結(jié)構(gòu)圖》