網(wǎng)頁設(shè)計概述

課程總學(xué)時：48實驗學(xué)時：16課程性質(zhì)：考察先修要求：高級語言程序設(shè)計、數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)庫技術(shù)等主講老師：許磊聯(lián)系方式：網(wǎng)頁設(shè)計教學(xué)方式：課堂講授〔多媒體教學(xué)〕；學(xué)生上機實習(xí)；通過Email與Web進行網(wǎng)上輔導(dǎo)?？疾榉绞剑浩綍r成績30%〔考勤和實驗報告〕；小組完成的綜合課題70%。

課程教材

網(wǎng)頁設(shè)計與制作

清華大學(xué)出版社網(wǎng)頁素材庫網(wǎng)頁制作大寶庫:///素材精品屋黑馬網(wǎng)頁素材:///遐思素材屋網(wǎng)頁特效

網(wǎng)頁特效集://網(wǎng)頁特效://網(wǎng)頁特效

七色風(fēng)網(wǎng)頁特效技術(shù)文章

太平洋學(xué)院藍色理想天極網(wǎng)網(wǎng)頁陶吧網(wǎng)頁設(shè)計師聯(lián)盟七色鳥設(shè)計空間有風(fēng)的日子閃客帝國宇風(fēng)多媒體閃吧網(wǎng)頁素材庫網(wǎng)頁設(shè)計的學(xué)科地位在計算機科學(xué)與技術(shù)這個專業(yè)體系中，網(wǎng)頁設(shè)計地位是比較低的，比不上數(shù)據(jù)結(jié)構(gòu)，數(shù)據(jù)庫，操作系統(tǒng)，軟件工程等課程。研究生入學(xué)考試，尤其是以前專業(yè)課各校自主決定時候沒有一所學(xué)校專業(yè)課考網(wǎng)頁設(shè)計。實際上，網(wǎng)頁設(shè)計技術(shù)作為計算機專業(yè)學(xué)生的一項必備根本技能，可以作為以后畢業(yè)設(shè)計的選題，可以作為以后找工作的方向。當然更深入的網(wǎng)頁設(shè)計涉及到很多編碼設(shè)計還有數(shù)據(jù)庫，網(wǎng)絡(luò)平安，網(wǎng)絡(luò)美工等技術(shù)。下面看一看一般專業(yè)商業(yè)網(wǎng)站運營人員構(gòu)成。

網(wǎng)站與網(wǎng)頁概述

網(wǎng)站〔Website〕是指在因特網(wǎng)上，根據(jù)一定的規(guī)那么，使用HTML〔HyperTextMarkupLanguage〕等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合。網(wǎng)站被部署到世界各地的效勞器上，人們可以在網(wǎng)頁瀏覽器中輸入網(wǎng)址訪問網(wǎng)站，從而獲取自己所需要的資訊或者享受網(wǎng)絡(luò)效勞。網(wǎng)站與網(wǎng)頁概述一個網(wǎng)站是由很多網(wǎng)頁組成的，網(wǎng)頁瀏覽器呈現(xiàn)給我們的畫面就是網(wǎng)頁。網(wǎng)頁是一個文件，一般包含文本和圖像信息，復(fù)雜一些的網(wǎng)頁還會包含F(xiàn)lash動畫、聲音、視頻等多媒體元素。網(wǎng)站的發(fā)布、頁面的傳輸都依賴于全球最大的計算機網(wǎng)絡(luò)系統(tǒng)――因特網(wǎng)，下面讓我們先來講解一下什么是因特網(wǎng)，并了解一些萬維網(wǎng)的根本知識。

因特網(wǎng)與萬維網(wǎng)

1．因特網(wǎng)因特網(wǎng)〔internet)又稱互聯(lián)網(wǎng)，是由一些使用公用語言互相通信的計算機連接而成的網(wǎng)絡(luò)，是全球性信息與資源的網(wǎng)絡(luò)，也是群眾傳媒的一種。

因特網(wǎng)與萬維網(wǎng)

1969年，為了將美國的幾個軍事及研究用電腦主機連接起來，美國國防部研究方案管理局〔ARPA--AdvancedResearchProjectsAgency〕建立了一個名為ARPANET的網(wǎng)絡(luò)，這個網(wǎng)絡(luò)就是人們普遍認為的因特網(wǎng)的雛形。1986年，NSF資助了一個直接連接這些中心的主干網(wǎng)絡(luò)，并且允許研究人員對Internet進行訪問，以使他們能夠共享研究成果并查找信息，這個主干網(wǎng)絡(luò)就是NSFNET。1989年，由ARPANET別離出來的MILNET實現(xiàn)了和NSFNET的連接，就開始采用Internet這個名稱。

因特網(wǎng)與萬維網(wǎng)

隨著商業(yè)網(wǎng)絡(luò)和大量商業(yè)公司進入Internet，網(wǎng)上商業(yè)應(yīng)用取得高速的開展，同時也使Internet能夠為用戶提供更多效勞，使Internet迅速普及和開展起來。現(xiàn)在Internet已開展為多元化，不僅僅單純?yōu)榭蒲行?，正逐步進入到日常生活的各個領(lǐng)域。近幾年來，Internet在規(guī)模和結(jié)構(gòu)上都有了很大的開展，已經(jīng)開展成為一個名副其實的“全球網(wǎng)〞。因特網(wǎng)與萬維網(wǎng)Internet上有著非常豐富的信息資源，通過Internet我們可以方便地查詢各種各樣的信息，信息分布在世界各地的計算機上，以各種可能的形式存在，如文件、數(shù)據(jù)庫、公告牌、目錄文檔和超文本文檔等。信息存在的格式多種多樣，如文檔、表格、圖形、圖像、聲音、視頻等。Internet的另一種資源是計算機系統(tǒng)資源，包括連接在Internet的各種網(wǎng)絡(luò)上的計算機的處理能力、存儲空間〔硬件資源〕以及軟件工具和軟件環(huán)境〔軟件資源〕。一般地說，要求使用計算機系統(tǒng)的Internet用戶，如科學(xué)家、工程師、設(shè)計師、教師、學(xué)生或每一個普通用戶，都可以通過遠程登錄到達某臺目標計算機，只要這臺計算機允許你使用并建立了你的登錄賬號。因特網(wǎng)與萬維網(wǎng)Internet還為我們提供了以下各種效勞：遠程登錄效勞Telnet〔RemoteLogin〕文件傳送效勞FTP電子郵件效勞E-mail〔ElectronicMail〕電子公告板系統(tǒng)〔BBS〕萬維網(wǎng)WWW〔WorldWideWeb〕效勞因特網(wǎng)與萬維網(wǎng)2．萬維網(wǎng)WWW效勞是由Internet提供的效勞。WWW的中文名字為“萬維網(wǎng)〞，“環(huán)球網(wǎng)〞等，常簡稱為Web。WWW可以讓W(xué)eb客戶端〔常用瀏覽器〕訪問瀏覽Web效勞器上的頁面。WWW提供豐富的文本和圖形，音頻，視頻等多媒體信息，并將這些內(nèi)容集合在一起，并提供導(dǎo)航功能，使得用戶可以方便地在各個頁面之間進行瀏覽。由于WWW內(nèi)容豐富，瀏覽方便，已經(jīng)成為互聯(lián)網(wǎng)最重要的效勞。從技術(shù)角度上說，萬維網(wǎng)是Internet上支持WWW協(xié)議和超文本傳輸協(xié)議HTTP〔HyperTextTransportProtocol〕的客戶機與效勞器的集合，透過它可以存取世界各地的豐富的內(nèi)容信息以及各式各樣的軟件。

IP地址和域名

