網站制作

網站制作

    制作網站是一項很復雜的工程，網站制作從大的一方面講可以稱之為是生物學的延續(xù)，是工程學的集中表現(xiàn)。但網站制作，更是一個深入淺出的過程。網站制作一切以人為本，用戶體驗始終放在第一位，不僅僅注重外表的美觀，華而不實的外殼。網頁設計，網站架構，代碼編寫也不僅僅是一個復制粘貼的過程。網站制作要突出個性，注重瀏覽者的綜合感受，令其在眾多的網站中脫穎而出。網站制作的目的是通過網站達到開展網上營銷，實現(xiàn)電子商務的目的。

    網站制作通俗的來說就是網站通過頁面結構定位，合理布局，圖片文字處理，程序設計，數(shù)據(jù)庫設計等一系列工作的總和，也是將網站設計師的圖片用HTML方式展示出來，屬于前臺工程師的一項任務，前臺工程師任務包括：網站設計、網站用戶體驗、網站JAVA效果、網站制作等工作。網站制作是策劃師、網絡程序員、網頁設計等崗位，應用各種網絡程序開發(fā)技術和網頁設計技術，為企事業(yè)單位、公司或個人在全球互聯(lián)網上建設站點，并包含域名注冊和主機托管等服務的總稱。

    網站制作需要網站虛擬空間、域名以及動態(tài)網站的數(shù)據(jù)庫這三個最基本的條件。網站虛擬空間是用來存放網站文件，如：圖片信息，html文件，php文件等，相當于一個硬盤空間，域名即指訪問網站的地址。動態(tài)網站的數(shù)據(jù)庫用來存會員信息以及動態(tài)頁面所用到的數(shù)據(jù)表，這里的網站數(shù)據(jù)并非網站的html文件、圖像信息等，指的是如網站訪客提交的留言，個人信息等，傳統(tǒng)的靜態(tài)網站無需數(shù)據(jù)庫支持。隨著瀏覽器和W3C標準一致性的改善，以及無表格網頁設計的認同性增加，超文件標示語言與層疊樣式表共同用作網頁內容的設計已經被廣泛的接受和使用。最新的標準和建議則是朝著瀏覽器的能力擴充和改善發(fā)展，使之能夠不需要插件程序也能夠給用戶傳輸多媒體信息和更多的選擇。

制作流程

概述

申請域名

購買空間

定位網站

分析網站需求

網站風格設計

網站代碼制作

測試網站；

FTP上傳網站；

網站維護

網站規(guī)劃

    1、域名主機需要根據(jù)網站主題及范圍來選擇，主機則根據(jù)網站在大小、穩(wěn)定上的要求知名的網絡服務商耐思尼克。

    2、網站的定位（定位于贏利性網站，企業(yè)網站，或是公益性的……）；

    3、網站的用途（是用來贏利的，還是做產品線上營銷的，或是做品牌推廣和整合的，或者只是單純用來傳播信息的）；

    4、網站的發(fā)展目標 （需要達到的目標，需要為這個目標而努力的）；

    5、網站的拓撲圖構畫（網站包括哪些欄目，采用什么樣的制作結構）；

    6、網站制作技術的采用（用哪種語言開發(fā)，在什么平臺上開發(fā)）；

    7、網站的推廣（SEO專家的建議）；

    8、網站的維護（是自主維護，還是外包維護，維護的內容包括哪些，后期改版的時間間隔安排等）；

    9、網站安全 (網站定期進行安全檢測及備份等安全操作)；

    10、網站的主題顏色（網站顏色可以直接反應出企業(yè)的行業(yè)企業(yè)文化）。

選擇域名

    域名是網站在互聯(lián)網上的名字，是在互聯(lián)網上相互聯(lián)絡的網絡地址，是老百姓口中說的網站地址。一個非產品推銷的純信息服務網站，其所有建設的價值，都凝結在其網站域名之上。失去這個域名，就將前功盡廢。現(xiàn)在建站最好使用一級域名，申請困難，可以咨詢八達庫科技這樣的建站平臺，一級域名對品牌和公司的辨識度也很重要。

    做個人網站的很多都依賴免費個人空間，其域名也是依賴免費域名指向，如網易的虛擬域名服務，其實這對個人網站的推廣與發(fā)展很為不利，不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個人網站，而且也妨礙了網頁的傳輸速度。所以，就我個人觀點來講，首先花點錢去域名注冊查詢注冊一個域名，獨立的域名就是個人網站的第一筆財富，要把域名起得形象、簡單、易記。

