網(wǎng)頁制作基礎(chǔ)教程（補充）課件

《網(wǎng)頁制作基礎(chǔ)教程（DreamweaverCS3）》預(yù)備知識《網(wǎng)頁制作基礎(chǔ)教程（DreamweaverCS3）》預(yù)備知1學(xué)習(xí)的主要內(nèi)容

網(wǎng)頁文件

網(wǎng)頁一般又稱HTML文件；通?？吹降木W(wǎng)頁，大都以HTM或HTML后綴結(jié)尾的文件；另外還有以CGI、ASP、PHP和JSP后綴結(jié)尾的。學(xué)習(xí)的主要內(nèi)容

網(wǎng)頁文件2學(xué)習(xí)的主要內(nèi)容

網(wǎng)頁分類

根據(jù)生成方式，網(wǎng)頁大致可以分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁兩種。

靜態(tài)網(wǎng)頁

是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式；網(wǎng)站建設(shè)者把內(nèi)容設(shè)計成靜態(tài)頁面，訪問者只能被動地瀏覽網(wǎng)站建設(shè)者提供的網(wǎng)頁內(nèi)容。學(xué)習(xí)的主要內(nèi)容

網(wǎng)頁分類3學(xué)習(xí)的主要內(nèi)容

靜態(tài)網(wǎng)頁的特點

網(wǎng)頁內(nèi)容不會發(fā)生變化，除非網(wǎng)頁設(shè)計者修改了網(wǎng)頁的內(nèi)容。不能實現(xiàn)和瀏覽網(wǎng)頁的用戶之間的交互。學(xué)習(xí)的主要內(nèi)容

靜態(tài)網(wǎng)頁的特點4學(xué)習(xí)的主要內(nèi)容

動態(tài)網(wǎng)頁

網(wǎng)絡(luò)技術(shù)日新月異，許多網(wǎng)頁文件的擴(kuò)展名不再是.htm，還有.php、.asp等，這些都是采用動態(tài)頁技術(shù)制作出來的。

特點

動態(tài)網(wǎng)頁以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護(hù)的工作量。采用動態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實現(xiàn)更多的功能，如用戶注冊、用戶登錄、搜索查詢、用戶管理、訂單管理等。學(xué)習(xí)的主要內(nèi)容

動態(tài)網(wǎng)頁5學(xué)習(xí)的主要內(nèi)容1、html標(biāo)記語言2、制作網(wǎng)頁的工具

MicrosoftFrontPageNetscape編輯器

Dreamweaver學(xué)習(xí)的主要內(nèi)容1、html標(biāo)記語言6網(wǎng)絡(luò)與網(wǎng)站設(shè)計基礎(chǔ)知識1、Internet概述2、網(wǎng)頁設(shè)計概述3、網(wǎng)站設(shè)計概述網(wǎng)絡(luò)與網(wǎng)站設(shè)計基礎(chǔ)知識1、Internet概述71、Internet概述

Internet

即國際計算機(jī)互聯(lián)網(wǎng)，在中國也稱“因特網(wǎng)”或“萬維網(wǎng)”，是由符合TCP/IP等網(wǎng)絡(luò)協(xié)議的網(wǎng)絡(luò)組成的互聯(lián)網(wǎng)。它是目前全世界最大的網(wǎng)絡(luò)，包含著豐富多彩的信息，并提供方便快捷的服務(wù)。它縮短了人們之間的距離。1、Internet概述

Internet81、Internet概述通過Internet，用戶可以與接入Internet的任何一臺計算機(jī)進(jìn)行交流，如發(fā)郵件、聊天、通話等。在這一節(jié)中，主要介紹Internet的工作原理、Internet發(fā)展簡史及其提供的主要服務(wù)等基礎(chǔ)知識，讓用戶對Internet有個大致的了解。1、Internet概述通過Internet，用戶91、Internet概述

Internet的工作原理Internet是一種全球范圍的基于分組交換原理和TCP/IP的計算機(jī)網(wǎng)絡(luò)。它將信息進(jìn)行分組（分割為許多小數(shù)據(jù)包）后以數(shù)據(jù)包為單位進(jìn)行傳輸。Internet在進(jìn)行信息傳輸時要完成的任務(wù)主要有兩項：一是正確分割源文件，以及在目的地將同一源文件的數(shù)據(jù)包準(zhǔn)確地重組起來；二是將數(shù)據(jù)包準(zhǔn)確地送往目的地。1、Internet概述

Internet的工作原理101、Internet概述

Internet發(fā)展簡史

Internet起源于20世紀(jì)60年代。1968年，基于分組交換原理的計算機(jī)網(wǎng)絡(luò)——ARPANET。1983年，TCP/IP協(xié)議的建立，使計算機(jī)通信有了統(tǒng)一的標(biāo)準(zhǔn)。這是計算機(jī)網(wǎng)絡(luò)發(fā)展史上的一個里程碑，網(wǎng)絡(luò)從此進(jìn)入高速發(fā)展的時代。1、Internet概述

Internet發(fā)展簡史111、Internet概述

Internet提供的主要服務(wù)

1．電子郵件2．文件的下載和上傳3．信息查詢4．文件傳輸5．網(wǎng)上聊天6．BBS電子公告欄7．網(wǎng)上游戲8．個人主頁空間9．電子商務(wù)1、Internet概述

Internet提供的主要服務(wù)121、Internet概述

IP地址和域名

1、IP地址

在Internet上，每一個節(jié)點都依靠唯一的IP地址互相區(qū)分和相互聯(lián)系。IP地址共占用32位，一般以4個十進(jìn)制數(shù)字表示，每個數(shù)字之間用小圓點（.）隔開，例如，“05”，這種記錄方法稱為“點—數(shù)”記號法。通常用IP地址標(biāo)識一個網(wǎng)絡(luò)和與網(wǎng)絡(luò)連接的一臺主機(jī)。1、Internet概述

IP地址和域名131、Internet概述

IP地址和域名

2、域名

與網(wǎng)絡(luò)上的數(shù)字型IP地址相對應(yīng)的字符型地址，就被稱為域名。TCP/IP中包含著一個域名服務(wù)（DomainNameService，DNS）。DNS通過一個名為“解析”的過程將域名轉(zhuǎn)換為IP地址，或者將IP地址轉(zhuǎn)換為域名。名字比用點分隔的十進(jìn)制數(shù)IP地址更好記些。既然計算機(jī)仍然使用IP地址，那么就必須有一種方法在二者之間進(jìn)行轉(zhuǎn)換。DNS使用查找表格的方法來將二者的值關(guān)聯(lián)起來。

1、Internet概述

IP地址和域名141、Internet概述

IP地址和域名

2、域名

下表1-1中說明了部分組織的域命名約定，和部分國家的域命名約定。1、Internet概述