IP地址就是被用來給Internet上的主機或者設(shè)備分配的一個編號，它就是主機在Internet上的身份標識。每個IP地址的長度為32位〔bit〕，分為4段，每段8位〔1個字節(jié)〕，常用十進制數(shù)字表示，每段數(shù)字范圍為1～254，段與段之間用小數(shù)點分隔。這樣的32位地址又分為五類分別對應(yīng)于A類、B類、C類、D類和E類IP地址。各種類型的IP地址參見圖1.1。IP地址和域名〔1〕主機ID全部設(shè)為“0〞的IP地址稱之為網(wǎng)絡(luò)地址，如129．45．0．0就是B類網(wǎng)絡(luò)地址。〔2〕主機ID局部全設(shè)為“1〞〔即255〕的IP地址稱之為播送地址，如129．45．255．255就是B類的播送地址?！?〕網(wǎng)絡(luò)ID不能以十進制“127〞作為開頭，在地址中數(shù)字127保存給診斷用。如用于回路測試，同時網(wǎng)絡(luò)ID的第一個8位組也不能全為“0〞，全為“0〞那么表示本地網(wǎng)絡(luò)。網(wǎng)絡(luò)ID局部全為“0〞和全部為“1〞的IP地址被保存使用。IP地址和域名由于IP地址全是數(shù)字，不便于用戶記憶。為方便記憶，我們采用域名來代替IP地址標識站點地址。Internet上引進了域名效勞系統(tǒng)DNS〔DomainNameSystem〕，為每臺主機建立IP地址與域名之間的映射關(guān)系，使用域名來代替IP地址唯一標示網(wǎng)絡(luò)中的主機。簡單來說，域名就是Internet上主機的名字，它具有一個包含多級域名的分層結(jié)構(gòu)。DNS規(guī)定，域名中的標號都由英文字母和數(shù)字組成，每一個標號不超過63個字符，也不區(qū)分大小寫字母。除了連字符“-〞外不能使用其他的標點符號。不同等級的域名之間使用點號分割，級別最低的域名寫在最左邊，而級別最高的域名寫在最右邊。網(wǎng)頁與瀏覽器1．網(wǎng)頁網(wǎng)頁作為構(gòu)成網(wǎng)站的根本元素，是承載各種網(wǎng)站應(yīng)用的平臺。通俗地說，網(wǎng)頁就是一個文件，它存放在Internet上的某一臺主機上。那么我們?nèi)绾握业絀nternet上的網(wǎng)頁文件呢？網(wǎng)頁文件又是如何描述的呢？帶著這兩個問題我們介紹兩個相關(guān)的術(shù)語。網(wǎng)頁與瀏覽器1〕URLURL是UniformResourceLocation的簡稱，譯為“統(tǒng)一資源定位器〞。URL的構(gòu)成如下：protocol://[:port]/directory/filename。其中，protocol為訪問該資源所采用的協(xié)議；為主機的IP地址，通常使用域名的形式，通過域名解析效勞器解析；port為效勞器在該主機所使用的端口號；directory和filename是資源的路徑和文件名。我們通過URL來定位Internet上的各種資源，而網(wǎng)頁本身也是被部署在效勞器上的一種資源，所以我們可以通過URL來查找并訪問網(wǎng)站中的頁面。網(wǎng)頁與瀏覽器2〕HTMLHTML〔HyperTextMarkupLanguage〕是超文本標記語言。網(wǎng)頁文件就是使用HTML的一套標簽來進行描述的。HTML文件的后綴名為.html或者.htm，也稱為頁面的源文件。通常我們通過URL訪問頁面，返回的就是頁面源文件以及它所引用的其他相關(guān)資源〔圖片、腳本文件、樣式表文件等〕。網(wǎng)頁與瀏覽器2．網(wǎng)頁中的常見元素對于一個網(wǎng)頁，組成它的最根本的元素主要是文本、超鏈接、圖像、動畫、聲音、視頻、表格和表單。網(wǎng)頁與瀏覽器1〕文本一直以來文本都是人類最重要的信息載體與交流工具，網(wǎng)頁中的信息也以文本為主。文本雖然不如圖像那樣能夠很快引起瀏覽者的注意，但卻能夠準確地表達信息的內(nèi)容和含義。為了豐富文本的表現(xiàn)力，我們可以通過改變頁面中文本的樣式，如字體、字號、顏色、底紋和邊框等來展現(xiàn)更豐富的含義。

網(wǎng)頁與瀏覽器

2〕超鏈接超鏈接是指從一個網(wǎng)頁指向一個目標的鏈接關(guān)系，這個目標可以是另一個網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個圖片，一個電子郵件地址，一個文件，甚至是一個應(yīng)用程序。而在一個網(wǎng)頁中用來進行超鏈接的對象，可以是一段文本或者是一個圖片，當瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目標將顯示在瀏覽器上。網(wǎng)頁與瀏覽器3〕圖像圖像是網(wǎng)頁中常見元素之一，在頁面上使用圖像不僅可以直觀的表達豐富的內(nèi)容信息，還可以起到裝飾、表現(xiàn)網(wǎng)站風(fēng)格的作用。網(wǎng)頁中常用的圖片格式通常都是這三種格式：JPEG、GIF和PNG。網(wǎng)頁與瀏覽器4〕動畫動畫實質(zhì)上是動態(tài)的圖像。在網(wǎng)頁中使用動畫可以有效地吸引瀏覽者的注意。目前在網(wǎng)頁中使用較多的是Flash動畫和GIF動畫。Flash動畫運用的最為廣泛，它是基于矢量的圖形系統(tǒng)，只要用少量的向量數(shù)據(jù)就可以描述一個復(fù)雜的對象，占用的存儲空間很小，非常適合于Internet上的使用。而GIF動畫那么是主要用于站標、廣告條等組件的動畫制作。2．網(wǎng)頁中的常見元素5〕聲音聲音是多媒體網(wǎng)頁的一個重要組成局部。當前存在著一些不同類型的聲音文件和格式，也有不同的方法將這些聲音添加到網(wǎng)頁中。在決定被添加聲音的格式和方式之前，需要考慮的因素是：聲音的用途、聲音文件的格式、聲音文件的大小、聲音的品質(zhì)和瀏覽器的差異等。目前用于網(wǎng)絡(luò)的聲音文件格式非常多，常用的是MIDI、WAV、MP3等。表1.1分別列出了這些音頻格式的特點。音頻格式特點MIDI格式MIDI格式一般用于器樂類的音頻文件。許多瀏覽器都支持MIDI格式的文件夾，并且不要求安裝插件WAV格式WAV格式的音頻文件具有較好的聲音品質(zhì)，許多瀏覽器都支持此格式，并且不要求安裝插件，但是，WAV文件容量通常較大MP3格式MP3格式能以較小的比特率，較大的壓縮比達到近乎完美的CD音質(zhì)網(wǎng)頁與瀏覽器6〕視頻網(wǎng)頁中一種比較流行的元素就是視頻，它的參加可以使網(wǎng)頁更富有個性，更顯得時尚。常用的視頻文件格式有rm、rmvb、avi和divx等。網(wǎng)頁與瀏覽器7〕表格很多網(wǎng)頁制作者建立網(wǎng)站時都是用表格來進行網(wǎng)頁布局的。表格作為一種容器，一是可以使用行和列的形式來布局文本和圖像，二是可以使用表格來精確控制各種網(wǎng)頁元素在網(wǎng)頁中出現(xiàn)的位置，在網(wǎng)頁制作中有著不可替代的作用。建立網(wǎng)站時通過合理設(shè)置表格并利用表格來組織網(wǎng)頁內(nèi)容，可以設(shè)計出布局合理，結(jié)構(gòu)協(xié)調(diào)，美觀勻稱的網(wǎng)頁，到達意想不到的效果。網(wǎng)頁與瀏覽器8〕表單網(wǎng)站中使用表單的主要目的是為了采集數(shù)據(jù)，采用問答式交流，網(wǎng)頁中的表單經(jīng)常用來接受用戶在瀏覽器端的輸入，然后將這些信息發(fā)送到用戶設(shè)置的目標端。利用表單可以制作訂單、留言板、討論區(qū)、搜索界面等，應(yīng)用范圍非常廣泛。表單是管理員和用戶之間溝通的橋梁，管理員可以利用表單處理程序分析用戶反響的意見，從而做出合理的決策。

網(wǎng)站的類型

用戶在開發(fā)網(wǎng)站之前，需要先了解各種網(wǎng)站的主要功能及其特性，對網(wǎng)站進行定位，然后再進行網(wǎng)站的開發(fā)制作，常用的網(wǎng)站主要有以下幾種類型：網(wǎng)站的類型1．綜合門戶類網(wǎng)站綜合門戶類網(wǎng)站主要向訪問者提供大量的信息，其主要特點是管理功能強大、頁面美觀、內(nèi)容豐富、信息齊全，涉及政治、經(jīng)濟、文化、生活等多方面的內(nèi)容。該類網(wǎng)站的典型代表有新浪網(wǎng)、搜狐網(wǎng)、網(wǎng)易等，如圖1.2展示的是搜狐網(wǎng)的首頁。網(wǎng)站的類型2．政府與公益組織網(wǎng)站現(xiàn)在越來越多的政府與公益組織開發(fā)自己的網(wǎng)站，主要用于發(fā)布政策、規(guī)章制度等信息，提供在線政務(wù)效勞等，政府與公益組織可以借助網(wǎng)站進行宣傳或者開展活動，圖1.3展示的是人民政府網(wǎng)首頁。網(wǎng)站的類型公司宣傳網(wǎng)站公司宣傳網(wǎng)站是商業(yè)企業(yè)對外進行宣傳的網(wǎng)站，主要宣傳企業(yè)產(chǎn)品以及企業(yè)效勞，讓外界更好的了解企業(yè)，樹立良好的企業(yè)形象，是開發(fā)工作中最常見的網(wǎng)站類型，圖1.4展示的是某企業(yè)集團集團網(wǎng)站首頁。網(wǎng)站的類型電子商務(wù)網(wǎng)站電子商務(wù)網(wǎng)站是一種常見的網(wǎng)站形式，也是一種重要的應(yīng)用形式。電子商務(wù)網(wǎng)站的內(nèi)容常常是產(chǎn)品、廣告、購物、市場推廣等。該類網(wǎng)站的代表有淘寶、京東、亞馬遜等，圖1.5展示的是淘寶網(wǎng)首頁。網(wǎng)站的類型5．搜索引擎網(wǎng)站搜索引擎網(wǎng)站的主要內(nèi)容是實現(xiàn)網(wǎng)站的搜索功能與內(nèi)容管理功能，這類網(wǎng)站的代表有百度、谷歌等，圖1.6展示的是百度網(wǎng)首頁。網(wǎng)站的類型6．個人網(wǎng)站個人網(wǎng)站也叫做個人主頁，是以個人名義創(chuàng)立的網(wǎng)站，一般是為了展示個人興趣愛好而建設(shè)的，其形式、內(nèi)容、風(fēng)格非常靈活，具有很強的個性化特色。商業(yè)網(wǎng)站運營技術(shù)團隊人員組成首席技術(shù)官CTO