建站流程

    一、先確定要做的是一個什么網站，就是說做這個網站是用來干什么的；比如說，我想做的網站是一個企業(yè)網站，是做電子電器的，那么易雅網就要圍繞這些內容來進行構想，也可以參考一些同類的網站，

    二、根據(jù)構想好的網站主題來取一個域名，域名一定要取好，這個對你網站以后的發(fā)展很重要，所以一定要根據(jù)你網站的主題來取好（如果是企業(yè)網站的話，一般都會以公司品牌名的全拼或者簡拼來取）；

    三、域名取好后，接下來就是上面所說的網站建設最復雜的部分了（網頁設計、程序開發(fā)），即網站程序源碼，我是使用別人開發(fā)好的網站模板源碼來進行修改的，因為這樣可以省去很多時間，其實很多網站都會找一些相關性的網站模板來根據(jù)自己想要做的網站來進行修改的；

    四、待網站程序源碼搞好并在本地測試正常后，根據(jù)網站要用到的空間需求來租用服務器空間，一般的企業(yè)網站用300M的空間就足夠了（以視頻形式展示的企業(yè)網站除外），還有一點需要注意的是：服務器分國內和國外，最大的區(qū)別就是國內的空間要進行備案而國外的空間不用，購買后可直接使用；

    五、服務器空間購買好后，就將網站的程序源碼用ftp上傳工具上傳到服務器空間，并將后臺數(shù)據(jù)導入到空間數(shù)據(jù)庫，網站就可以正常在互聯(lián)網上運營了。

利用網絡資源

能以低代價卻很方便的把產品或服務的信息發(fā)向全世界的每個角落。全世界所有客戶都能通過Internet這個強有力的工具來了解企業(yè)。Internet已經連接了相當多的網民、企業(yè)、機構和政府，而且向著更廣闊的范圍發(fā)展。Internet中國正以幾何級數(shù)速度發(fā)展，因此，任何一家企業(yè)，都不應置身于Internet之外，那會脫離企業(yè)發(fā)展最基本的資源和環(huán)境：人類社會。

開展電子商務

    電子商務（ElectronicCommerce）是在Internet開放的網絡環(huán)境下，基于瀏覽器/服務器應用方式，實現(xiàn)消費者的網上購物、商戶之間的網上交易和在線電子支付的一種新型的商業(yè)運營模式。

    目標是實現(xiàn)交易信息的網絡化和電子化，電子商務是未來經濟形式發(fā)展的大趨勢。如使用電子貨幣，開網上商店，進行網上商務談判和使用電子簽名簽合同等等。企業(yè)上網通常都會加入到網上的某個行業(yè)協(xié)會網站或商業(yè)網站中，成為會員或網員。行業(yè)協(xié)會網站或商業(yè)網站上發(fā)布供求信息，獲取有關政策和市場信息，享受其他服務。企業(yè)建立網站，從銷售的觀點看，可以減少交易的中間環(huán)節(jié)，降低本錢。企業(yè)網站還可以擴建成為網上銷售和售前售后咨詢服務中心。

    將信息咨詢站開設到網上，企業(yè)建立網站。專人值守，提供信息服務。可與外部建立實時的專題的或個別的信息交流渠道。一些企業(yè)在網站上公開電子郵件地址，使客戶能夠通過電子郵件向企業(yè)發(fā)表意見。因為電子郵件的傳送速度很快，企業(yè)能夠迅速得到客戶信息并及時給予回覆。一些企業(yè)的網站以BB或公告板的形式聯(lián)系客戶，客戶可以發(fā)表意見，同時也能夠看到其他客戶的信息和從前的信息。可以使客戶全面和客觀地了解企業(yè)和企業(yè)的服務及產品。又因為是直接對話，具有增進感情的作用

    這是時代發(fā)展的必定，企業(yè)上網。任何一家企業(yè)要想跟上時代發(fā)展的潮流，必需盡快上網。為了不被競爭對手建立網站搶占先機，為了不落后于時代潮流，應該考慮建站的必要性。

    面向企業(yè)提 供廣告服務業(yè)務。網上廣告通常以一個醒目的圖形貼在ISP網頁上，企業(yè)可以利用自己或別人的網頁在網上打廣告。一些專業(yè)的網絡服務者在網上開設匯總信息的大型信息服務系統(tǒng)。通過該圖形可以鏈 接更多的和更具體的廣告信息，其信息量可以很大。企業(yè)網站自己就是廣告，一些企業(yè)在網上建立自己的網頁，或者開設自己的網站，把企業(yè)信息集中起來，分類分欄，方便瀏覽。現(xiàn)代社會中的所有著名企業(yè)都在網上建立了自己的　下面是一個例子的軟件，網頁設計師今天是學習操作，是可取的。