IP地址和域名151、Internet概述組

織

類

型域命名約定國

家域命名約定國

家域命名約定商業(yè)com澳大利亞au莫桑比克mz教育edu加拿大ca尼日利亞ng政府gov中國cn波蘭po國際條約組織int芬蘭fi卡塔爾qa網(wǎng)絡(luò)提供商net法國fr薩摩亞群島ws非營利性組織org匈牙利hu瑞典se意大利it阿拉伯聯(lián)合酋長國ae日本jp英國uk約旦jo美國us1、Internet概述組織類型域命名約定國家161、Internet概述1、Internet概述171、Internet概述1、Internet概述181、Internet概述1、上網(wǎng)了解Internet提供的服務(wù)，并進(jìn)行具體實現(xiàn)。2、瀏覽熟悉網(wǎng)站，根據(jù)域名區(qū)分網(wǎng)站屬于的類型。1、Internet概述1、上網(wǎng)了解Internet提供的服192、網(wǎng)頁的設(shè)計

網(wǎng)頁的基本元素

常見的網(wǎng)頁元素包括文本、圖片、超鏈接、表格、導(dǎo)航欄、動畫和交互表單。

2、網(wǎng)頁的設(shè)計

網(wǎng)頁的基本元素202、網(wǎng)頁的設(shè)計

網(wǎng)頁的基本元素

1．文本2．圖片和動畫3．聲音和視頻4．超鏈接5．導(dǎo)航欄6．表格7．表單8．其他常見元素2、網(wǎng)頁的設(shè)計

網(wǎng)頁的基本元素212、網(wǎng)頁的設(shè)計

網(wǎng)頁布局網(wǎng)頁是否精彩，能否吸引瀏覽者，除了色彩的搭配、文字的變化、圖片的處理等因素外，還有一個非常重要的因素—網(wǎng)頁的布局。

2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局222、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的基本概念對于初學(xué)者，最好應(yīng)先了解網(wǎng)頁布局的基本概念。

頁面尺寸分辨率為800×600：頁面的顯示尺寸為：780×428個象素；分辨率為1024×768：頁面的顯示尺寸為：1007×600個象素。2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的基本概念232、網(wǎng)頁的設(shè)計

網(wǎng)頁布局

⊙整體造型這里是指頁面的整體形象，這種形象應(yīng)該是一個整體，圖形與文本的結(jié)合應(yīng)該是層疊有序的。雖然顯示器和瀏覽器都是矩形的，但對于頁面的造型，設(shè)計者可以充分運用自然界中的各種形狀及它們的組合，如矩形、圓形、三角形、菱形等。

2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局242、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的一般步驟

（1）構(gòu)思根據(jù)網(wǎng)站內(nèi)容的整體風(fēng)格，設(shè)計版面布局。不要講究細(xì)節(jié)，只要有一個輪廓。（2）初步填充內(nèi)容這一步就要把一些主要的內(nèi)容放到網(wǎng)頁中，例如，網(wǎng)站的標(biāo)志、廣告條、菜單、導(dǎo)航條、計數(shù)器等。（3）細(xì)化在這一步，設(shè)計者可以利用網(wǎng)頁編輯工具把草案做成一個簡略的網(wǎng)頁，當(dāng)然，對每一種元素所占的比例也要有一個詳細(xì)的數(shù)字，以便以后修改。2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的一般步驟252、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的原則在構(gòu)思和設(shè)計的過程中，設(shè)計者還必須要掌握以下幾項原則。（1）平衡性（2）對稱性（3）疏密度2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的原則262、網(wǎng)頁的設(shè)計

網(wǎng)頁布局類型網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等。

2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局類型272、網(wǎng)頁的設(shè)計2、網(wǎng)頁的設(shè)計282、網(wǎng)頁的設(shè)計2、網(wǎng)頁的設(shè)計292、網(wǎng)頁的設(shè)計

標(biāo)題正文型布局

標(biāo)題正文型布局的最上面是標(biāo)題或類似的一些東西，下面一般是正文，例如，一些文章頁面或注冊頁面等就屬于這種類型。

左右框架型布局

采用左右框架型布局的網(wǎng)頁分為左、右兩部分，一般左面是導(dǎo)航鏈接，有時最上面會有一個小的標(biāo)題或標(biāo)志，右面是正文。大部分大型論壇和網(wǎng)頁教程都使用這種布局，有一些個人網(wǎng)站和企業(yè)網(wǎng)站也喜歡采用這種布局。2、網(wǎng)頁的設(shè)計

標(biāo)題正文型布局302、網(wǎng)頁的設(shè)計

上下框架型布局上下框架型布局與左右框架型布局類似，區(qū)別僅僅在于這種布局分為上、下兩部分。

綜合框架型布局綜合框架型布局是左右框架型布局與上下框架型布局的結(jié)合，相對較復(fù)雜，類似于拐角型布局，只是采用了框架結(jié)構(gòu)。

封面型布局封面型布局一般出現(xiàn)在一些網(wǎng)站的首頁，由一些精美的平面設(shè)計結(jié)合一些小的動畫組成，在頁面中放上幾個簡單的鏈接或者僅僅是一個“進(jìn)入”的鏈接，甚至直接在圖片上加上鏈接而沒有任何提示。這種布局需要精心設(shè)計，能給人帶來賞心悅目的感覺。2、網(wǎng)頁的設(shè)計

上下框架型布局312、網(wǎng)頁的設(shè)計

配色原則

網(wǎng)站給人的第一印象來自于視覺，因此，確定網(wǎng)站的色彩相當(dāng)重要。不同的色彩搭配產(chǎn)生不同的效果，從而使網(wǎng)站給人以不同的視覺效果，吸引訪問者的注意力。

2、網(wǎng)頁的設(shè)計

配色原則322、網(wǎng)頁的設(shè)計1．色彩的形成簡單地說，色彩是一種視覺，是光作用于眼睛的結(jié)果。紅、綠、藍(lán)色的光被稱為三原色光。2．色彩的特征色彩的基本特征主要有色調(diào)、亮度和飽和度三個。色調(diào)表現(xiàn)色彩的種類，亮度表現(xiàn)色彩的明亮程度，飽和度表現(xiàn)色彩的鮮艷程度。2、網(wǎng)頁的設(shè)計1．色彩的形成332、網(wǎng)頁的設(shè)計

配色原則

3．色彩的心理感覺自然界的各種色彩會在人的心中留下不同的印象，產(chǎn)生不同的心理感覺，例如：紅色是一種激奮的色彩，具有刺激效果，能使人產(chǎn)生沖動、憤怒、熱情、活力的感覺；

2、網(wǎng)頁的設(shè)計

配色原則342、網(wǎng)頁的設(shè)計

配色原則