技術(shù)總監(jiān)、CTO、技術(shù)副總等職，為高層管理職位；職責(zé)主要在戰(zhàn)略-產(chǎn)品結(jié)合、產(chǎn)品-市場、產(chǎn)品規(guī)劃、技術(shù)開展、方向、技術(shù)團隊及整體把握等方面。下可設(shè)部門經(jīng)理、主管、總工、工程經(jīng)理、產(chǎn)品經(jīng)理等中基層管理崗位；

技術(shù)管理

技術(shù)團隊的中基層主管或經(jīng)理，如：產(chǎn)品經(jīng)理、部門經(jīng)理、技術(shù)經(jīng)理、工程經(jīng)理、測試經(jīng)理、技術(shù)支持經(jīng)理…網(wǎng)站構(gòu)架

網(wǎng)站程序開發(fā)構(gòu)架、網(wǎng)站欄目構(gòu)架，及網(wǎng)站籌劃的技術(shù)層面工作，與“網(wǎng)站籌劃—業(yè)務(wù)〞角色緊密合作。網(wǎng)站程序開發(fā)構(gòu)架也可劃分在“軟件研發(fā)〞局部的系統(tǒng)構(gòu)架師角色；

網(wǎng)站美工

網(wǎng)站頁面的平面美工設(shè)計、內(nèi)容美編、人機交互界面分析設(shè)計等；其中，用戶體驗、人機交互界面、人機交互工程學(xué)的應(yīng)用，越來越受到重視；軟件研發(fā)

網(wǎng)站系統(tǒng)可能需要自己開發(fā)，或二次開發(fā)，或用CMS〔網(wǎng)站管理系統(tǒng)〕建站中的模版設(shè)計，等等，都需要一些技術(shù)開發(fā)工作；角色包括：系統(tǒng)分析師、構(gòu)架師、設(shè)計師、開發(fā)工程師、測試工程師、配置管理、數(shù)據(jù)庫設(shè)計開發(fā)、研發(fā)管理……網(wǎng)絡(luò)營銷/推廣—技術(shù)

用技術(shù)手段實現(xiàn)網(wǎng)絡(luò)推廣和網(wǎng)絡(luò)營銷，即線上營銷，并對網(wǎng)站營運團隊提供業(yè)務(wù)開展活動中相關(guān)IT技術(shù)支持，以及對外技術(shù)合作等等；

如：SEO、搜索引擎優(yōu)化、鏈接、論壇、博客、郵件推廣…可設(shè)為SEO專員、網(wǎng)絡(luò)推廣專員等；及網(wǎng)站間外聯(lián)合作專員、內(nèi)容合作專員等等；與“網(wǎng)絡(luò)營銷/推廣—業(yè)務(wù)〞角色區(qū)別于一個偏技術(shù)，一個偏業(yè)務(wù)；效勞器管理

一般都會自置效勞器，或租用效勞器、虛擬主機或虛擬效勞器，托管甚至自有機房，等等。對效勞器硬件、軟件系統(tǒng)、平安管理、存儲、網(wǎng)絡(luò)根底環(huán)境、Web運行環(huán)境等等的配置和管理，可以分為多個不同的角色；運行維護

網(wǎng)站系統(tǒng)運行中的廣告投放、留言/投訴日?；貜?fù)、會員處理、網(wǎng)站內(nèi)容支持等等非技術(shù)性問題處理……通?？赡苡善渌夹g(shù)人員如開發(fā)人員、效勞器管理人員，甚至客服人員等兼任處理局部工作；

效勞器管理

一般都會自置效勞器，或租用效勞器、虛擬主機或虛擬效勞器，托管甚至自有機房，等等。對效勞器硬件、軟件系統(tǒng)、平安管理、存儲、網(wǎng)絡(luò)根底環(huán)境、Web運行環(huán)境等等的配置和管理，可以分為多個不同的角色；運行維護

網(wǎng)站系統(tǒng)運行中的廣告投放、留言/投訴日?；貜?fù)、會員處理、網(wǎng)站內(nèi)容支持等等非技術(shù)性問題處理……通常可能由其它技術(shù)人員如開發(fā)人員、效勞器管理人員，甚至客服人員等兼任處理局部工作；技術(shù)支持

用戶或內(nèi)部使用技術(shù)支持、效勞等，處理運行中的一些技術(shù)問題……通?？赡苡善渌夹g(shù)人員如開發(fā)、效勞器管理等技術(shù)人員兼任處理局部工作；

商業(yè)網(wǎng)站運營團隊人員組成運營團隊要做的事情，包括傳統(tǒng)產(chǎn)品或業(yè)務(wù)經(jīng)營運作中的一切市場營銷和管理活動，如：產(chǎn)品/市場戰(zhàn)略、網(wǎng)站籌劃、建設(shè)、推廣、營銷、產(chǎn)品/效勞的銷售、效勞、財務(wù)、技術(shù)支撐等等，以及相關(guān)的一切行政管理活動，這些活動需要相應(yīng)的角色和團隊。

運營總監(jiān)COO

首席運營官，運營總監(jiān)，當為高層管理職位，在戰(zhàn)略及執(zhí)行方面負主要責(zé)任。原那么上應(yīng)統(tǒng)領(lǐng)產(chǎn)品到市場的一切工作，下轄運營團隊中的以下各類角色，以整體能力見長。通?？赡芷赜谑袌鰻I銷局部，局部地充當了以下的“營銷總監(jiān)〞甚至“銷售總監(jiān)〞的角色，原那么上是欠妥的。一般而言，運營總監(jiān)的能力結(jié)構(gòu)按比重依次為：市場運營、管理、技術(shù)，但總體上當以整體綜合能力見長，不宜用作營銷總監(jiān)或銷售總監(jiān)；當然，也區(qū)別于CEO職責(zé)。其工作職責(zé)包括：產(chǎn)品/市場定位、產(chǎn)品及市場戰(zhàn)略規(guī)劃、市場客戶需求及產(chǎn)品創(chuàng)新、競爭對手、營銷推廣、營銷活動籌劃、各類合作、日常管理……等等；下可設(shè)產(chǎn)品運營主管、頻道運營主管、子網(wǎng)、行業(yè)運營主管或其它細分運營管理職位；營銷/銷售總監(jiān)/經(jīng)理/主管

營銷總監(jiān)，銷售總監(jiān)，或經(jīng)理、主管，從事網(wǎng)站產(chǎn)品或效勞的營銷、銷售工作，為運營中的重要工作，對運營總監(jiān)負責(zé)，需要專業(yè)的市場人士擔(dān)綱；

營銷總監(jiān)在市場戰(zhàn)略、營銷規(guī)劃、策略制定、執(zhí)行、營銷體系建設(shè)、產(chǎn)品市場客戶競爭者分析及對策、市場及營銷目標等方面負主要責(zé)任。網(wǎng)站運營的市場營銷中公關(guān)營銷顯得尤為重要，可參見“五網(wǎng)站運營〞章節(jié)；銷售總監(jiān)那么負責(zé)銷售目標的實現(xiàn)，銷售團隊戰(zhàn)斗力的打造最為重要；下轄對應(yīng)可設(shè)營銷專員、銷售代表等團隊成員角色；網(wǎng)站籌劃—業(yè)務(wù)