網站設計風格

    在網頁的歷史很短，各種網站制作和藝術風格的發(fā)展在不同的網絡語言，國家，社會和文化社區(qū)。這種差異在網站的設計風格，臺灣的網站從那些起源于中國，日語（標記就業(yè)的光明顏色和閃爍可愛的動畫人物）韓國（標以灰色文本白色背景，干凈，“蘋果”風格的界面）。

設計原則

    自適應網頁設計 也稱為 響應性的Web設計 -設計網頁，提供一個很好的感知上的各種設備連接到互聯(lián)網。

自適應網絡設計的目的是為不同設備的多功能網站。網站是為了更方便地查看不同的分辨率和格式的設備，技術，自適應網頁設計沒有為特定類型的設備創(chuàng)建一個單獨的版本的網站。一個網站可能無法在您的手機，平板電腦，筆記本電腦和電視上網，要滿足全范圍的設備最佳顯示。

建網工具

    1、網絡技術的發(fā)展帶動了軟件業(yè)的發(fā)展，所以用于制作Web頁面的工具軟件也越來越豐從最基本的HTML編輯器到非常流行的Flash互動網頁制作工具，各種各樣的Web頁面制作工具，下面是耀杰科技幾款具有代表性的網頁制作器：

    HTML編輯器。雖然HTML代碼復雜，編輯和調試要花費大量的時間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復雜的頁面效果，仍受高級網頁制作人員的青睞。就來說，有眾多的編輯器供選擇，這些編輯器廣泛支持復雜頁面創(chuàng)建及高級HTML規(guī)范，使用較為普遍的有Hotdog等專業(yè)HTML編輯器。

    2、所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓就能輕松編制網頁。而且，F(xiàn)rontpage還能解析網頁的HTML源代碼，并提供了預覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實現(xiàn)。所以Frontpage是一款非常適合初、中級網頁制作人員使用的工具軟件。

    3、非常流行的Macromedia公司(已被Adobe公司收購)出品的Flash互動網頁制作工具。這是一款功能非常強大的交互式矢量多媒體網頁制作工具。能夠輕松輸出各種各樣的動畫網頁，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等；并且由于Flash編制的網頁文件比普通網頁文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動態(tài)Web制作的工具。

    4、Dreamweaver: Dreamweaver是美國MACROMEDIA公司開發(fā)的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業(yè)網頁設計師特別發(fā)展的視覺化網頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。

    個人網站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當了解，還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動畫工具的基本用法，熟練使用FTP工具以及擁有相應的軟硬件和網絡知識也是必備的。

    互聯(lián)網還是一個免費的資料庫。編制網頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費時間又浪費金錢，而且還需要強大的圖形、圖片制作技術。所以，為了省卻這些麻煩，網站制作者完全可以從網上下載各種精美實用的圖片、按鈕、背景等網頁素材。