4．色彩的分類按照色彩對人們心理的影響可以進(jìn)行以下分類。

暖色系：紅、橙、橙黃、黃等色彩讓人覺得溫馨、和煦、熱情。

中性系：黃綠、綠等色彩讓人覺得舒適、和諧。

冷色系：青綠、藍(lán)綠、藍(lán)等色彩讓人覺得寧靜、清涼、高雅。

2、網(wǎng)頁的設(shè)計

配色原則352、網(wǎng)頁的設(shè)計

例子設(shè)計出售冷食的虛擬店面，應(yīng)使用消極而沉靜的顏色，使人從心理上感覺涼爽一些。如果要制作一個休閑主題的個人站點，不妨將網(wǎng)站色彩設(shè)計為天藍(lán)色，如以海水為背景，再搭配一些魚兒的效果會更好。2、網(wǎng)頁的設(shè)計

例子362、網(wǎng)頁的設(shè)計

配色原則

5．色彩的選擇和搭配

在制作網(wǎng)站的時候，色彩的選擇和搭配非常重要。一個網(wǎng)站格調(diào)的確定，往往取決于色彩的選擇與搭配是否適當(dāng)。2、網(wǎng)頁的設(shè)計

配色原則372、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的常用技術(shù)

（1）CSS（層疊樣式表）布局CSS對于初學(xué)者來說顯得有點復(fù)雜，但它的確是一種好的布局方法。（2）表格布局優(yōu)勢：能對不同對象加以處理，而又不用擔(dān)心不同對象之間的影響。缺點：當(dāng)設(shè)計者使用了過多的表格時，會影響頁面的下載速度。

2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的常用技術(shù)382、網(wǎng)頁的設(shè)計（3）框架布局由于框架技術(shù)的兼容性問題，框架結(jié)構(gòu)的頁面不太受歡迎。但從布局上考慮，框架結(jié)構(gòu)不失為一個好的布局方法。（4）div+css布局div+css是進(jìn)階段的，分布模式很隨意。

2、網(wǎng)頁的設(shè)計（3）框架布局392、網(wǎng)頁的設(shè)計1、上網(wǎng)查看不同的網(wǎng)頁，分析其網(wǎng)頁的組成元素有哪些。2、打開一些您熟悉的網(wǎng)站，瀏覽網(wǎng)頁，分析其屬于哪種布局和色彩搭配。3、根據(jù)自己的經(jīng)驗和體會，談?wù)剬W(wǎng)頁配色的看法。2、網(wǎng)頁的設(shè)計1、上網(wǎng)查看不同的網(wǎng)頁，分析其網(wǎng)頁的組成元素有403、網(wǎng)站設(shè)計

網(wǎng)站設(shè)計的主要任務(wù)

⊙網(wǎng)站架構(gòu)設(shè)計；⊙以瀏覽器為客戶端的Web應(yīng)用程序開發(fā)；⊙系統(tǒng)測試及網(wǎng)站發(fā)布。3、網(wǎng)站設(shè)計

網(wǎng)站設(shè)計的主要任務(wù)413、網(wǎng)站設(shè)計

確定網(wǎng)站的類型

門戶網(wǎng)站門戶網(wǎng)站（PortalSite）集合了眾多內(nèi)容，提供多樣服務(wù)。比較知名的中文門戶網(wǎng)站有三類：一類是像新浪、搜狐、網(wǎng)易這樣完全由國內(nèi)網(wǎng)絡(luò)公司經(jīng)營的網(wǎng)站，網(wǎng)站內(nèi)容除了搜索引擎外，還包括新聞、娛樂、游戲、文化、體育、健康、科技、財經(jīng)、教育等若干版塊，以及網(wǎng)上短信、個人主頁空間、免費郵箱等服務(wù)項目；3、網(wǎng)站設(shè)計

確定網(wǎng)站的類型423、網(wǎng)站設(shè)計

門戶網(wǎng)站第二類是境外投資的網(wǎng)站，如中文雅虎、美國在線等，網(wǎng)站內(nèi)容以新聞和娛樂為主；第三類是國內(nèi)傳統(tǒng)媒體辦的網(wǎng)站，以人民網(wǎng)、新華網(wǎng)、央視國際為代表，以提供新聞和時事評論為主。3、網(wǎng)站設(shè)計

門戶網(wǎng)站433、網(wǎng)站設(shè)計

普及型網(wǎng)站

此類網(wǎng)站包括企業(yè)網(wǎng)站、大學(xué)網(wǎng)站、政府網(wǎng)站及數(shù)量眾多的個人網(wǎng)站。

3、網(wǎng)站設(shè)計

普及型網(wǎng)站443、網(wǎng)站設(shè)計

電子商務(wù)類網(wǎng)站

電子商務(wù)類網(wǎng)站分為B2B（商家對商家）和B2C（商家對個人客戶）兩種，按照交易過程可分為商品檢索、商品采購、訂單支付三個階段。

3、網(wǎng)站設(shè)計

電子商務(wù)類網(wǎng)站453、網(wǎng)站設(shè)計

電子商務(wù)類網(wǎng)站

具有如下功能：商品發(fā)布；商品選購；購物車；在線交易功能；商品交接、資金結(jié)算功能。3、網(wǎng)站設(shè)計

電子商務(wù)類網(wǎng)站463、網(wǎng)站設(shè)計

媒體信息服務(wù)類網(wǎng)站媒體信息服務(wù)類網(wǎng)站是報社、雜志社、廣播電臺、電視臺等傳統(tǒng)媒體為了樹立自己的網(wǎng)上形象，方便服務(wù)對象而建立的網(wǎng)站，主要功能包括：信息發(fā)布、電子出版、客戶在線咨詢、網(wǎng)站管理。

辦公事務(wù)管理網(wǎng)站辦公事務(wù)管理網(wǎng)站是企業(yè)事業(yè)單位為了實現(xiàn)辦公自動化而建立的內(nèi)部網(wǎng)站，包括以下主要功能模塊：辦公事務(wù)管理、人力資源管理、財務(wù)資產(chǎn)管理和網(wǎng)站管理。

商務(wù)管理網(wǎng)站商務(wù)管理網(wǎng)站是企業(yè)內(nèi)部為了進(jìn)行廣告及商品管理、客戶管理、合同管理、營銷管理等目的而建立的網(wǎng)上辦公平臺。3、網(wǎng)站設(shè)計

媒體信息服務(wù)類網(wǎng)站473、網(wǎng)站設(shè)計

網(wǎng)站主題的確定

網(wǎng)站使用的主要題材有：網(wǎng)上求職、網(wǎng)上聊天/ICQ、網(wǎng)上社區(qū)/討論/郵件列表、計算機(jī)技術(shù)、網(wǎng)頁/網(wǎng)站開發(fā)、娛樂網(wǎng)站、旅行、參考/資訊、家庭/教育、生活/時尚等。在選擇網(wǎng)站題材的時候要注意以下3點?！鹬黝}小而內(nèi)容精○題材最好是自己擅長的內(nèi)容3、網(wǎng)站設(shè)計

