《網(wǎng)頁制作基礎(chǔ)知識-網(wǎng)頁制作.ppt》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁制作基礎(chǔ)知識-網(wǎng)頁制作.ppt（32頁珍藏版）》請在裝配圖網(wǎng)上搜索。
1、網(wǎng)頁設(shè)計與制作,網(wǎng)頁制作課程內(nèi)容： 1、網(wǎng)頁制作基礎(chǔ)知識 2、HTML語言 3、Dreamveaver 4、綜合應(yīng)用(課程實訓(xùn)),第一講 網(wǎng)頁制作基礎(chǔ)知識,在學(xué)習(xí)網(wǎng)頁制作之前，首先應(yīng)了解一些網(wǎng)頁與網(wǎng)站的基本知識，了解常用的網(wǎng)頁制作工具，熟悉網(wǎng)站開發(fā)流程。 本講要點： 網(wǎng)頁的基本概念 網(wǎng)頁包括的主要元素 網(wǎng)頁制作流程 網(wǎng)頁制作工具,一、網(wǎng)頁的基本概念,(一)、什么是網(wǎng)頁？ 網(wǎng)頁是使用網(wǎng)頁制作工作編輯生成或使用HTML語言編寫的文本文件，網(wǎng)頁里可以包含文字、表格、圖像、聲音和視頻等網(wǎng)頁元素。每個網(wǎng)頁都是磁盤上的一個文件，可以單獨瀏覽。網(wǎng)頁是組成網(wǎng)站的特殊成分，圖像、聲音、和視頻等文件均需要通過網(wǎng)頁
2、才能讓瀏覽者看到或聽到。,一、網(wǎng)頁的基本概念,(二)、網(wǎng)站的的概念與分類 1、網(wǎng)站的的概念 網(wǎng)站，也稱作站點，英文的名稱是Web Site。 從邏輯上講網(wǎng)站就是一個建構(gòu)在網(wǎng)絡(luò)上、具有獨立名稱的邏輯上的獨立體。再簡單來講，就是一組具有特殊連接方式的頁面群，表現(xiàn)出來就是我們常說的一個網(wǎng)站，比如網(wǎng)易、搜狐、新浪、百度等知名網(wǎng)站。我們個人做的網(wǎng)站雖然規(guī)模上不能和大站相比，但它在結(jié)構(gòu)上也是完全獨立的。 從物理意義上講，所有的網(wǎng)站都架構(gòu)在連接到因特網(wǎng)的服務(wù)器上，其具體網(wǎng)頁文件都存放在一個網(wǎng)站文件夾中。 網(wǎng)站的分類方式有多種，這里我們僅就網(wǎng)站的內(nèi)容與網(wǎng)站的交互性兩方面來分類。,一、網(wǎng)頁的基本概念,2、網(wǎng)站的
3、分類 （1）按內(nèi)容分類 搜索引擎式網(wǎng)站：以搜索引擎為主要功能。如百度、一搜、Google等。 綜合性門戶網(wǎng)站：以新聞信息、娛樂資訊等為主要功能。如搜狐、新浪、網(wǎng)易、雅虎等。 電子商務(wù)網(wǎng)站：主要用于網(wǎng)上交易。如：阿里巴巴、易趣等。 即時通訊網(wǎng)站：用于實時性網(wǎng)上通訊交流。如騰迅QQ、雅虎等。 小型專題或個人主頁：多以宣傳創(chuàng)建者自身，提供信息，或就某一專題提供最新資訊、歷史資料及相關(guān)論壇等內(nèi)容為主要形式。小型企事業(yè)網(wǎng)站或個人網(wǎng)站大多采用這種形式。 （2）按網(wǎng)站交互性來類 單向傳遞：這類網(wǎng)站重點在宣傳自身、介紹產(chǎn)品、發(fā)布新聞等。與傳統(tǒng)媒體的傳播方式相類似，主要是提供資料供用戶瀏覽，其它交流功能則較少。
4、 雙向交流：更注重網(wǎng)絡(luò)與用戶間信息的互動，網(wǎng)站可按用戶的需求提供各種形式的檢索，并且用戶在網(wǎng)上獲取信息的同時，網(wǎng)站也可接收到來自用戶的信息，實現(xiàn)信息共享，用戶還可加入各種網(wǎng)上互動活動，如參加論壇討論，進(jìn)行在線游戲等。,一、網(wǎng)頁的基本概念,(三)、網(wǎng)頁是如何被瀏覽的？ 網(wǎng)頁是能夠被瀏覽器軟件識別的文件，但有時也把用瀏覽器看到的網(wǎng)頁文件的內(nèi)容叫網(wǎng)頁或頁面。 瀏覽器是專門用于瀏覽網(wǎng)頁的軟件，常用的瀏覽器軟件有Microsoft的IE和Netscape的Navigator等。 HTML文件中還定義了網(wǎng)頁中的各種對象（如：文字，圖片，聲音，圖像，動畫）的位置，外形和色彩，各種圖像，聲音，動畫等文件則是網(wǎng)
5、頁的素材。 網(wǎng)頁瀏覽者在瀏覽網(wǎng)頁時，實際上是將HTML文件及相關(guān)的文本、圖像、聲音等文件下載到自已本地的計算機(jī)中，然后由瀏覽器程序?qū)TML文件進(jìn)行解釋后顯示網(wǎng)頁內(nèi)容。,一、網(wǎng)頁的基本概念,（四）、網(wǎng)頁制作常用術(shù)語 1、HTML文件 用超文本標(biāo)記語言編寫的超文本文件稱為HTML（HyperText mark-up language）文件，它能不受各種操作系統(tǒng)限制，獨立地運行于各種操作系統(tǒng)平臺之上。 HTML文件作用：HTML語言主要用于靜態(tài)網(wǎng)頁設(shè)計，自1990年起HTML語言就一直被用作World Wide Web（WWW）上的信息表示語言，用于描述網(wǎng)頁的格式，設(shè)計它與WWW上其它主頁的鏈接信
6、息。 HTML文件是網(wǎng)頁的源文件，是一個放置了標(biāo)記的ASCII文本文件，通常以.htm或.html為擴(kuò)展名。,一、網(wǎng)頁的基本概念,2、服務(wù)器和客戶機(jī) 瀏覽者在訪問網(wǎng)頁時，是由瀏覽者本地的計算機(jī)向存放網(wǎng)頁的遠(yuǎn)程計算機(jī)發(fā)出一個請求。遠(yuǎn)程計算機(jī)在收到請求后，將所需要的瀏覽內(nèi)容（即網(wǎng)頁）發(fā)送給本地計算機(jī)。那么本地的計算機(jī)被稱為客戶計算機(jī)（Client），遠(yuǎn)程存放網(wǎng)頁的計算機(jī)被稱為服務(wù)器（Server），根據(jù)服務(wù)器上運行的程序類型及服務(wù)器與客戶所使用的通信協(xié)議的作用的不同，服務(wù)器可分為WWW（Web）服務(wù)器，F(xiàn)TP服務(wù)器等。,一、網(wǎng)頁的基本概念,3、IP地址和域名 IP地址：為了使連接在Internet
7、上的計算機(jī)能夠互相識別并進(jìn)行通信，每臺連入Internet的計算機(jī)必須有個“標(biāo)識號”，這個標(biāo)識號便是計算機(jī)在Internet中的地址。這個地址是由IP協(xié)議進(jìn)行處理的，故稱為計算機(jī)的IP地址。 IP地址是一個32位的二進(jìn)制數(shù)，IP地址的寫法是按8位為一組分組4組，組與組之間用小數(shù)點分隔，每組數(shù)值用十進(jìn)制數(shù)表示: 如:某臺計算機(jī)的IP地址為202.121.160.78 IP地址包含兩部分:一部分是網(wǎng)絡(luò)號,用以區(qū)分在Internet上互聯(lián)的各個網(wǎng)絡(luò);另一部分是計算機(jī)號,用以區(qū)分在同一網(wǎng)絡(luò)上的不同計算機(jī)。 域名：Internet規(guī)定了一套命令機(jī)制，稱為域名系統(tǒng)DNS（Domain Name Syste
8、m）。按域名系統(tǒng)定義的計算機(jī)名字稱為域名。 如： 當(dāng)用戶用域名來訪問遠(yuǎn)程的計算機(jī)時,必須由Internet的DNS的名字服務(wù)器(Name Server)將域名翻譯成對應(yīng)的32位IP地址,然后才能完成對遠(yuǎn)程的計算機(jī)的訪問。,一、網(wǎng)頁的基本概念,4、虛擬主機(jī) 虛擬主機(jī)是使用特殊的軟、硬件技術(shù)把一臺服務(wù)器主機(jī)分成幾十個“虛擬”的服務(wù)器主機(jī)，每臺虛擬主機(jī)都具有獨立的域名和IP地址（或共亨的IP地址），具有完整的Internet服務(wù)器功能。 虛擬主機(jī)之間完全獨立，在外界看來，每臺虛擬主機(jī)和一臺獨立的服務(wù)器主機(jī)完全一樣。多臺虛擬主機(jī)共亨真實主機(jī)的資源，這樣就可以把網(wǎng)絡(luò)的開銷費用均攤到每臺虛擬主機(jī)上。 可
9、利用虛擬主機(jī)技術(shù)建立個人主頁，在大型網(wǎng)站上（提供存放主頁的免費空間，提供免費域名）申請主頁空間和域名（免費或收費），獲得成功后，把你制作的網(wǎng)頁存放在虛擬主機(jī)上，這樣你就好象在Internet上擁有了自己的服務(wù)器和網(wǎng)站。,一、網(wǎng)頁的基本概念,5、統(tǒng)一資源定位器（url） 統(tǒng)一資源定位器（Uniform Resource Locator）是全球www網(wǎng)服務(wù)器資源的標(biāo)準(zhǔn)尋址定位源碼，用于確定資源相應(yīng)的位置及所需檢索的文件。其優(yōu)點是用字符串來指向所需的信息，從而進(jìn)行資料的檢索。 URL 由3部分組成: Internet協(xié)議 域名 主機(jī)路徑及文件名 協(xié)議有： http://超文本傳輸協(xié)議 ftp: 文本
10、傳輸協(xié)議 telnet:遠(yuǎn)程登陸協(xié)議,一、網(wǎng)頁的基本概念,6、文件傳輸協(xié)議(FTP) 文件傳輸協(xié)議(FTP)(file transfer pretocol) 用于網(wǎng)絡(luò)調(diào)節(jié)點間文件的雙向傳輸,是實現(xiàn)資源共享的重要方式和有效手段之一。 FPT 是支持用戶實現(xiàn)把文件從一臺計算機(jī)中傳輸?shù)搅硪慌_計算機(jī)中,并且能保證傳輸?shù)目煽啃浴?用戶在本地計算機(jī)上做好的主頁除了用DW4.0上傳之外。還可以用FTP上傳到達(dá)遠(yuǎn)程的主機(jī)中。常用的FTP工具有CuteFTP和LeapFTP等。,一、網(wǎng)頁的基本概念,7. 網(wǎng)站的發(fā)布 網(wǎng)站制作好后還需要發(fā)布才能被瀏覽者瀏覽。網(wǎng)站的性質(zhì)不同，發(fā)布方式也不同。 (1)企業(yè)級商業(yè)網(wǎng)站的
11、發(fā)布 如果企業(yè)有足夠的資金和技術(shù)支持，可以考慮創(chuàng)建自己的網(wǎng)絡(luò)中心。硬件方面需要有性能穩(wěn)定的服務(wù)器、路由器、交換機(jī)，并要向當(dāng)?shù)氐碾娦挪块T申請網(wǎng)絡(luò)專線。同時需要有一定數(shù)量的專人對網(wǎng)站進(jìn)行維護(hù)和管理。,一、網(wǎng)頁的基本概念,7. 網(wǎng)站的發(fā)布 (2)中小企業(yè)級或小型組織社團(tuán)的網(wǎng)站發(fā)布 如果沒有條件創(chuàng)建獨立的網(wǎng)站硬件環(huán)境，或者網(wǎng)站規(guī)模并不大，不需要創(chuàng)建獨立的網(wǎng)站硬件環(huán)境，可以選擇以下幾種小型網(wǎng)站的解決方案。 1)租賃虛擬主機(jī)： 如果網(wǎng)站的內(nèi)容不是很多，也不需要大量的服務(wù)器空間支持?jǐn)?shù)據(jù)庫，可以采用這種發(fā)布方式，也就是租用ISP主機(jī)服務(wù)器的一定空間，比如100MB，來發(fā)布網(wǎng)站，一年需要支付幾千元，就可以建立一
12、個功能比較強大的網(wǎng)站。目前，這是大多數(shù)中小企業(yè)和社會團(tuán)體、較具規(guī)模的各種組織網(wǎng)站多采用的模式。 2)服務(wù)器托管： 如果在網(wǎng)站里需要大量數(shù)據(jù)庫支持，可以采用這種方式。將網(wǎng)絡(luò)服務(wù)器主機(jī)存放在某個ISP的網(wǎng)絡(luò)中心里，借用他們的通信系統(tǒng)接入因接網(wǎng)。ISP的人員還可代為維護(hù)，這樣既可以節(jié)省相當(dāng)?shù)木W(wǎng)絡(luò)管理人員和許多通信設(shè)備的同時，又能達(dá)到網(wǎng)站的高性能。 3)DDN專線接入： 這種方式有些類似于服務(wù)器托管，就是也有自己的服務(wù)器，但不是存入放在ISP網(wǎng)管中心，而是存放在自己的機(jī)房中，利用DDN或其他專線接入方式與ISP的通訊系統(tǒng)相連，由ISP連入因特網(wǎng)，這種方式的費用也很高，因為專線多是每月要收比較貴的月租費
13、，而且還有一個容量問題，如果專線容量較小，網(wǎng)站所能被訪問的人數(shù)就會較少。,一、網(wǎng)頁的基本概念,7. 網(wǎng)站的發(fā)布 (3)免費主頁空間 如果只是想建立一個小型的、功能簡單的網(wǎng)站，當(dāng)然也可采用以上形式，但這需要有相應(yīng)有費用支持，投資與效益的比例關(guān)系需要權(quán)衡。如果目前還不想投資太多，那么免費主頁空間將是較好的選擇。但現(xiàn)在較好的免費主頁空間不多，且一般不支持ASP、JSP、CGI等高級功能。,一、網(wǎng)頁的基本概念,8、超文本、超媒體、超鏈接 超文本文件（HyperText）就是指在文本中包含了與其他文本的鏈接的文件。超級鏈接文本下方帶有下劃線。 超媒體（Hypermedia）進(jìn)一步擴(kuò)展了超文本所鏈接的信息
14、類型。 超媒體文件就是一種文字、影像、圖片、動畫、聲音綜合在一起的文件。 超鏈接（Hyperlink）是WWW上使用最多的一種技術(shù)。它是超文本、超媒體、超鏈接以及與其媒體之間的鏈接，也是一種從源端點到目標(biāo)端點的一種鏈接。在網(wǎng)頁中，當(dāng)鼠標(biāo)移到超鏈接處，會呈現(xiàn)手的的形狀，表示單擊該處，可以鏈接到該提示所指的頁面。,一、網(wǎng)頁的基本概念,9、主頁 主頁（HOME PAGE），也稱為首頁，它和一般網(wǎng)頁一樣，是一個單獨的網(wǎng)頁，可以存放各種信息。主頁是特殊的網(wǎng)頁，是這個站點中所有網(wǎng)頁文件的起點和交點，也是瀏覽者瀏覽一個網(wǎng)站的起點。主頁應(yīng)給出站點的基本信息和主要內(nèi)容，使瀏覽者一目了然地了解站點的基本主題，了解
15、站點的信息是否對自己有用。,二、網(wǎng)頁包括的主要元素,網(wǎng)頁中除包含文本、聲音外，還包含圖像、導(dǎo)航、表格、表單等元素： （1）文本 文本是人類最重要的信息載體和交流工具，網(wǎng)頁的主體一般以文本為主。在制作網(wǎng)頁時，可以根據(jù)需要設(shè)置文本的字體、字號、顏色以及所需要的其他格式。,二、網(wǎng)頁包括的主要元素,（2）圖像 圖像在網(wǎng)頁中可以起到提供信息、展示作品、美化網(wǎng)頁以及體現(xiàn)風(fēng)格等效果。圖像可以用作標(biāo)題、網(wǎng)站標(biāo)志（Logo）、網(wǎng)頁背景、鏈接按鈕、導(dǎo)航欄、網(wǎng)頁主圖等。由于網(wǎng)絡(luò)對網(wǎng)頁文件的容量要求非?？量?，因此在網(wǎng)頁中只支持壓縮比較高的GIF、JPEG、BMP等幾種圖像格式。 （3）動畫 動畫即動態(tài)畫面，它是由一組
16、靜態(tài)畫面組成的連續(xù)播放便形成了動畫。 動畫可由fireworks、flash、3dmax等軟件制作。,二、網(wǎng)頁包括的主要元素,（4）導(dǎo)航欄 導(dǎo)航欄類似于軟件中的菜單，實質(zhì)上是一串超鏈接。其作用是目錄提綱，是瀏覽網(wǎng)頁的引航路標(biāo)，使瀏覽者順利的瀏覽網(wǎng)站內(nèi)容，是建設(shè)網(wǎng)站過程中的一條主目錄。導(dǎo)航欄可以是按鈕、文本或圖像。站點的每個網(wǎng)頁上均應(yīng)設(shè)置導(dǎo)航欄，導(dǎo)航欄應(yīng)放置在網(wǎng)頁比較明顯的位置。 （5）超級鏈接 超級鏈接是網(wǎng)頁中很有作的功能，是從一個網(wǎng)頁指向另一個目的端的鏈接，該鏈接既可以指向本地網(wǎng)站的另一個網(wǎng)頁，也可以指向世界各地的其他網(wǎng)頁。不論是文字還是圖像，都可以設(shè)置超級鏈接。超級鏈接一般包括兩種類型：站
17、內(nèi)鏈接和站外鏈接,二、網(wǎng)頁包括的主要元素,(6)表格 網(wǎng)頁中的表格是一種用于控制網(wǎng)頁頁面布局的有效方法。為了達(dá)到理想的視覺效果，通常不顯示邊框。如果網(wǎng)頁具有橫豎分明的風(fēng)格，那么一定是由表格輔助布局。 (7)表單 表單是能夠?qū)崿F(xiàn)人機(jī)交互的網(wǎng)頁界面，一種特殊的網(wǎng)頁元素，通常用于收集或?qū)崿F(xiàn)一些交互式的效果。表單的主要功能是接收瀏覽者在瀏覽器端的輸入信息，然后將這些信息發(fā)送到瀏覽者設(shè)置的目的端。比如用戶注冊，要填一些表格，做出一些選擇后提交，提交的信息將上傳到服務(wù)器。 (8)多媒體及特殊效果 為了吸引瀏覽者，許多網(wǎng)頁還包含有聲音、視頻等多媒體元素，以及懸停效果、Java控件、ActiveX控件等特殊效
18、果。,三、網(wǎng)站制作流程,網(wǎng)站設(shè)計是一個系統(tǒng)工程，具有特定的工作流程，遵循這個流程，才能設(shè)計出令人滿意的網(wǎng)站。網(wǎng)站設(shè)計主要分為網(wǎng)站規(guī)劃、網(wǎng)站制作、后期維護(hù)三個階段，如下圖所示：,三、網(wǎng)站制作流程,(一)網(wǎng)站規(guī)劃 制作網(wǎng)頁如同潑墨作畫，首先要進(jìn)行構(gòu)思，然后再加以實現(xiàn)。這種構(gòu)思就是網(wǎng)站規(guī)劃。網(wǎng)站規(guī)劃的總體原則有兩個：一是為讀者提供有用信息，二是要美觀。 1、確定網(wǎng)站的主題與名稱 網(wǎng)站的主題是指建立的網(wǎng)站所要包含的主要內(nèi)容。例如，教育、旅游、體育、新聞、醫(yī)療、時尚、娛樂、搜索等。其中每一大類又可細(xì)分為若干小類。一般來說，確定網(wǎng)站主題應(yīng)遵循以下原則： (1)主題鮮明：一個網(wǎng)站必須要有一個明確的主題，在主
19、題范圍內(nèi)做到內(nèi)容全而精。 (2)明確設(shè)立網(wǎng)站的目的。 (3)體現(xiàn)自己的個性。把自己的興趣、愛好盡情地發(fā)揮出來，突出自己的個性，辦出自己的特色。 在個人網(wǎng)站中，網(wǎng)站的名稱起著很重要的作用，它在很大程度上決定了整個網(wǎng)站的定位。一個好的名稱必須簡潔、有概括性、有特色、容易記，還要符合自己主頁的主題和風(fēng)格。,三、網(wǎng)站制作流程,2、搜集材料 確定網(wǎng)站主題后，要圍繞主題搜集材料，作為自己制作網(wǎng)頁的素材。搜集的材料越多，制作網(wǎng)站越容易。材料既可以從圖書、報紙、光盤、多媒體上獲得，也可以從網(wǎng)上搜集。對搜集到材料就去粗取精，去偽存真。 3、規(guī)劃網(wǎng)站 規(guī)劃網(wǎng)站就象設(shè)計師設(shè)計大樓一樣，只有圖紙設(shè)計好了，才能建成一座
20、漂亮的樓房。規(guī)劃網(wǎng)站時，首先應(yīng)把網(wǎng)站的內(nèi)容列舉出來，根據(jù)內(nèi)容列出一個結(jié)構(gòu)化的藍(lán)圖，根據(jù)實際情況設(shè)計各個頁面之間的鏈接。規(guī)劃網(wǎng)站的內(nèi)容應(yīng)包括：欄目的設(shè)置、目錄結(jié)構(gòu)、網(wǎng)站的風(fēng)格（即顏色、搭配、網(wǎng)站標(biāo)志LOGO、版面布局、圖像的運用）等。 設(shè)計LOGO的原則是：以簡潔、符號化的視覺藝術(shù)把網(wǎng)站的形象和理念展示出來。,三、網(wǎng)站制作流程,(1)主題欄的設(shè)置 在設(shè)計網(wǎng)站的主題欄與版塊時應(yīng)注意以下幾個問題： 1）突出主題。把主題欄放在最明顯的地方，讓瀏覽者更快、更明確地知道網(wǎng)站所表現(xiàn)的內(nèi)容。 2）設(shè)計一個最近更新欄目，讓瀏覽者一目了然地知道更新內(nèi)容。 3）欄目不要設(shè)置太多，一般不超過10個。 (2)目錄結(jié)構(gòu)設(shè)
21、計 目錄結(jié)構(gòu)設(shè)計一般應(yīng)注意以下問題： 1）按欄目內(nèi)容建立子目錄。 2）每個欄目下分別為圖像文件創(chuàng)建一個子目錄IMAGE（圖像較少時可不創(chuàng)建） 3）目錄的層次不要太深，主要欄目最好能直接從首頁到達(dá)。 4）盡量使用意義明確的非中文目錄。 (3)顏色搭配 合理的應(yīng)用色彩是非常關(guān)鍵的，不同的色彩搭配產(chǎn)生不同的效果，并能影響瀏覽者的情緒。網(wǎng)頁選用的背景應(yīng)和頁面的色調(diào)相協(xié)調(diào)，色彩搭配要遵循和諧、均衡、重點突出的原則。 (4)網(wǎng)站標(biāo)志LOGO LOGO最重要的作用就是表達(dá)網(wǎng)站的理念，便于人們識別，廣泛地用于站點鏈接和宣傳。如同商標(biāo)一樣，LOGO是站點特色和內(nèi)涵的集中體現(xiàn)。如果是企業(yè)網(wǎng)站，最好是在企業(yè)商標(biāo)的基
22、礎(chǔ)上設(shè)計，保持企業(yè)形象的整體統(tǒng)一。,三、網(wǎng)站制作流程,(5)版面布局 網(wǎng)頁頁面的整體布局是不可忽視的。要合理地運用空間，讓網(wǎng)頁疏密有致、井井有條。 版面布局一般應(yīng)遵循的原則是：突出重點、平衡和諧，將網(wǎng)站標(biāo)志（LOGO）、主菜單等最重要的模塊放在突出的位置，然后再排放次要模塊（例如搜索、計數(shù)器、版權(quán)信息、E-mail地址等）。 此外，其他頁面的設(shè)計應(yīng)和首頁保持相同的風(fēng)格，并有返回首頁的鏈接。 (6)圖像的運用 網(wǎng)頁上應(yīng)適當(dāng)?shù)靥砑右恍﹫D像，使用圖像一般應(yīng)注意以下幾個問題： 1）圖像是為主頁的內(nèi)容服務(wù)的，不以讓圖像喧賓奪主。 2）圖像要兼顧大小和美觀。圖片不僅要好看，還應(yīng)在保證圖片質(zhì)量的情況下盡量縮
23、小圖片的大?。醋止?jié)數(shù)）。圖像過大會影響網(wǎng)頁的傳輸速度。 3）合理地采用JPEG和GIF圖像格式。顏色較少的（256色以內(nèi)）圖像，可處理為GIF格式，色彩比較豐富的圖像，最好處理為JPEG格式。,三、網(wǎng)站制作流程,(二)網(wǎng)站制作 1、制作網(wǎng)站 制作網(wǎng)站主要包括以下步驟： (1)建立本地站點。建立站點根文件夾，用于存放首頁、相關(guān)網(wǎng)頁和網(wǎng)站中用到的其他文件。 (2)在站點根文件夾下創(chuàng)建子文件夾。為了使文件安排比較清晰，將頁面文件和圖像文件分開存放。 (3)向站點添加所需要的空網(wǎng)頁。 (4)設(shè)計網(wǎng)頁盡寸。頁面大小一般選擇800600規(guī)格。 (5)設(shè)計網(wǎng)頁屬性，包括頁面標(biāo)題、背景圖像、背景顏色、鏈接顏
24、色、文字顏色等。 (6)向網(wǎng)頁中插入文本、圖像、動畫等對象。 (7)建立所需要的超級鏈接。 (8)預(yù)覽和保存網(wǎng)頁。,三、網(wǎng)站制作流程,2、上傳與測試 測試評估與正式上傳是不可分割的兩部分。 制作完畢的網(wǎng)頁，必須進(jìn)行測試。測試評估主要包括上傳前的兼容性測試、鏈接測試和上傳后的實地測試。完成上傳前所需要的測試后，利用FTP工具將網(wǎng)頁發(fā)布到所申請的主頁服務(wù)器上。網(wǎng)站上傳后，繼續(xù)通過瀏覽器進(jìn)行實地測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。,三、網(wǎng)站制作流程,(三)后期維護(hù) 1、推銷網(wǎng)站 網(wǎng)頁上傳后，需要不斷地進(jìn)行宣傳，以便讓更多的朋友認(rèn)識它，從而提高網(wǎng)站的訪問率與知名度。推廣網(wǎng)站的方法很多，例如，利用
25、E-mail、新聞組、與別的網(wǎng)站交換鏈接（友情鏈接）、到搜索引擎上注冊、加入交換廣告等。 2、維護(hù)更新 網(wǎng)站必須定期維護(hù)、定期更新，只有不斷地補充新內(nèi)容，才能吸引瀏覽者。同時，隨著軟硬件的進(jìn)步，網(wǎng)頁的設(shè)計也應(yīng)由文字向多媒體、由平面圖像向立體動畫或影片、由單向傳播向交互式發(fā)展。,四、網(wǎng)頁制作工具簡介,早期的網(wǎng)頁一般是由專業(yè)人員利用HTML語言編寫實現(xiàn)的。目前，已出現(xiàn)多種可視化程度很高的網(wǎng)頁制作工作，不需要掌握專業(yè)的網(wǎng)頁制作技術(shù)也能創(chuàng)作出富有特色、豐富多彩的網(wǎng)頁。 (一)網(wǎng)頁編輯工具 1、FrontPage FrontPage是Microsoft公司出品的入門級網(wǎng)頁編輯軟件。FrontPage支持
26、所見即所得的編輯方式，它不需要掌握很深的網(wǎng)頁制作技術(shù)。其基本使用方法與WORD類似。FrontPage最有特色的功能是站點管理。在更新服務(wù)器上的站點時，不需要創(chuàng)建更改文件目錄，F(xiàn)rontPage將自動跟蹤文件并拷貝那些新版本的文件。 2、Dreamweaver Dreamweaver是Macromedia公司推出的網(wǎng)頁制作產(chǎn)品，它是一個用于可視化設(shè)計與管理網(wǎng)頁和網(wǎng)站的工具，支持最新的WEB技術(shù)。它與MACROMEDIA公司的FLASH、FIREWORKS、FREEHAND 配合使用，功能更為強大，是目前專業(yè)人士首選的網(wǎng)頁制作工具。Dreaweaver、Flash和Firework被稱為“網(wǎng)頁制
27、作三劍客”。,四、網(wǎng)頁制作工具簡介,(二)網(wǎng)頁圖像與動畫制作工具 網(wǎng)頁通常具有豐富多彩的圖像和動畫。對于網(wǎng)頁中的圖像和動畫，既要求質(zhì)量高，同時還要求文件所占存儲空間小。 1、Fireworks Fireworks是Macromedia公司專門設(shè)計的WEB圖形工具軟件，它可以用最少的步驟生成最小但質(zhì)量很高的JPEG和GIF圖像，這些圖像可以直接用于網(wǎng)頁上。Fireworks是WEB圖形工具的首選軟件。 2、Flash Flash是Macromedia公司專門為網(wǎng)頁設(shè)計的一個交互性矢量動畫設(shè)計軟件。網(wǎng)頁設(shè)計者可以隨心所欲地設(shè)計各種動態(tài)LOGO（商標(biāo)、圖案）、動畫、導(dǎo)航條，還可帶有動感音樂，以及其他
28、多媒體的各項功能。由于矢量圖形不會因為縮放而失真，因此在WEB上應(yīng)用廣泛。 3、Photoshop Photoshop是由Adobe公司出品的著名的圖形圖像處理軟件。它能夠?qū)崿F(xiàn)各種專業(yè)化的圖像處理，是專業(yè)圖像創(chuàng)作的首選軟件。,四、網(wǎng)頁制作工具簡介,4、PhotoImpact PhotoImpact是友立（Ulead）咨詢股份有限公司推出的圖像處理軟件，它功能強大，易于使用，在商業(yè)廣告和WEB圖像應(yīng)用方面有著突出的優(yōu)勢。對于非專業(yè)用戶來說，PhotoImpact是一個很好的選擇。 5、COOL 3D COOL 3D是友立（Ulead）咨詢股份有限公司推出的三維立體文字特效工具，它廣泛地應(yīng)用于平面設(shè)計和網(wǎng)頁制作領(lǐng)域。COOL 3D主要用于制作文字的各種靜態(tài)和動態(tài)特效。 6、GIF Animator GIF Animator也是友立（Ulead）公司發(fā)布的一個動畫GIF制作工具。它可以將多幅外部圖像文件組合成動畫，還具有濾鏡勸功能、條幅文字效果等?？梢允褂肎IF Animator創(chuàng)建和編輯網(wǎng)頁動畫文件。,
網(wǎng)頁制作基礎(chǔ)知識-網(wǎng)頁制作.ppt
