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