網(wǎng)站籌劃是網(wǎng)站戰(zhàn)略、網(wǎng)站建設(shè)、產(chǎn)品效勞及其改進等工作的主導(dǎo)者，甚至也包括局部網(wǎng)站推廣、運營籌劃等工作內(nèi)容，與相關(guān)角色的溝通是其工作重點之一。在網(wǎng)站定位、戰(zhàn)略方面，該角色為重要的參與者；在網(wǎng)站、產(chǎn)品效勞建設(shè)方面，該角色是需求、分析提供者，向網(wǎng)站構(gòu)架、開發(fā)、美工等技術(shù)角色提供或反響業(yè)務(wù)上的需求。該角色的重點也應(yīng)該放在產(chǎn)品、用戶需求、競爭者分析、行業(yè)分析等工作上，為產(chǎn)品和網(wǎng)站的不斷完善提供業(yè)務(wù)需求方面的謀劃、策略；網(wǎng)站籌劃—技術(shù)局部的工作由“網(wǎng)站構(gòu)架〞角色主導(dǎo)負責(zé)；網(wǎng)站運營籌劃方面的工作由營銷總監(jiān)/經(jīng)理、相應(yīng)的公關(guān)/營銷專員等負責(zé)；內(nèi)容編輯

網(wǎng)站內(nèi)容的編輯團隊，可分為：信息總編或編輯主管、信息編輯〔包含一般的編輯人員和專業(yè)寫手等〕、記者、內(nèi)容對外合作專員等等角色；在相應(yīng)的能力上重點要求文字寫作能力、傳統(tǒng)媒體編輯能力、新聞事情處理能力、專業(yè)知識能力等方面；

行業(yè)分析/運營/效勞專員、主管

網(wǎng)站為行業(yè)用戶提供效勞，必須對網(wǎng)站所基于的行業(yè)、業(yè)務(wù)有研究，這一點非常重要，也是形成網(wǎng)站核心競爭力的重要因素；該類角色可能分得細些，因不同企業(yè)實際情況團隊規(guī)模有較大差異。可設(shè)行業(yè)運營經(jīng)理/專員、某個垂直細分市場運營經(jīng)理/專員、產(chǎn)品運營經(jīng)理/專員、行業(yè)分析專員、行業(yè)效勞專員等等；職責(zé)包括：研究行業(yè)開展趨勢、產(chǎn)業(yè)鏈、行業(yè)用戶特點、網(wǎng)站/產(chǎn)品的行業(yè)專業(yè)性、行業(yè)企業(yè)運營、商貿(mào)、區(qū)域市場、行業(yè)主題活動的籌劃、實施等等；公關(guān)/媒介專員、主管

網(wǎng)站所提供的產(chǎn)品或效勞如同任何一種普通的產(chǎn)品或效勞，需要傳統(tǒng)的營銷手段，但同時，網(wǎng)站實質(zhì)上也是一種媒體，公關(guān)營銷顯得尤為重要。公關(guān)營銷是公認的廉價高效、物美價廉的傳播推廣手段。常用的公關(guān)營銷手段有以下四種：事件營銷—新聞傳播：籌劃實施新聞事件以實現(xiàn)新聞傳播；媒體軟文：以媒體軟文如：報紙、期刊、網(wǎng)絡(luò)媒體軟文報道的方式傳播；活動營銷：籌劃實施主體活動；會議/展會/活動營銷/籌劃專員/BD、主管

會議營銷、展會營銷、活動營銷、業(yè)務(wù)拓展〔即BD〕為市場運營推廣中的重要手段，尤其近年來，這些手段廣泛應(yīng)用，方興未艾；角色設(shè)置方面，可以對這四種各自設(shè)置專員、籌劃/實施專員、主管等角色，視具體情況可以以此為根底進行細分；重要職責(zé)如：會議/展會/活動籌劃與方案，組織、實施與跟蹤評估，客戶數(shù)據(jù)庫建立，與政府、商會、協(xié)會、團體、組織等關(guān)系拓展維護，等等；從業(yè)人員在能力經(jīng)驗方面、自身資源方面，需突出強調(diào)應(yīng)對此類活動及對象的能力；銷售/商務(wù)代表

商務(wù)代表、銷售代表等是最常見的業(yè)務(wù)人員；銷售人員的戰(zhàn)斗力，是銷售團隊的第一要素；培訓(xùn)和績效管理需要強有力的執(zhí)行；

網(wǎng)站提供產(chǎn)品效勞，銷售是較常見的重要銷售手段，相應(yīng)的技巧可以通過專業(yè)培訓(xùn)得以提升；

網(wǎng)絡(luò)營銷/推廣—業(yè)務(wù)

基于網(wǎng)絡(luò)的市場推廣，偏重于業(yè)務(wù)層面而非技術(shù)層面，與技術(shù)局部的銜接為：將業(yè)務(wù)形成需求交于技術(shù)人員實現(xiàn)；與業(yè)務(wù)局部的銜接為：將網(wǎng)絡(luò)推廣之后的如客戶反響、跟蹤、銷售等環(huán)節(jié)交于銷售人員來完成；在日常工作、推進、溝通、責(zé)任等方面：對于技術(shù)，指定此角色直接對應(yīng)的具體技術(shù)人員或技術(shù)負責(zé)人員；對于業(yè)務(wù)，指定一銷售主管/經(jīng)理對接；其中，以本角色為主導(dǎo)。職責(zé)包括：網(wǎng)絡(luò)營銷研究，制定在線推廣策略，推廣方案的實施，推廣手段如郵件的設(shè)計、發(fā)送、跟蹤及效果分析，與技術(shù)人員、業(yè)務(wù)人員緊密銜接；此角色在小的團隊中較常見與其它角色如籌劃、運營、公關(guān)等角色融為一體，不盡合理，或者未有受到重視。強調(diào)：此角色與“網(wǎng)絡(luò)營銷/推廣—技術(shù)〞角色有必要分割清楚；各類客服

客服團隊在角色設(shè)置上、規(guī)模上、效勞業(yè)務(wù)內(nèi)容上，因企業(yè)自身實際情況差異會非常大，只要需要，即可設(shè)置相應(yīng)的客服角色，無統(tǒng)一標準。管理層次上可設(shè)客服主管、經(jīng)理、專員等；支持系統(tǒng)

通常運營網(wǎng)站工程的團隊，事實上是一個企業(yè)，麻雀雖小，肝膽俱全。行政、辦公、人力資源、財務(wù)等等支持系統(tǒng)一樣不能少；

網(wǎng)頁設(shè)計的開展歷史自從第一個網(wǎng)站在上個世紀90年代初誕生以來，設(shè)計師們嘗試了各種網(wǎng)頁的視覺效果。早期的網(wǎng)頁完全由文本構(gòu)成，除了一些小圖片和毫無布局可言的標題與段落。然而，時代在進步，接下來出現(xiàn)了表格布局，然后是Flash，最后是基于CSS的網(wǎng)頁設(shè)計。第一張網(wǎng)頁1991年8月，TimBerners-Lee

發(fā)布了第一個簡單的，基于文本，包含幾個鏈接的網(wǎng)站。原始網(wǎng)頁的副本現(xiàn)在仍然在線。它有十多個鏈接，試圖告訴人們什么是萬維網(wǎng)。隨后的網(wǎng)頁都比較相似，完全基于文本，單欄設(shè)計，有一些鏈接等等。最初版本的HTML只有最根本的內(nèi)容結(jié)構(gòu)：標題(<h1>,<h2>...)，段落(<p>)和鏈接(<a>)。隨后新版本的HTML開始允許在頁面上添加圖片(<img>)，然后開始支持制作表格(<table>)。W3C的出現(xiàn)1994年，萬維網(wǎng)聯(lián)盟〔W3C〕成立，他們將HTML確立為網(wǎng)頁的標準標記語言。這一舉動阻斷了任何獨立公司想要開發(fā)專利的瀏覽器和相應(yīng)的程序語言的野心，因為這會對網(wǎng)絡(luò)的完整性產(chǎn)生不利的影響。W3C一直致力于確立與維護網(wǎng)頁編程語言的標準(例如JavaScript)。Thefirstwebpage(1992)

Yahoo!(1996)

Altavista(1996)

基于表格的設(shè)計表格布局使網(wǎng)頁設(shè)計師制作網(wǎng)站時有了更多項選擇擇。在HTML中表格標簽的本意是為了顯示表格化的數(shù)據(jù)，但是設(shè)計師很快意識到可以利用表格來構(gòu)造他們設(shè)計的網(wǎng)頁，這樣就可以制作較以往作品更加復(fù)雜的，多欄目的網(wǎng)頁。表格布局就這樣流行了起來，融合了背景圖片切片技術(shù)，常給人以看起來較實際布局簡潔得多的結(jié)構(gòu)。結(jié)構(gòu)設(shè)計這個時期的網(wǎng)頁設(shè)計還不太關(guān)注語義化和可用性方面的問題，主要還在追求良好的結(jié)構(gòu)美學(xué)。同一時期也是大量應(yīng)用