網(wǎng)站主題的確定483、網(wǎng)站設(shè)計

網(wǎng)站名稱的確定

網(wǎng)站名稱也是網(wǎng)站設(shè)計的一部分，而且是很關(guān)鍵的一個要素。例如，“電腦學(xué)習(xí)室”和“電腦之家”相比，后者更簡練些；“迷笛樂園”和“MIDI樂園”相比，后者含義更清晰。選擇網(wǎng)站的名稱時要注意以下3點。⊙名稱要端正⊙名稱要易記⊙名稱要有特色3、網(wǎng)站設(shè)計

網(wǎng)站名稱的確定493、網(wǎng)站設(shè)計

CI（CorporateIdentity，企業(yè)形象）

是指通過強(qiáng)化視覺效果的手段來加深用戶對企業(yè)形象的印象。例如，可口可樂公司擁有全球統(tǒng)一的標(biāo)志、色彩和產(chǎn)品包裝，給人們的印象極為深刻。3、網(wǎng)站設(shè)計

CI（CorporateIdentity，企503、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)志（Logo）

首先設(shè)計者需要設(shè)計一個網(wǎng)站的標(biāo)志（Logo）。如同商標(biāo)一樣，Logo是站點特色和內(nèi)涵的集中體現(xiàn)。Logo可以是中文、英文字母、符號或圖案，也可以是動物或人物等。例如，新浪網(wǎng)用字母sina加眼睛作為Logo，體現(xiàn)網(wǎng)站的敏銳和動感的特色。3、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)志（Logo）513、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)準(zhǔn)色彩

“標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。例如，IBM的深藍(lán)色，肯德基的紅色條紋，Windows的紅、藍(lán)、黃、綠色塊，都使瀏覽者覺得很貼切，很和諧。一個網(wǎng)站的標(biāo)準(zhǔn)色彩不宜超過3種。3、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)準(zhǔn)色彩523、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)準(zhǔn)字體

標(biāo)準(zhǔn)字體是指用于Logo、標(biāo)題和主菜單的特有字體。一般網(wǎng)頁默認(rèn)的字體是宋體?？梢允褂么址滤误w，可以用廣告體，可以用手寫體等。

3、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)準(zhǔn)字體533、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的宣傳標(biāo)語

網(wǎng)站的宣傳標(biāo)語也可以說是網(wǎng)站的精神、網(wǎng)站的目標(biāo)，最好用一句話甚至一個詞來高度概括。它類似于實際生活中的廣告語句，例如，雀巢的“味道好極了”，Intel的“給你一顆奔騰的心”，給人們留下的印象都極為深刻。3、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的宣傳標(biāo)語543、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的欄目和版塊

網(wǎng)站欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。例如，網(wǎng)易站點分新聞、體育、財經(jīng)、娛樂、教育等版塊，每個版塊下面有各自的主欄目。3、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的欄目和版塊553、網(wǎng)站設(shè)計

申請域名和站點空間

在創(chuàng)建一個Web站點之前，必須先申請域名和站點空間。只有申請了域名和站點空間后，用戶制作的網(wǎng)頁才能發(fā)布到Internet上，供他人瀏覽。

3、網(wǎng)站設(shè)計

申請域名和站點空間563、網(wǎng)站設(shè)計

申請域名和站點空間

域名只是Internet中用于解決IP地址對應(yīng)問題的一種方法。域名由若干個英文字母和數(shù)字組成，由“.”分隔成幾部分，如、等。com是頂級域，是com的次級域，是的次級域。一般默認(rèn)：是國際頂級域名，是的次級域名，也是的二級域名！是相對于的二級域名！3、網(wǎng)站設(shè)計

申請域名和站點空間573、網(wǎng)站設(shè)計

Internet上域名命名的一般規(guī)則

⊙域名中使用的字符域名中只能包含字符：26個英文字母、數(shù)字0～9和“_”、“-”、“～”等?！延蛎凶址慕M合規(guī)則域名中字符的組合規(guī)則是：在域名中不區(qū)分英文字母的大小寫，對于一個域名的長度是有一定限制的。3、網(wǎng)站設(shè)計

Internet上域名命名的一般規(guī)則583、網(wǎng)站設(shè)計

如何選擇好的域名⊙避免難以記憶和過長的域名因為較長的單詞容易拼錯?！延蛎斜M量使用常用字符盡量不要在域名中使用“_”、“-”、“～”這樣的特殊字符?！延蛎麘?yīng)該朗朗上口，便于記憶域名的命名應(yīng)該朗朗上口且讓人過目不忘3、網(wǎng)站設(shè)計

如何選擇好的域名593、網(wǎng)站設(shè)計

申請域名的注意事項

⊙委托公司代辦注冊⊙“先申請先注冊”的原則因為CNNIC對域名注冊采用“先申請先注冊”的原則，沒有預(yù)留服務(wù)。3、網(wǎng)站設(shè)計

申請域名的注意事項603、網(wǎng)站設(shè)計

申請域名的形式

⊙收費域名提供收費域名的ISP很多。下圖所示的是“中國互聯(lián)”網(wǎng)站的收費域名申請頁面。域名申請成功后，有的ISP還附加提供一定的主頁空間，可以直接上傳發(fā)布的網(wǎng)頁。采用收費域名的最大優(yōu)點是服務(wù)有保證，功能比較齊全。

3、網(wǎng)站設(shè)計

申請域名的形式613、網(wǎng)站設(shè)計圖“中國互聯(lián)”網(wǎng)站收費域名申請頁面3、網(wǎng)站設(shè)計圖“中國互聯(lián)”網(wǎng)站收費域名申請頁面623、網(wǎng)站設(shè)計3、網(wǎng)站設(shè)計633、網(wǎng)站設(shè)計3、網(wǎng)站設(shè)計643、網(wǎng)站設(shè)計圖查詢域名3、網(wǎng)站設(shè)計圖查詢域名653、網(wǎng)站設(shè)計

網(wǎng)站空間

網(wǎng)站是建立在網(wǎng)絡(luò)服務(wù)器上的一組Web文件，它們需要占據(jù)一定的硬盤空間。這就是一個網(wǎng)站所需的網(wǎng)站空間。一個網(wǎng)站需要多少空間呢？這是網(wǎng)站建設(shè)者十分關(guān)心的問題。以企業(yè)網(wǎng)站為例，一個企業(yè)網(wǎng)站的基本網(wǎng)頁HTML文件和網(wǎng)頁圖片需要1～3MB的空間，產(chǎn)品照片和各種介紹性頁面的大小一般為10MB左右.3、網(wǎng)站設(shè)計