制作原則

    在互聯(lián)網的時代，網站的制作并非是一個單純的技術性問題。特別是模板網站的出現(xiàn)，只要會打字，幾乎誰都會，網站制作它包括邏輯思維、文字內容表達、美工設計等因素，但你最終目標是吸引更多用戶訪問。網站制作和設計是根據(jù)它設定的目標,在一個商業(yè)網站的情況下,網頁設計的定義是根據(jù)它設定的目標。網站制作過程如果你是新的開始，有很多工具來創(chuàng)建一個很好的網站。但是，如果你是新的在這個行業(yè)，下面的會很有用：獲得一個想法的有效的網站。適應他們的理念，以創(chuàng)建網站的過程中，網站上的樂趣！

    企業(yè)網站制作的主要目的是增加供應和品牌的知名度。在網頁設計中的目標是驗證的身份,該公司的可讀性,提高質量流量(深),促進游客創(chuàng)造之間的關系。網站(因此公司優(yōu)化頁面的響應時間。網站制作執(zhí)行的工作類型，就業(yè)性質，開發(fā)人員可以找到所有類型的企業(yè)，包括大型企業(yè)和政府部門，中小型企業(yè)，或者單獨作為自由職業(yè)者的工作。有些網絡開發(fā)人員工作的一個組織作為一個永久的全職雇員，而另一些可能作為獨立的顧問公司，職業(yè)介紹所或承包商。

針對性

    在網站制作之前，一定要對網站目標人群有一個規(guī)劃和了解，網站制作目的是什么，是宣傳公司文化，還是宣傳公司產品。這樣網站針對性就很明顯了。最終網頁設計師根據(jù)不同站點的內容和風格，設計出完美的網頁效果圖。

結構清晰

    無論是搜索引擎還是用戶，都喜歡比較清晰的網站結構。一個好的網站結構應該是清楚合理、編制起來就越有條理，網站維護也越容易。而且能讓瀏覽者在最短的時間內找到自己想要的內容。

    樹狀結構的站點結構顯得比較清晰、像網站面包屑鏈接、訪問者要找到目標網頁需要一步一步去點擊。

網狀結構的站點鏈接方式多樣，可以創(chuàng)建結構復雜、靈活多變的站點，當然這是以大量的創(chuàng)建和維護工作時間為代價的。

    一般網站結構采用扁平的樹形網狀結構，對網站的收錄會有很大幫助。

內容填充

    不管是個人網站還是企業(yè)網站，都必須從內容這個出發(fā)點考慮，一個網頁即使再漂亮，網站內容沒有價值的話，也不會吸引太多的瀏覽者來訪問。所以說內容填充是網站收錄的核心關鍵，俗話說內容為王就是這個道理。

美觀

    網站的美觀與網頁設計師有很大的關系。網絡公司的設計師會根據(jù)頁面風格、以及網站對象，運用醒目的推按，新穎的畫面，美觀的字體，非常酷的特效來給網站以非常美的感受。

簡潔

    簡潔的頁面設計、簡潔的網頁代碼能讓瀏覽者在訪問網站時速度更快，體驗更好。

    所以在網站制作時，把圖片、樣式、內容、動畫、代碼分離出網頁能提高網站打開速度。

用戶體驗

    假如網站管理者以為一般的用戶會完完整整地閱讀您的網頁，那么就錯了。不管在網頁中發(fā)布了多么有用的信息，假如網站管理者但愿用戶閱讀自己的文字，請確保在頁面段落的第一句就說明自己的觀點。另外，還需要在整個頁面中使用簡短的段落以及有趣的標題。

少等于多：使所有的句子盡可能地短。使所有的段落盡可能的短。使所有的章節(jié)盡可能地短。使頁面盡可能地短。請在段落和章節(jié)之間使用較多的留白。充斥著冗長文字的頁面會趕走用戶。也不要在單一的頁面上放置太多的內容。假如確實有必要傳遞大量的信息，請盡量把內容分為小塊

導航：請不要使用文本段落內的超鏈接隨意地把訪問者帶到別的頁面。因為這樣做會破壞導航結構一致性的感覺。假如必須使用超級鏈接，請把它們添加到段落的底部，或站點的導航菜單。

下載速度：最常見的錯誤是用于網站開發(fā)者的開發(fā)環(huán)境造成的，例如使用一臺本地的機器開發(fā)站點，或者使用一條高速的因特網連接。開發(fā)職員有時不會意識到下載他們的頁面要花很長的時間。

對用戶獲取信息的影響：

    1、網站信息的有效性

    2、網站簡單易用 

    3、保持網站的功能的正常運行

    4、保持網站的鏈接有效

    5、用戶注冊或退出方便

    6、保護個人信息

    7、避免對用戶造成滋擾

網站界面

界面就是網站給瀏覽者的第一印象，往往決定著網站的可看性，在確定網站的界面時要注意以下三點：

欄目編排

    構建一個網站就好比寫一篇論文，首先要列出提綱，才能主題明確、層次清晰。網站建設初學者，最容易犯的錯誤就是：確定題材后立刻開始制作，沒有進行合理規(guī)劃。從而導致網站結構不清晰，目錄龐雜混亂，板塊編排混亂等。結果不但瀏覽者看得糊里糊涂，制作者自己在擴充和維護網站也相當困難。所以，我們在動手制作網頁前，一定要考慮好欄目和板塊的編排問題。

    網站的題材確定后，就要將收集到的資料內容作一個合理的編排。比如，將一些最吸引人的內容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實質為一個網站的大綱索引，索引應該將網站的主體明確顯示出來。在制定欄目的時候，要仔細考慮，合理安排。