GIF占位圖片控制留白的時期。一些主流的公司甚至訓(xùn)練設(shè)計師如何使用GIF占位；如微軟的“關(guān)于HTML表格中的GIF占位〞。第一批主要應(yīng)用表格布局的“所見即所得〞網(wǎng)頁設(shè)計軟件的開展助長了表格的應(yīng)用。另外，某些軟件自動生成的表格如此復(fù)雜以至于許多設(shè)計師不可能從頭手寫代碼〔例如每行只有1px高卻包含了幾百列的表格〕。即使是稍微復(fù)雜一點兒的網(wǎng)頁〔比方多欄目頁面〕，設(shè)計師們都要依賴于表格來創(chuàng)立。W3C(1998)

Yahoo!(2002)

Altavista(2002)

基于Flash的網(wǎng)頁設(shè)計Flash〔最初被稱為FutureSplashAnimator，然后是MacromediaFlash，現(xiàn)在叫做AdobeFlash〕開發(fā)于1996年。起初只有非常根本的工具與時間線，最終開展成能夠開發(fā)整套網(wǎng)站的強大工具。Flash提供了大量的遠遠超過HTML所能夠?qū)崿F(xiàn)的視覺表現(xiàn)效果。MacromediaShockwave在Flash之前，有MacromediaShockwave〔之后是AdobeShockwave〕。Shockwave用于為CD-ROM制作目錄和多媒體內(nèi)容，Shockwave文件體積龐大，考慮到當時的網(wǎng)絡(luò)連接以撥號上網(wǎng)為主，應(yīng)用Shockwave還是不夠明智的。與之相比，F(xiàn)lash影片體積小巧，在線應(yīng)用更加可行。Flash的優(yōu)勢在視覺效果上HTML有很多局限性，尤其是早期的HTML。要實現(xiàn)復(fù)雜的設(shè)計，人們往往需要制作大量瘋狂的表格結(jié)構(gòu)并/或依靠圖像占位符〔就像某些所見即所得軟件所做的那樣〕。Flash使創(chuàng)立復(fù)雜的，互動性強并且擁有動畫元素的網(wǎng)站成為可能。動態(tài)HTML〔DHTML〕在Flash初次涉足網(wǎng)頁設(shè)計領(lǐng)域的同一時期〔20世紀90年代末至21世紀初〕，由幾種網(wǎng)絡(luò)技術(shù)〔如JavaScript和一些效勞器端腳本語言〕組成的用于創(chuàng)作互動/動畫頁面元素的DHTML技術(shù)的推廣，也在如火如荼地進行中。這時，隨著Flash的開展和DHTML的普及，不只是閱讀靜態(tài)內(nèi)容，還允許用戶與網(wǎng)頁內(nèi)容互動的交互頁面的概念誕生了。3DML3DML

是一個鮮為人知的用于制作三維站點的網(wǎng)頁設(shè)計語言。由MichaelPowers編寫于1996年，3DML文件實際上由一種非標準的XML語言寫成。FlatlandRover

是一款獨立開發(fā)的3DML瀏覽器，盡管還有對應(yīng)的InternetExplorer，NetscapeNavigator，theAOLbrowser和Opera瀏覽器插件，但隨著開發(fā)進度停滯于2005年，F(xiàn)irefox的插件始終未能問世?，F(xiàn)在仍然有應(yīng)用3DML構(gòu)建的網(wǎng)站，但如果沒有上述瀏覽器或是相應(yīng)插件，3DML就是不可見的。3DML曾用于制作稱作“Sopts〞的世界與場景。3DML真正的殺手锏是比大多數(shù)語言都快的3D模型構(gòu)建速度〔就算是Flash也需要翻開Flash桌面應(yīng)用來創(chuàng)立并編輯Flash內(nèi)容〕與更加小巧的文件體積?；贑SS的設(shè)計CSS設(shè)計受到關(guān)注始于21世紀初。雖然CSS已經(jīng)存在很長一段時間了，但是在當時仍然缺乏主流瀏覽器的支持，并且許多設(shè)計師對它很是陌生〔甚至感到恐懼〕。與表格布局與Flash網(wǎng)頁相比，CSS有許多優(yōu)勢。首先它將網(wǎng)頁的內(nèi)容與樣式相別離，這從本質(zhì)上意味著視覺表現(xiàn)與內(nèi)容結(jié)構(gòu)的別離。CSS是網(wǎng)頁布局的最正確實踐，與CSS相比表格布局根本不值一提。CSS極大地縮減了標簽的混亂還創(chuàng)造了簡潔并語義化的網(wǎng)頁布局。CSS還使得網(wǎng)站維護更加簡便，因為網(wǎng)頁的結(jié)構(gòu)與樣式是相互別離的。人們完全可以改變一個基于CSS設(shè)計的網(wǎng)站的視覺效果而不去改動網(wǎng)站的內(nèi)容。由CSS設(shè)計的網(wǎng)頁的文件體積往往小于基于表格布局的網(wǎng)頁，這也意味著頁面響應(yīng)時間的改善。雖然首次訪問一個網(wǎng)站會下載樣式表占用帶寬，但CSS會緩存在訪問者的瀏覽器里〔默認情況下〕，這樣接下來的訪問過程中，網(wǎng)頁就都會迅速顯示了。W3C(2003)

W3C(2023)Yahoo!(2023)Altavista(2023)網(wǎng)頁設(shè)計與網(wǎng)頁制作的區(qū)別網(wǎng)頁設(shè)計是一種建立在新型媒體之上的新型設(shè)計。它具有很強的視覺效果、互動性、互操作性、受眾面廣等其它媒體所不具有的特點，它是區(qū)別于報刊、影視的一個新媒體。它既擁有傳統(tǒng)媒體的優(yōu)點，同時又使傳播變得更為直接、省力和有效；為了更好的表達網(wǎng)頁這一新型設(shè)計的特點，將它和傳統(tǒng)媒體進行比較，了解它的優(yōu)勢所在；一個成功的網(wǎng)頁設(shè)計，首先在觀念上要確立活潑的思維方式，其次，要有效地將圖形引入網(wǎng)頁設(shè)計之中，增加人們?yōu)g覽網(wǎng)頁的興趣，在崇尚鮮明個性風(fēng)格的今天，網(wǎng)頁設(shè)計應(yīng)增加個性化因素。網(wǎng)頁設(shè)計區(qū)別與網(wǎng)頁制作，是將籌劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認識通過藝術(shù)的手法表現(xiàn)出來；而網(wǎng)頁制作通常就是將網(wǎng)頁設(shè)計師所設(shè)計出來的設(shè)計稿，按照W3C標準用html語言將其制作成網(wǎng)頁格式。這就相當于一個干腦力活，一個是干體力活，但是一個優(yōu)秀的網(wǎng)頁設(shè)計師對著兩到工序都是十分了解的，因為他要知道自己的設(shè)計稿，是否會為網(wǎng)頁制作人員制作頁面帶來麻煩。在網(wǎng)站設(shè)計的流程中我們還會聽到說UI/UE的說法，這是兩個較為重要的環(huán)節(jié)，主要都是為瀏覽者著想的。UI(UserInterface,用戶界面):UI的意思是用戶界面，是英文UserInterface的縮寫。既瀏覽者在瀏覽網(wǎng)頁時，通過視覺所能觀察到的一切事物，這些都是需要設(shè)計的局部，在互聯(lián)網(wǎng)行業(yè)，做界面設(shè)計的人被貶義的稱為“美工〞。其實我們一開始接觸電腦時就應(yīng)該對UI有很深的認識，從最早的DOS操作系統(tǒng)到Windows1.0，再到WindowsXP。我們開機所看到的就叫用戶界面，DOS操作系統(tǒng)黑底白字的文本界面，WindowsXP的經(jīng)典藍色界面，這些都是用戶界面的開展歷程。從簡單到復(fù)雜，從庸俗到華美，也證明了用戶界面設(shè)計越發(fā)成熟。UE(UserExperience,用戶體驗):UE的意思是用戶體驗，英文叫做UserExperience，縮寫為UE,或者UX。是指一個瀏覽者在訪問一個網(wǎng)站或者使用一個產(chǎn)品時的印象和感受，對網(wǎng)站的布局、色彩、功能、感覺是否滿意，在第一次訪問離開后是否還想再回訪，是否能發(fā)現(xiàn)明顯的Bug〔既網(wǎng)站在瀏覽過程中出現(xiàn)的錯誤〕。關(guān)于網(wǎng)頁的一些網(wǎng)絡(luò)知識什么是域名網(wǎng)絡(luò)是基于TCP/IP協(xié)議進行通信和連接的，每一臺主機都有一個唯一的標識固定的IP地址，以區(qū)別在網(wǎng)絡(luò)上成千上萬個用戶和計算機，與網(wǎng)絡(luò)上的數(shù)字型IP地址相對應(yīng)的字符型地址，就被稱為域名。從技術(shù)上講，域名只是一個Internet中用于解決地址對應(yīng)問題的一種方法。企業(yè)、政府、非政府組織等機構(gòu)或者個人在互聯(lián)網(wǎng)上注冊的名稱，是互聯(lián)網(wǎng)上企業(yè)或機構(gòu)間相互聯(lián)絡(luò)的網(wǎng)絡(luò)地址。Internet地址中的一項，如假設(shè)的一個地址與互聯(lián)網(wǎng)協(xié)議〔IP〕地址相對應(yīng)的一串容易記憶的字符，由假設(shè)干個從a到z的26個拉丁字母及0到9的10個阿拉伯數(shù)字及“-〞、“.〞符號構(gòu)成并按一定的層次和邏輯排列。目前也有一些國家在開發(fā)其他語言的域名，如中文域名。域名不僅便于記憶，而且即使在IP地址發(fā)生變化的情況下，通過改變解析對應(yīng)關(guān)系，域名仍可保持不變。