網(wǎng)站空間663、網(wǎng)站設(shè)計

申請個人網(wǎng)站空間的注意事項個人網(wǎng)站的頁面中不能有黑客、色情、反動、敏感及違反現(xiàn)行國家法律的內(nèi)容；如果個人網(wǎng)站空間服務(wù)商要求用戶將一些代碼添加到用戶的個人主頁源代碼中，請務(wù)必添加進(jìn)去，否則服務(wù)商會隨時停止對用戶的服務(wù)；3、網(wǎng)站設(shè)計

申請個人網(wǎng)站空間的注意事項673、網(wǎng)站設(shè)計

申請個人網(wǎng)站空間的注意事項

一般用戶不要在某個站點同時申請兩個以上的個人空間，因為系統(tǒng)可能隨時會刪除其中一個站點；頁面制作好后，請盡快上傳并及時更新，有些系統(tǒng)會定時刪除超過規(guī)定時間未上傳或更新主頁者的賬號。3、網(wǎng)站設(shè)計

申請個人網(wǎng)站空間的注意事項683、網(wǎng)站設(shè)計

申請個人網(wǎng)站空間的方法

申請免費主頁空間的過程一般大同小異，下圖所示的是“雅虎地球村”免費主頁空間申請頁面，申請成功后顯示如圖所示的頁面。

3、網(wǎng)站設(shè)計

申請個人網(wǎng)站空間的方法693、網(wǎng)站設(shè)計圖

“雅虎地球村”免費主頁空間申請頁面

圖“雅虎地球村”主頁申請成功的頁面

3、網(wǎng)站設(shè)計圖“雅虎地球村”免費主頁空間申請頁面圖703、網(wǎng)站設(shè)計

申請計數(shù)器

“雅虎地球村”網(wǎng)站上提供免費的計數(shù)器插件，只要用戶已經(jīng)在“雅虎地球村”網(wǎng)站申請了主頁空間，登錄后即可在如圖所示的頁面中申請計數(shù)器。3、網(wǎng)站設(shè)計

申請計數(shù)器713、網(wǎng)站設(shè)計圖申請計數(shù)器3、網(wǎng)站設(shè)計圖申請計數(shù)器723、網(wǎng)站設(shè)計

申請留言板

同樣，“雅虎地球村”網(wǎng)站上也為用戶提供免費的留言板插件，申請方法與計數(shù)器類似，如圖所示。3、網(wǎng)站設(shè)計

申請留言板733、網(wǎng)站設(shè)計圖在“雅虎地球村”中申請留言板3、網(wǎng)站設(shè)計圖在“雅虎地球村”中申請留言板743、網(wǎng)站設(shè)計1．如何在網(wǎng)上申請域名和個人主頁空間？請上網(wǎng)嘗試申請免費的域名和空間。2．如何申請計數(shù)器、留言板？請上網(wǎng)嘗試申請免費的計數(shù)器和留言板。3、網(wǎng)站設(shè)計1．如何在網(wǎng)上申請域名和個人主頁空間？請上網(wǎng)嘗試75《網(wǎng)頁制作基礎(chǔ)教程（DreamweaverCS3）》預(yù)備知識《網(wǎng)頁制作基礎(chǔ)教程（DreamweaverCS3）》預(yù)備知76學(xué)習(xí)的主要內(nèi)容

網(wǎng)頁文件

網(wǎng)頁一般又稱HTML文件；通常看到的網(wǎng)頁，大都以HTM或HTML后綴結(jié)尾的文件；另外還有以CGI、ASP、PHP和JSP后綴結(jié)尾的。學(xué)習(xí)的主要內(nèi)容

網(wǎng)頁文件77學(xué)習(xí)的主要內(nèi)容

網(wǎng)頁分類

根據(jù)生成方式，網(wǎng)頁大致可以分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁兩種。

靜態(tài)網(wǎng)頁

是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式；網(wǎng)站建設(shè)者把內(nèi)容設(shè)計成靜態(tài)頁面，訪問者只能被動地瀏覽網(wǎng)站建設(shè)者提供的網(wǎng)頁內(nèi)容。學(xué)習(xí)的主要內(nèi)容

網(wǎng)頁分類78學(xué)習(xí)的主要內(nèi)容

靜態(tài)網(wǎng)頁的特點

網(wǎng)頁內(nèi)容不會發(fā)生變化，除非網(wǎng)頁設(shè)計者修改了網(wǎng)頁的內(nèi)容。不能實現(xiàn)和瀏覽網(wǎng)頁的用戶之間的交互。學(xué)習(xí)的主要內(nèi)容

靜態(tài)網(wǎng)頁的特點79學(xué)習(xí)的主要內(nèi)容

動態(tài)網(wǎng)頁

網(wǎng)絡(luò)技術(shù)日新月異，許多網(wǎng)頁文件的擴(kuò)展名不再是.htm，還有.php、.asp等，這些都是采用動態(tài)頁技術(shù)制作出來的。

特點

動態(tài)網(wǎng)頁以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護(hù)的工作量。采用動態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實現(xiàn)更多的功能，如用戶注冊、用戶登錄、搜索查詢、用戶管理、訂單管理等。學(xué)習(xí)的主要內(nèi)容

動態(tài)網(wǎng)頁80學(xué)習(xí)的主要內(nèi)容1、html標(biāo)記語言2、制作網(wǎng)頁的工具

MicrosoftFrontPageNetscape編輯器

Dreamweaver學(xué)習(xí)的主要內(nèi)容1、html標(biāo)記語言81網(wǎng)絡(luò)與網(wǎng)站設(shè)計基礎(chǔ)知識1、Internet概述2、網(wǎng)頁設(shè)計概述3、網(wǎng)站設(shè)計概述網(wǎng)絡(luò)與網(wǎng)站設(shè)計基礎(chǔ)知識1、Internet概述821、Internet概述

Internet

即國際計算機(jī)互聯(lián)網(wǎng)，在中國也稱“因特網(wǎng)”或“萬維網(wǎng)”，是由符合TCP/IP等網(wǎng)絡(luò)協(xié)議的網(wǎng)絡(luò)組成的互聯(lián)網(wǎng)。它是目前全世界最大的網(wǎng)絡(luò)，包含著豐富多彩的信息，并提供方便快捷的服務(wù)。它縮短了人們之間的距離。1、Internet概述

Internet831、Internet概述通過Internet，用戶可以與接入Internet的任何一臺計算機(jī)進(jìn)行交流，如發(fā)郵件、聊天、通話等。在這一節(jié)中，主要介紹Internet的工作原理、Internet發(fā)展簡史及其提供的主要服務(wù)等基礎(chǔ)知識，讓用戶對Internet有個大致的了解。1、Internet概述通過Internet，用戶841、Internet概述

Internet的工作原理Internet是一種全球范圍的基于分組交換原理和TCP/IP的計算機(jī)網(wǎng)絡(luò)。它將信息進(jìn)行分組（分割為許多小數(shù)據(jù)包）后以數(shù)據(jù)包為單位進(jìn)行傳輸。Internet在進(jìn)行信息傳輸時要完成的任務(wù)主要有兩項：一是正確分割源文件，以及在目的地將同一源文件的數(shù)據(jù)包準(zhǔn)確地重組起來；二是將數(shù)據(jù)包準(zhǔn)確地送往目的地。1、Internet概述

Internet的工作原理851、Internet概述

Internet發(fā)展簡史

Internet起源于20世紀(jì)60年代。1968年，基于分組交換原理的計算機(jī)網(wǎng)絡(luò)——ARPANET。1983年，TCP/IP協(xié)議的建立，使計算機(jī)通信有了統(tǒng)一的標(biāo)準(zhǔn)。這是計算機(jī)網(wǎng)絡(luò)發(fā)展史上的一個里程碑，網(wǎng)絡(luò)從此進(jìn)入高速發(fā)展的時代。1、Internet概述

Internet發(fā)展簡史861、Internet概述

Internet提供的主要服務(wù)

1．電子郵件2．文件的下載和上傳3．信息查詢4．文件傳輸5．網(wǎng)上聊天6．BBS電子公告欄7．網(wǎng)上游戲8．個人主頁空間9．電子商務(wù)1、Internet概述

Internet提供的主要服務(wù)871、Internet概述

IP地址和域名

1、IP地址

在Internet上，每一個節(jié)點都依靠唯一的IP地址互相區(qū)分和相互聯(lián)系。IP地址共占用32位，一般以4個十進(jìn)制數(shù)字表示，每個數(shù)字之間用小圓點（.）隔開，例如，“05”，這種記錄方法稱為“點—數(shù)”記號法。通常用IP地址標(biāo)識一個網(wǎng)絡(luò)和與網(wǎng)絡(luò)連接的一臺主機(jī)。1、Internet概述

IP地址和域名881、Internet概述

IP地址和域名

2、域名

與網(wǎng)絡(luò)上的數(shù)字型IP地址相對應(yīng)的字符型地址，就被稱為域名。TCP/IP中包含著一個域名服務(wù)（DomainNameService，DNS）。DNS通過一個名為“解析”的過程將域名轉(zhuǎn)換為IP地址，或者將IP地址轉(zhuǎn)換為域名。名字比用點分隔的十進(jìn)制數(shù)IP地址更好記些。既然計算機(jī)仍然使用IP地址，那么就必須有一種方法在二者之間進(jìn)行轉(zhuǎn)換。DNS使用查找表格的方法來將二者的值關(guān)聯(lián)起來。

1、Internet概述

IP地址和域名891、Internet概述

IP地址和域名

2、域名

下表1-1中說明了部分組織的域命名約定，和部分國家的域命名約定。1、Internet概述

IP地址和域名901、Internet概述組

織

類

型域命名約定國

家域命名約定國

家域命名約定商業(yè)com澳大利亞au莫桑比克mz教育edu加拿大ca尼日利亞ng政府gov中國cn波蘭po國際條約組織int芬蘭fi卡塔爾qa網(wǎng)絡(luò)提供商net法國fr薩摩亞群島ws非營利性組織org匈牙利hu瑞典se意大利it阿拉伯聯(lián)合酋長國ae日本jp英國uk約旦jo美國us1、Internet概述組織類型域命名約定國家911、Internet概述1、Internet概述921、Internet概述1、Internet概述931、Internet概述1、上網(wǎng)了解Internet提供的服務(wù)，并進(jìn)行具體實現(xiàn)。2、瀏覽熟悉網(wǎng)站，根據(jù)域名區(qū)分網(wǎng)站屬于的類型。1、Internet概述1、上網(wǎng)了解Internet提供的服942、網(wǎng)頁的設(shè)計

網(wǎng)頁的基本元素

常見的網(wǎng)頁元素包括文本、圖片、超鏈接、表格、導(dǎo)航欄、動畫和交互表單。

2、網(wǎng)頁的設(shè)計

網(wǎng)頁的基本元素952、網(wǎng)頁的設(shè)計

網(wǎng)頁的基本元素

1．文本2．圖片和動畫3．聲音和視頻4．超鏈接5．導(dǎo)航欄6．表格7．表單8．其他常見元素2、網(wǎng)頁的設(shè)計

網(wǎng)頁的基本元素962、網(wǎng)頁的設(shè)計

網(wǎng)頁布局網(wǎng)頁是否精彩，能否吸引瀏覽者，除了色彩的搭配、文字的變化、圖片的處理等因素外，還有一個非常重要的因素—網(wǎng)頁的布局。

2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局972、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的基本概念對于初學(xué)者，最好應(yīng)先了解網(wǎng)頁布局的基本概念。

頁面尺寸分辨率為800×600：頁面的顯示尺寸為：780×428個象素；分辨率為1024×768：頁面的顯示尺寸為：1007×600個象素。2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的基本概念982、網(wǎng)頁的設(shè)計

網(wǎng)頁布局

⊙整體造型這里是指頁面的整體形象，這種形象應(yīng)該是一個整體，圖形與文本的結(jié)合應(yīng)該是層疊有序的。雖然顯示器和瀏覽器都是矩形的，但對于頁面的造型，設(shè)計者可以充分運用自然界中的各種形狀及它們的組合，如矩形、圓形、三角形、菱形等。

2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局992、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的一般步驟

（1）構(gòu)思根據(jù)網(wǎng)站內(nèi)容的整體風(fēng)格，設(shè)計版面布局。不要講究細(xì)節(jié)，只要有一個輪廓。（2）初步填充內(nèi)容這一步就要把一些主要的內(nèi)容放到網(wǎng)頁中，例如，網(wǎng)站的標(biāo)志、廣告條、菜單、導(dǎo)航條、計數(shù)器等。（3）細(xì)化在這一步，設(shè)計者可以利用網(wǎng)頁編輯工具把草案做成一個簡略的網(wǎng)頁，當(dāng)然，對每一種元素所占的比例也要有一個詳細(xì)的數(shù)字，以便以后修改。2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的一般步驟1002、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的原則在構(gòu)思和設(shè)計的過程中，設(shè)計者還必須要掌握以下幾項原則。（1）平衡性（2）對稱性（3）疏密度2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的原則1012、網(wǎng)頁的設(shè)計

網(wǎng)頁布局類型網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等。

2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局類型1022、網(wǎng)頁的設(shè)計2、網(wǎng)頁的設(shè)計1032、網(wǎng)頁的設(shè)計2、網(wǎng)頁的設(shè)計1042、網(wǎng)頁的設(shè)計