目的：方便用戶記憶格式：主機名.網(wǎng)絡(luò)名.二級域名.一級域名例如： 北方工業(yè)大學(xué)www主機：Olympic官方網(wǎng)站W(wǎng)WW主機： 域名地址DNS效勞器(DomainNameSystem)專門負責(zé)把用戶尋址的主機域名轉(zhuǎn)換為IP地址的計算機。例如：上海熱線DNS主控效勞器：上海熱線DNS輔助效勞器：上海科技網(wǎng)DNS效勞器：DNS出現(xiàn)故障，通過域名不能上網(wǎng)，但通過IP地址可以上網(wǎng)。域名與IP地址不是一一對應(yīng)關(guān)系1.每個域名均對應(yīng)一個IP地址。

當IP地址改變時，域名通常不變。如何獲得洛陽師范學(xué)院WWW效勞器IP地址？Ping命令ping2.有IP地址，不一定有域名。3.一臺效勞器，只有一個IP地址，但可以有多個域名。4.給定一個IP地址，可以找到一臺主機；給定一個域名，也可以找到一臺主機。什么是瀏覽器網(wǎng)頁瀏覽器是個顯示網(wǎng)頁效勞器或檔案系統(tǒng)內(nèi)的文件，并讓用戶與此些文件互動的一種軟件。它用來顯示在萬維網(wǎng)或局部局域網(wǎng)絡(luò)等內(nèi)的文字、影像及其他資訊。這些文字或影像，可以是連接其他網(wǎng)址的超鏈接，用戶可迅速及輕易地瀏覽各種資訊。網(wǎng)頁一般是HTML的格式。有些網(wǎng)頁是需使用特定的瀏覽器才能正確顯示。做網(wǎng)頁設(shè)計，調(diào)試時候就是通過在瀏覽器下瀏覽看設(shè)計效果。

個人電腦上常見的網(wǎng)頁瀏覽器包括微軟的InternetExplorer、Mozilla的Firefox、Apple的Safari、Opera、HotBrowser、Google的Chrome。瀏覽器是最經(jīng)常使用到的客戶端程序。成功的網(wǎng)頁設(shè)計調(diào)試，至少要在三個瀏覽器下執(zhí)行調(diào)試通過。一般網(wǎng)頁有可能在沒考慮到一些細節(jié)情況下，在不同的瀏覽器里面執(zhí)行效果是不一樣。網(wǎng)頁和網(wǎng)站區(qū)別網(wǎng)站是一個整體，網(wǎng)頁是一個個體，一個網(wǎng)站是由很多網(wǎng)頁構(gòu)建而成。網(wǎng)站和網(wǎng)頁的關(guān)系就像家庭和家人一樣。網(wǎng)頁與網(wǎng)站的區(qū)別簡單的來說：網(wǎng)站是由網(wǎng)頁集合而成的，而大家通過瀏覽器所看到的畫面就是網(wǎng)頁，網(wǎng)頁說具體了是一個html文件，瀏覽器是是用來解讀這份文件的。也可以這樣說：網(wǎng)頁是有許多html文件集合而成。至于要多少網(wǎng)頁集合在一起才能稱作網(wǎng)站，這可就沒有規(guī)定了，即使只有一個網(wǎng)頁也能被稱為網(wǎng)站。而我們想要制作一個網(wǎng)站，就需要單獨編輯假設(shè)干個html文件，然后通過“超鏈接〞把它們連接在一起，這樣一個屬于自己的網(wǎng)站就制作出來了。一個網(wǎng)站最少要包括域名和空間，域名就是我們平時所說的網(wǎng)址，空間那么是用來放網(wǎng)頁內(nèi)容的。

1、申請域名：您的域名需要便于記憶、了解，可以是您公司的名稱的英文或中文拼音。

2、申請空間：有兩類您可自行選擇：

A、空間：針對會設(shè)計網(wǎng)站的用戶，您在自己的電腦中用專業(yè)軟件設(shè)計好網(wǎng)站后上傳到購置的空間上即可。網(wǎng)站建設(shè)的根本步驟及應(yīng)注意的問題網(wǎng)站的制作與建立并不復(fù)雜，但要制作一個優(yōu)秀的網(wǎng)站并非易事。一個優(yōu)秀的網(wǎng)站是依靠完美的規(guī)劃、出色的設(shè)計理念、技術(shù)與軟件等多方面合作完成的。網(wǎng)站的制作主要包括網(wǎng)頁制作，網(wǎng)站的建立過程還包括事前企劃，事后維護更新等工作，即要有一個合理的網(wǎng)站制作流程。一個網(wǎng)站的制作流程和一個電視節(jié)目的制作過程很相像，包括籌劃、制作、廣告宣傳，以及每天更新等。如果要制作一個個人網(wǎng)站就簡單多了。網(wǎng)站制作的根本流程與順序是十分重要的。因為網(wǎng)站的制作流程可以明確工作目標和方向，提高工作效率，使網(wǎng)站結(jié)構(gòu)清晰。