標(biāo)題正文型布局

標(biāo)題正文型布局的最上面是標(biāo)題或類似的一些東西，下面一般是正文，例如，一些文章頁面或注冊頁面等就屬于這種類型。

左右框架型布局

采用左右框架型布局的網(wǎng)頁分為左、右兩部分，一般左面是導(dǎo)航鏈接，有時最上面會有一個小的標(biāo)題或標(biāo)志，右面是正文。大部分大型論壇和網(wǎng)頁教程都使用這種布局，有一些個人網(wǎng)站和企業(yè)網(wǎng)站也喜歡采用這種布局。2、網(wǎng)頁的設(shè)計

標(biāo)題正文型布局1052、網(wǎng)頁的設(shè)計

上下框架型布局上下框架型布局與左右框架型布局類似，區(qū)別僅僅在于這種布局分為上、下兩部分。

綜合框架型布局綜合框架型布局是左右框架型布局與上下框架型布局的結(jié)合，相對較復(fù)雜，類似于拐角型布局，只是采用了框架結(jié)構(gòu)。

封面型布局封面型布局一般出現(xiàn)在一些網(wǎng)站的首頁，由一些精美的平面設(shè)計結(jié)合一些小的動畫組成，在頁面中放上幾個簡單的鏈接或者僅僅是一個“進(jìn)入”的鏈接，甚至直接在圖片上加上鏈接而沒有任何提示。這種布局需要精心設(shè)計，能給人帶來賞心悅目的感覺。2、網(wǎng)頁的設(shè)計

上下框架型布局1062、網(wǎng)頁的設(shè)計

配色原則

網(wǎng)站給人的第一印象來自于視覺，因此，確定網(wǎng)站的色彩相當(dāng)重要。不同的色彩搭配產(chǎn)生不同的效果，從而使網(wǎng)站給人以不同的視覺效果，吸引訪問者的注意力。

2、網(wǎng)頁的設(shè)計

配色原則1072、網(wǎng)頁的設(shè)計1．色彩的形成簡單地說，色彩是一種視覺，是光作用于眼睛的結(jié)果。紅、綠、藍(lán)色的光被稱為三原色光。2．色彩的特征色彩的基本特征主要有色調(diào)、亮度和飽和度三個。色調(diào)表現(xiàn)色彩的種類，亮度表現(xiàn)色彩的明亮程度，飽和度表現(xiàn)色彩的鮮艷程度。2、網(wǎng)頁的設(shè)計1．色彩的形成1082、網(wǎng)頁的設(shè)計

配色原則

3．色彩的心理感覺自然界的各種色彩會在人的心中留下不同的印象，產(chǎn)生不同的心理感覺，例如：紅色是一種激奮的色彩，具有刺激效果，能使人產(chǎn)生沖動、憤怒、熱情、活力的感覺；

2、網(wǎng)頁的設(shè)計

配色原則1092、網(wǎng)頁的設(shè)計

配色原則

4．色彩的分類按照色彩對人們心理的影響可以進(jìn)行以下分類。

暖色系：紅、橙、橙黃、黃等色彩讓人覺得溫馨、和煦、熱情。

中性系：黃綠、綠等色彩讓人覺得舒適、和諧。

冷色系：青綠、藍(lán)綠、藍(lán)等色彩讓人覺得寧靜、清涼、高雅。

2、網(wǎng)頁的設(shè)計

配色原則1102、網(wǎng)頁的設(shè)計

例子設(shè)計出售冷食的虛擬店面，應(yīng)使用消極而沉靜的顏色，使人從心理上感覺涼爽一些。如果要制作一個休閑主題的個人站點，不妨將網(wǎng)站色彩設(shè)計為天藍(lán)色，如以海水為背景，再搭配一些魚兒的效果會更好。2、網(wǎng)頁的設(shè)計

例子1112、網(wǎng)頁的設(shè)計

配色原則

5．色彩的選擇和搭配

在制作網(wǎng)站的時候，色彩的選擇和搭配非常重要。一個網(wǎng)站格調(diào)的確定，往往取決于色彩的選擇與搭配是否適當(dāng)。2、網(wǎng)頁的設(shè)計

配色原則1122、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的常用技術(shù)

（1）CSS（層疊樣式表）布局CSS對于初學(xué)者來說顯得有點復(fù)雜，但它的確是一種好的布局方法。（2）表格布局優(yōu)勢：能對不同對象加以處理，而又不用擔(dān)心不同對象之間的影響。缺點：當(dāng)設(shè)計者使用了過多的表格時，會影響頁面的下載速度。

2、網(wǎng)頁的設(shè)計

網(wǎng)頁布局的常用技術(shù)1132、網(wǎng)頁的設(shè)計（3）框架布局由于框架技術(shù)的兼容性問題，框架結(jié)構(gòu)的頁面不太受歡迎。但從布局上考慮，框架結(jié)構(gòu)不失為一個好的布局方法。（4）div+css布局div+css是進(jìn)階段的，分布模式很隨意。

2、網(wǎng)頁的設(shè)計（3）框架布局1142、網(wǎng)頁的設(shè)計1、上網(wǎng)查看不同的網(wǎng)頁，分析其網(wǎng)頁的組成元素有哪些。2、打開一些您熟悉的網(wǎng)站，瀏覽網(wǎng)頁，分析其屬于哪種布局和色彩搭配。3、根據(jù)自己的經(jīng)驗和體會，談?wù)剬W(wǎng)頁配色的看法。2、網(wǎng)頁的設(shè)計1、上網(wǎng)查看不同的網(wǎng)頁，分析其網(wǎng)頁的組成元素有1153、網(wǎng)站設(shè)計

網(wǎng)站設(shè)計的主要任務(wù)

⊙網(wǎng)站架構(gòu)設(shè)計；⊙以瀏覽器為客戶端的Web應(yīng)用程序開發(fā)；⊙系統(tǒng)測試及網(wǎng)站發(fā)布。3、網(wǎng)站設(shè)計

網(wǎng)站設(shè)計的主要任務(wù)1163、網(wǎng)站設(shè)計

確定網(wǎng)站的類型

門戶網(wǎng)站門戶網(wǎng)站（PortalSite）集合了眾多內(nèi)容，提供多樣服務(wù)。比較知名的中文門戶網(wǎng)站有三類：一類是像新浪、搜狐、網(wǎng)易這樣完全由國內(nèi)網(wǎng)絡(luò)公司經(jīng)營的網(wǎng)站，網(wǎng)站內(nèi)容除了搜索引擎外，還包括新聞、娛樂、游戲、文化、體育、健康、科技、財經(jīng)、教育等若干版塊，以及網(wǎng)上短信、個人主頁空間、免費郵箱等服務(wù)項目；3、網(wǎng)站設(shè)計