A進行用戶調(diào)研，確定網(wǎng)站的目標和主題：一個網(wǎng)站要有明確的目標定位，這是在進行網(wǎng)站設(shè)計之前必須要考慮和解決的首要問題。只有定位準確、目標鮮明，才可能做出切實可行的方案，按部就班地進行設(shè)計。網(wǎng)站的目標定位要做到網(wǎng)站主題的小而精，即定位要小，內(nèi)容要精，從而突出個性和特色。題材應(yīng)該是自己擅長或者喜愛的內(nèi)容，不要選擇到處可見、人人都有的題材，也不要選擇已經(jīng)存在非常優(yōu)秀、知名度很高的站點的題材，因為如果是這樣，那你想要超越它是很困難的。網(wǎng)站設(shè)計根本步驟確定網(wǎng)站的主題是什么，也就是說確定我們要做的究竟是一個什么網(wǎng)站；確定在這個主題下，用戶要表表現(xiàn)的主要內(nèi)容是什么，即用戶的意圖，用戶想從那個側(cè)面來現(xiàn)他的主題。網(wǎng)站題材很多，如新聞，財經(jīng)，娛樂，房產(chǎn)，股票，游戲，軍事，體育，交友，科技，音樂，電影等。網(wǎng)站設(shè)計根本步驟B確定網(wǎng)站的風(fēng)格：網(wǎng)站的風(fēng)格是指網(wǎng)站的整體形象給瀏覽者的綜合感受。網(wǎng)站的“整體形象〞包括站點的專業(yè)特性、版面布局、交互性、文字和信息價值等諸多因素。由于風(fēng)格是多種因素的交互作用，因此也就形成了創(chuàng)作風(fēng)格上的千差萬別，比方：網(wǎng)易的平易近人，迪斯尼的生動活潑，IBM的專業(yè)嚴肅等這些都是網(wǎng)站給人們留下的不同感受，也給人們留下了深刻的印象。普通網(wǎng)站你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比方信息量大小，瀏覽速度快慢；而有風(fēng)格的網(wǎng)站能給瀏覽者更深的感性認識，比方站點有品位，和藹可親，感覺賞心悅目，如沐春風(fēng)，是一種享受。網(wǎng)站的風(fēng)格其實也表達網(wǎng)頁設(shè)計者的藝術(shù)素養(yǎng)和氣質(zhì)，網(wǎng)頁設(shè)計者多方面的藝術(shù)素養(yǎng)，包括藝術(shù)鑒賞力和藝術(shù)地感受生活、捕捉形象和細節(jié)的能力以及藝術(shù)表現(xiàn)的能力等因素，都會從各自的角度影響風(fēng)格的形成。一個有風(fēng)格的網(wǎng)站在保證內(nèi)容的質(zhì)量和價值性的前提下，應(yīng)找出網(wǎng)站中最有特點、最能表達網(wǎng)站風(fēng)格的信息，以它作為網(wǎng)站的特色加以重點強化、宣傳。例如：網(wǎng)站名稱、域名和欄目是否符合這種個性特點，是否好記，網(wǎng)站的基準色彩是否能突出網(wǎng)站風(fēng)格等。C設(shè)計網(wǎng)頁欄目及組織結(jié)構(gòu)：網(wǎng)站結(jié)構(gòu)一般包括三種，即層狀結(jié)構(gòu)、線性結(jié)構(gòu)、Web結(jié)構(gòu)〔網(wǎng)狀結(jié)構(gòu)〕。層狀結(jié)構(gòu)：層狀結(jié)構(gòu)類似于目錄系統(tǒng)的樹型結(jié)構(gòu)，由網(wǎng)站文件的主頁開始，依次劃分為一級標題、二級標題等等，逐級細化，直至提供給瀏覽者具體信息；線性結(jié)構(gòu)：線性結(jié)構(gòu)類似于數(shù)據(jù)結(jié)構(gòu)中的線性表，用于組織本身的線性順序形式存在的信息，可以引導(dǎo)瀏覽者按部就班地瀏覽整個網(wǎng)站文件。這種結(jié)構(gòu)一般都用在意義是平行的頁面上。通常情況下，網(wǎng)站文件的結(jié)構(gòu)是層狀結(jié)構(gòu)和線性結(jié)構(gòu)相結(jié)合的。這樣可以充分利用兩種結(jié)構(gòu)各自的特點，使網(wǎng)站文件既具有條理性、標準性，又可同時滿足設(shè)計者和瀏覽者的要求；Web結(jié)構(gòu)：Web結(jié)構(gòu)類似于Internet的組成結(jié)構(gòu)，各網(wǎng)頁之間形成網(wǎng)狀連接，允許用戶隨意瀏覽。D準備素材：收集與整理相關(guān)資料E界面設(shè)計：根據(jù)網(wǎng)站的訪問者對象、要提供的信息以及制作目標得出一個最適合的網(wǎng)頁架構(gòu)F網(wǎng)頁排版〔頁面實現(xiàn)〕:根據(jù)所設(shè)計的界面進行網(wǎng)頁排版。G網(wǎng)頁測試與發(fā)布：網(wǎng)頁測試包括功能性測試和完整性測試兩個方面。所謂功能性測試就是要保證網(wǎng)頁的可用性，到達最初的內(nèi)容組織設(shè)計目標，實現(xiàn)所規(guī)定的功能，讀者可方便快速地尋找到所需的內(nèi)容。完整性測試就是保證頁面內(nèi)容顯示正確，鏈接準確，無過失無遺漏。如果在測試過程中發(fā)現(xiàn)了錯誤，就要及時修改，在準確無誤后,方可正式在Internet上發(fā)布。網(wǎng)頁設(shè)計好，必須把它發(fā)布到互連網(wǎng)上，否那么網(wǎng)站形象仍然不能展現(xiàn)出去。發(fā)布的效勞器可以是遠程，也可以是本地。H網(wǎng)頁推廣與維護：網(wǎng)站建成之后，隨后的工作就是進行推廣。網(wǎng)站如果不進行推廣，就容易成為信息的孤島，長期沒有多少人訪問，漸漸地失去了建站的意義。制作網(wǎng)頁時要注意的問題A網(wǎng)頁的標題要簡潔，明確。B對重點內(nèi)容要強調(diào)顯示。C網(wǎng)頁中插入的圖片要盡量的小。D圖形要附加文字說明，以便關(guān)閉圖像時查看。E網(wǎng)頁中引用的資料及商標〔或圖標〕，不能侵犯版權(quán)。關(guān)于網(wǎng)頁設(shè)計的一些統(tǒng)計數(shù)據(jù)網(wǎng)頁的大小●2003年，全世界網(wǎng)頁的平均大小是93.7KB，2023年增長到312KB，5年中翻了3.3倍。(這里的網(wǎng)頁大小包括圖片、CSS文件、Javascript文件、flash文件等等。)●每張網(wǎng)頁包含的對象數(shù)，從25.7個上升到49.9個。(但凡需要發(fā)出獨立請求的網(wǎng)頁元素，都算作一個對象。)●據(jù)統(tǒng)計，每增加1個對象，網(wǎng)頁載入的平均時間就增加40毫秒(寬帶)或250毫秒(窄帶)?！裱芯空f明，但凡包含超過4個對象的網(wǎng)頁，都會產(chǎn)生“顯示延遲〞問題，因為瀏覽器需要時間下載全部對象。關(guān)于網(wǎng)頁設(shè)計的一些統(tǒng)計數(shù)據(jù)網(wǎng)速的變化●2006年2月，美國寬帶用戶訪問40個主要網(wǎng)站(KB40)的平均網(wǎng)頁載入時間是2.8秒，2023年2月，這個指標下降到2.3秒。●但是與此同時，窄帶用戶的單張網(wǎng)頁載入時間上升到20~30秒。關(guān)于網(wǎng)頁設(shè)計的一些統(tǒng)計數(shù)據(jù)網(wǎng)頁的構(gòu)成●網(wǎng)頁大小中，平均54%來自于圖片?！袢绻サ魪V告，網(wǎng)頁的大小和對象數(shù)會減少25%到30%?！?4.8%的網(wǎng)頁使用Javascript?！癯^52%的網(wǎng)頁使用框架frame，其中絕大多少是用于顯示廣告的iframe?！袷褂肅SS，可以使HTML文件的大小減小15%-20%。關(guān)于網(wǎng)頁設(shè)計的一些統(tǒng)計數(shù)據(jù)關(guān)于視頻●1997年的時候，網(wǎng)頁上的視頻長度一般不超過45秒。到了2005年，網(wǎng)頁視頻長度的中位數(shù)，增加到120秒，2007年又進一步增加到192.6秒?！?005年，觀看Youtube上的視頻，要求的平均帶寬是200Kbps(相當于網(wǎng)速每秒25KB)。到了2007年，上升到328Kbps(相當于網(wǎng)速每秒42KB)。●2007年底，網(wǎng)頁視頻的平均大小為63MB?！?7%的網(wǎng)頁流媒體節(jié)目，在開始播放的10秒內(nèi)，就會被用戶關(guān)掉。它們浪費的帶寬占到效勞器端總帶寬的20%?！窳鲿巢シ乓欢?20X240、每秒15幀畫面的視頻，要求的網(wǎng)速是每秒38.4KB。如果視頻大小增加到640X480，要求的網(wǎng)速就會增加到每秒153.6KB。(請注意，每秒15幀是視頻質(zhì)量的最低限，正常質(zhì)量的視頻至少需要每秒24幀。)序號觀測點分值1需求分析充分、欄目設(shè)置合理、功能完善152主題鮮明，能體現(xiàn)網(wǎng)站功能153頁面布局（排版）美觀大方，有個性154色彩搭配合理，能表現(xiàn)主題，特色鮮明155多媒體元素運用得當，適合網(wǎng)絡(luò)傳輸，運行速度快。106操作方便、自然清新，適應(yīng)不同人群107方便后期開發(fā)與維護88內(nèi)容健康、正確、合法，鏈接準確12合計100一般網(wǎng)站建設(shè)評判標準

靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁是相對于動態(tài)網(wǎng)頁而言，是指沒有后臺數(shù)據(jù)庫、不含程序和不可交互的網(wǎng)頁。你編的是什么它顯示的就是什么、不會有任何改變。靜態(tài)網(wǎng)頁相對更新起來比較麻煩，適用于一般更新較少的展示型網(wǎng)站。在網(wǎng)站設(shè)計中，純粹HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁〞，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁的網(wǎng)址形式通常為:，也就是以.htm、.html、.shtml、.xml等為后后綴的。在HTML格式的網(wǎng)頁上，也可以出現(xiàn)各種動態(tài)的效果，如.GIF格式的動畫、FLASH、滾動字母等，這些“動態(tài)效果〞只是視覺上的，與下面將要介紹的動態(tài)網(wǎng)頁是不同的概念。靜態(tài)網(wǎng)頁的特點簡要歸納如下：:

(1)靜態(tài)網(wǎng)頁每個網(wǎng)頁都有一個固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?〞;

(2)網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站效勞器上，無論是否有用戶訪問，每個靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站效勞器上的，也就是說，靜態(tài)網(wǎng)頁是實實在在保存在效勞器上的文件，每個網(wǎng)頁都是一個獨立的文件;

(3)靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索;

(4)靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護方面工作量較大，因此當網(wǎng)站信息量很大時完全依靠靜態(tài)網(wǎng)頁制作方式比較困難;

(5)靜態(tài)網(wǎng)頁的交互性較差，在功能方面有較大的限制。動態(tài)網(wǎng)頁動態(tài)網(wǎng)頁是與靜態(tài)網(wǎng)頁相對應(yīng)的，也就是說，網(wǎng)頁URL的后綴不是.htm、.html、.shtml、.xml等靜態(tài)網(wǎng)頁的常見形式，而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式為后綴，并且在動態(tài)網(wǎng)頁網(wǎng)址中有一個標志性的符號——“?〞，如有這樣一個動態(tài)網(wǎng)頁的地址為:://=1這就是一個典型的動態(tài)網(wǎng)頁URL形式。這里說的動態(tài)網(wǎng)頁，與網(wǎng)頁上的各種動畫、滾動字幕等視覺上的“動態(tài)效果〞沒有直接關(guān)系，動態(tài)網(wǎng)頁也可以是純文字內(nèi)容的，也可以是包含各種動畫的內(nèi)容，這些只是網(wǎng)頁具體內(nèi)容的表現(xiàn)形式，無論網(wǎng)頁是否具有動態(tài)效果，采用動態(tài)網(wǎng)站技術(shù)生成的網(wǎng)頁都稱為動態(tài)網(wǎng)頁。動態(tài)網(wǎng)頁中除了根本網(wǎng)頁中的元素外，還包括一些程序，這些應(yīng)用程序需要瀏覽器與效勞器之間發(fā)生交互行為，而且應(yīng)用程序的執(zhí)行需要應(yīng)用程序效勞器才能完成。應(yīng)用程序效勞器的作用是讀取動態(tài)網(wǎng)頁上的代碼，根據(jù)代碼中的指令完成網(wǎng)頁，然后將代碼從網(wǎng)頁上去掉，所得的結(jié)果將是一個靜態(tài)網(wǎng)頁；應(yīng)用程序效勞器將該網(wǎng)頁傳送回網(wǎng)頁效勞器，網(wǎng)頁效勞器將網(wǎng)頁發(fā)送到瀏覽器，瀏覽器得到的仍然是一個純HTML的靜態(tài)網(wǎng)頁。動態(tài)網(wǎng)頁是經(jīng)過人與效勞器對話的結(jié)果。如圖網(wǎng)頁上的登錄、注冊、網(wǎng)上購物等都屬于此類網(wǎng)站。動態(tài)網(wǎng)頁有兩種：一種是普通動態(tài)網(wǎng)頁，它不包含數(shù)據(jù)庫；一種是包含數(shù)據(jù)庫的動態(tài)網(wǎng)頁。⑴普通動態(tài)網(wǎng)頁，其工作的過程如下圖⑵.包含數(shù)據(jù)庫的動態(tài)網(wǎng)頁，如Access、SQL、MYSQL等，其工作過程如下圖：從網(wǎng)站瀏覽者的角度來看，無論是動態(tài)網(wǎng)頁還是靜態(tài)網(wǎng)頁，都可以展示根本的文字和圖片信息，但從網(wǎng)站開發(fā)、管理、維護的角度來看就有很大的差異。網(wǎng)絡(luò)營銷教學(xué)網(wǎng)站將動態(tài)網(wǎng)頁的一般特點簡要歸納如下:(1)動態(tài)網(wǎng)頁一般以數(shù)據(jù)庫技術(shù)為根底，可以大大降低網(wǎng)站維護的工作量;(2)采用動態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實現(xiàn)更多的功能，如用戶注冊、用戶登錄、在線調(diào)查、用戶管理、訂單管理等等;(3)動態(tài)網(wǎng)頁實際上并不是獨立存在于效勞器上的網(wǎng)頁文件，只有當用戶請求時效勞器才返回一個完整的網(wǎng)頁;(4)動態(tài)網(wǎng)頁中的“?〞對搜索引擎檢索存在一定的問題，搜索引擎一般不可能從一個網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，或者出于技術(shù)方面的考慮，搜索蜘蛛不去抓取網(wǎng)址中“?〞后面的內(nèi)容，因此采用動態(tài)網(wǎng)頁的網(wǎng)站在進行搜索引擎推廣時需要做一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。什么叫動態(tài)網(wǎng)頁技術(shù)網(wǎng)絡(luò)技術(shù)日新月異，細心的網(wǎng)友會發(fā)現(xiàn)許多網(wǎng)頁文件擴展名不再只是“.htm〞，還有“.php〞、“.asp〞等，這些都是采用動態(tài)網(wǎng)頁技術(shù)制作出來的。早期的動態(tài)網(wǎng)頁主要采用CGI技術(shù)，CGI即CommonGatewayInterface(公用網(wǎng)關(guān)接口)。您可以使用不同的程序編寫適合的CGI程序，如VisualBasic、Delphi或C/C＋＋等。雖然CGI技術(shù)已經(jīng)開展成熟而且功能強大，但由于編程困難、效率低下、修改復(fù)雜，所以有逐漸被新技術(shù)取代的趨勢。什么叫動態(tài)網(wǎng)頁技術(shù)網(wǎng)絡(luò)技術(shù)日新月異，細心的網(wǎng)友會發(fā)現(xiàn)許多網(wǎng)頁文件擴展名不再只是“.htm〞，還有“.php〞、“.asp〞等，這些都是采用動態(tài)網(wǎng)頁技術(shù)制作出來的。早期的動態(tài)網(wǎng)頁主要采用CGI技術(shù)，CGI即CommonGatewayInterface(公用網(wǎng)關(guān)接口)。您可以使用不同的程序編寫適合的CGI程序，如VisualBasic、Delphi或C/C＋＋等。雖然CGI技術(shù)已經(jīng)開展成熟而且功能強大，但由于編程困難、效率低下、修改復(fù)雜，所以有逐漸被新技術(shù)取代的趨勢。下面介紹幾種目前頗受關(guān)注的新技術(shù)：1、PHP即HypertextPreprocessor(超文本預(yù)處理器)，它是當今Internet上最為熾熱的腳本語言，其語法借鑒了C、Java、PERL等語言，但只需要很少的編程知識你就能使用PHP建立一個真正交互的Web站點。它與HTML語言具有非常好的兼容性，使用者可以直接在腳本代碼中參加HTML標簽，或者在HTML標簽中參加腳本代碼從而更好地實現(xiàn)頁面控制。PHP提供了標準的數(shù)據(jù)庫接口，數(shù)據(jù)庫連接方便，兼容性強；擴展性強；可以進行面向?qū)ο缶幊獭?、ASP即ActiveServerPages，它是微軟開發(fā)的一種類似HTML(超文本標識語言)、Script(腳本)與CGI(公用網(wǎng)關(guān)接口)的結(jié)合體，它沒有提供自己專門的編程語言，而是允許用戶使用許多已有的腳本語言編寫ASP的應(yīng)用程序。ASP的程序編制比HTML更方便且更有靈活性。它是在Web效勞器端運行，運行后再將運行結(jié)果以HTML格式傳送至客戶端的瀏覽器。因此ASP與一般的腳本語言相比，要平安得多。ASP的最大好處是可以包含HTML標簽，也可以直接存取數(shù)據(jù)庫及使用無限擴充的ActiveX控件，因此在程序編制上要比HTML方便而且更富有靈活性。通過使用ASP的組件和對象技術(shù)，用戶可以直接使用ActiveX控件，調(diào)用對象方法和屬性，以簡單的方式實現(xiàn)強大的交互功能。但ASP技術(shù)也非完美無缺，由于它根本上是局限于微軟的操作系統(tǒng)平臺之上，主要工作環(huán)境是微軟的IIS應(yīng)用程序結(jié)構(gòu)，又因ActiveX對象具有平臺特性，所以ASP技術(shù)不能很容易地實現(xiàn)在跨平臺Web效勞器上工作。3、JSP即JavaServerPages，它是由SunMicrosystem公司于1999年6月推出的新技術(shù)，是基于JavaServlet以及整個Java體系的Web開發(fā)技術(shù)。JSP和ASP在技術(shù)方面有許多相似之處，不過兩者來源于不同的技術(shù)標準組織，以至ASP一般只應(yīng)用于WindowsNT/2000平臺，而JSP那么可以在85％以上的效勞器上運行，而且基于JSP技術(shù)的應(yīng)用程序比基于ASP的應(yīng)用程序易于維護和管理，所以被許多人認為是未來最有開展前途的動態(tài)網(wǎng)站技術(shù)。靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁區(qū)別靜態(tài)網(wǎng)頁，動態(tài)網(wǎng)頁可以根據(jù)網(wǎng)頁制作的語言來區(qū)分：