確定網(wǎng)站的類型1173、網(wǎng)站設(shè)計

門戶網(wǎng)站第二類是境外投資的網(wǎng)站，如中文雅虎、美國在線等，網(wǎng)站內(nèi)容以新聞和娛樂為主；第三類是國內(nèi)傳統(tǒng)媒體辦的網(wǎng)站，以人民網(wǎng)、新華網(wǎng)、央視國際為代表，以提供新聞和時事評論為主。3、網(wǎng)站設(shè)計

門戶網(wǎng)站1183、網(wǎng)站設(shè)計

普及型網(wǎng)站

此類網(wǎng)站包括企業(yè)網(wǎng)站、大學(xué)網(wǎng)站、政府網(wǎng)站及數(shù)量眾多的個人網(wǎng)站。

3、網(wǎng)站設(shè)計

普及型網(wǎng)站1193、網(wǎng)站設(shè)計

電子商務(wù)類網(wǎng)站

電子商務(wù)類網(wǎng)站分為B2B（商家對商家）和B2C（商家對個人客戶）兩種，按照交易過程可分為商品檢索、商品采購、訂單支付三個階段。

3、網(wǎng)站設(shè)計

電子商務(wù)類網(wǎng)站1203、網(wǎng)站設(shè)計

電子商務(wù)類網(wǎng)站

具有如下功能：商品發(fā)布；商品選購；購物車；在線交易功能；商品交接、資金結(jié)算功能。3、網(wǎng)站設(shè)計

電子商務(wù)類網(wǎng)站1213、網(wǎng)站設(shè)計

媒體信息服務(wù)類網(wǎng)站媒體信息服務(wù)類網(wǎng)站是報社、雜志社、廣播電臺、電視臺等傳統(tǒng)媒體為了樹立自己的網(wǎng)上形象，方便服務(wù)對象而建立的網(wǎng)站，主要功能包括：信息發(fā)布、電子出版、客戶在線咨詢、網(wǎng)站管理。

辦公事務(wù)管理網(wǎng)站辦公事務(wù)管理網(wǎng)站是企業(yè)事業(yè)單位為了實現(xiàn)辦公自動化而建立的內(nèi)部網(wǎng)站，包括以下主要功能模塊：辦公事務(wù)管理、人力資源管理、財務(wù)資產(chǎn)管理和網(wǎng)站管理。

商務(wù)管理網(wǎng)站商務(wù)管理網(wǎng)站是企業(yè)內(nèi)部為了進(jìn)行廣告及商品管理、客戶管理、合同管理、營銷管理等目的而建立的網(wǎng)上辦公平臺。3、網(wǎng)站設(shè)計

媒體信息服務(wù)類網(wǎng)站1223、網(wǎng)站設(shè)計

網(wǎng)站主題的確定

網(wǎng)站使用的主要題材有：網(wǎng)上求職、網(wǎng)上聊天/ICQ、網(wǎng)上社區(qū)/討論/郵件列表、計算機(jī)技術(shù)、網(wǎng)頁/網(wǎng)站開發(fā)、娛樂網(wǎng)站、旅行、參考/資訊、家庭/教育、生活/時尚等。在選擇網(wǎng)站題材的時候要注意以下3點。○主題小而內(nèi)容精○題材最好是自己擅長的內(nèi)容3、網(wǎng)站設(shè)計

網(wǎng)站主題的確定1233、網(wǎng)站設(shè)計

網(wǎng)站名稱的確定

網(wǎng)站名稱也是網(wǎng)站設(shè)計的一部分，而且是很關(guān)鍵的一個要素。例如，“電腦學(xué)習(xí)室”和“電腦之家”相比，后者更簡練些；“迷笛樂園”和“MIDI樂園”相比，后者含義更清晰。選擇網(wǎng)站的名稱時要注意以下3點。⊙名稱要端正⊙名稱要易記⊙名稱要有特色3、網(wǎng)站設(shè)計

網(wǎng)站名稱的確定1243、網(wǎng)站設(shè)計

CI（CorporateIdentity，企業(yè)形象）

是指通過強(qiáng)化視覺效果的手段來加深用戶對企業(yè)形象的印象。例如，可口可樂公司擁有全球統(tǒng)一的標(biāo)志、色彩和產(chǎn)品包裝，給人們的印象極為深刻。3、網(wǎng)站設(shè)計

CI（CorporateIdentity，企1253、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)志（Logo）

首先設(shè)計者需要設(shè)計一個網(wǎng)站的標(biāo)志（Logo）。如同商標(biāo)一樣，Logo是站點特色和內(nèi)涵的集中體現(xiàn)。Logo可以是中文、英文字母、符號或圖案，也可以是動物或人物等。例如，新浪網(wǎng)用字母sina加眼睛作為Logo，體現(xiàn)網(wǎng)站的敏銳和動感的特色。3、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)志（Logo）1263、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)準(zhǔn)色彩

“標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。例如，IBM的深藍(lán)色，肯德基的紅色條紋，Windows的紅、藍(lán)、黃、綠色塊，都使瀏覽者覺得很貼切，很和諧。一個網(wǎng)站的標(biāo)準(zhǔn)色彩不宜超過3種。3、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)準(zhǔn)色彩1273、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)準(zhǔn)字體

標(biāo)準(zhǔn)字體是指用于Logo、標(biāo)題和主菜單的特有字體。一般網(wǎng)頁默認(rèn)的字體是宋體。可以使用粗仿宋體，可以用廣告體，可以用手寫體等。

3、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的標(biāo)準(zhǔn)字體1283、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的宣傳標(biāo)語

網(wǎng)站的宣傳標(biāo)語也可以說是網(wǎng)站的精神、網(wǎng)站的目標(biāo)，最好用一句話甚至一個詞來高度概括。它類似于實際生活中的廣告語句，例如，雀巢的“味道好極了”，Intel的“給你一顆奔騰的心”，給人們留下的印象都極為深刻。3、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的宣傳標(biāo)語1293、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的欄目和版塊

網(wǎng)站欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。例如，網(wǎng)易站點分新聞、體育、財經(jīng)、娛樂、教育等版塊，每個版塊下面有各自的主欄目。3、網(wǎng)站設(shè)計

設(shè)計網(wǎng)站的欄目和版塊1303、網(wǎng)站設(shè)計

申請域名和站點空間

在創(chuàng)建一個Web站點之前，必須先申請域名和站點空間。只有申請了域名和站點空間后，用戶制作的網(wǎng)頁才能發(fā)布到Internet上，供他人瀏覽。

3、網(wǎng)站設(shè)計

申請域名和站點空間1313、網(wǎng)站設(shè)計

申請域名和站點空間