網(wǎng)頁設計與制作結(jié)課論文

1、網(wǎng)頁設計與制作結(jié)課論文網(wǎng)頁的內(nèi)容通常是由圖片和文字組成。由文字構成網(wǎng)頁的主體,而圖片則能夠美化和增色你的網(wǎng)頁。那些包含了設計精美圖片的網(wǎng)站,往往能讓瀏覽者流連忘返。因此,有漂亮的圖片是你的網(wǎng)頁能吸引人的一個有力保證。超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息,使用戶和網(wǎng)站進行交互,使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用?？蚣芫W(wǎng)頁是一種特殊的HTML網(wǎng)頁,使用框架網(wǎng)頁可以同時瀏覽幾個不同的Web頁面,使用Web 頁面顯示一致的用戶界面和靈活的頁面內(nèi)容。網(wǎng)頁制作的高級技術包括:在網(wǎng)頁中插入FLASH動畫利用Java或者JavaScript制作網(wǎng)頁的動態(tài)效果。網(wǎng)頁

2、中使用插件,視頻等Web組件以及創(chuàng)建、發(fā)布和管理站點等技術。Web頁面往往是具有各種各樣的頁面元素、豐富的內(nèi)容和復雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁制作技術,不可能創(chuàng)作出一個優(yōu)秀的Web頁面,一個美觀而實用的Web頁面往往需要綜合利用各種技術。以下是制作網(wǎng)頁的步驟:第一步:確定網(wǎng)站主題做網(wǎng)站,首先必須要解決的就是網(wǎng)站內(nèi)容問題,即確定網(wǎng)站的主題。規(guī)劃的內(nèi)容應該主要包括但不局限于如下幾項:1、域名的選擇2、網(wǎng)站的定位(如定位于贏利性網(wǎng)站,還是企業(yè)網(wǎng)站,或是公益性的3、網(wǎng)站的用途(是用來贏利的,還是做產(chǎn)品線上營銷的,或是做品牌推廣和整合的4、網(wǎng)站的發(fā)展目標(需要達到的目標,需要為這個目標而努力

3、的5、網(wǎng)站的拓撲圖構畫(網(wǎng)站包括哪些欄目,采用什么樣的制作結(jié)構6、網(wǎng)站制作技術的采用(用哪種語言開發(fā),在什么平臺上開發(fā)7、網(wǎng)站的推廣(需要做具體什么樣的工作去推廣網(wǎng)站,是否需要在前期開發(fā)的時候就考慮到后期的推廣,如SEO專家的建議8、網(wǎng)站的維護(是自主維護,還是外包維護,維護的內(nèi)容包括哪些,后期改版的時間間隔安排等9、網(wǎng)站安全 (網(wǎng)站定期進行安全檢測及備份等安全操作第二步:選擇好域名域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個非產(chǎn)品推銷的純信息服務網(wǎng)站,其所有建設的價值,都凝結(jié)在其網(wǎng)站域名之上。失去這個域名,就將前功盡廢第三步:掌握建網(wǎng)工具網(wǎng)絡技術的發(fā)展帶動了軟件業(yè)的發(fā)展,所以用于制作Web頁面的工具軟件

4、也越來越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動網(wǎng)頁制作工具,各種各樣的Web頁面制作工具。1.HTML 編輯器。雖然HTML代碼復雜,編輯和調(diào)試要花費大量的時間,但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復雜的頁面效果,仍受高級網(wǎng)頁制作人員的青睞。就目前來說,有眾多的編輯器供選擇,這些編輯器廣泛支持復雜頁面創(chuàng)建及高級HTML規(guī)范,使用較為普遍的有Hotdog等專業(yè)HTML編輯器。2.所見即所得的網(wǎng)頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓就能輕松編制網(wǎng)頁。而且,Frontpage還能解

5、析網(wǎng)頁的HTML源代碼,并提供了預覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實現(xiàn)。所以Frontpage是一款非常適合初、中級網(wǎng)頁制作人員使用的工具軟件。3.現(xiàn)在非常流行的 Macromedia公司(已被Adobe公司收購出品的Flash互動網(wǎng)頁制作工具。這是是一款功能非常強大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動畫網(wǎng)頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;并且由于Flash編制的網(wǎng)頁文件比普通網(wǎng)頁文件要小得多,所以大大加快了瀏覽速度。

6、這是一款十分適合動態(tài)Web制作的工具。4.Dreamweaver: Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器,它是第一套針對專業(yè)網(wǎng)頁設計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具,利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。另外,個人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當了解,還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具,并能部分了解多種圖形圖像動畫工具的基本用法

7、,熟練使用FTP工具以及擁有相應的軟硬件和網(wǎng)絡知識也是必備的。當然,互聯(lián)網(wǎng)還是一個免費的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費時間又浪費金錢,而且還需要強大的圖形、圖片制作技術。所以,為了省卻這些麻煩,網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實用的圖片、按鈕、背景等網(wǎng)頁素材。第四步:確定網(wǎng)站界面界面就是網(wǎng)站給瀏覽者的第一印象,往往決定著網(wǎng)站的可看性,在確定網(wǎng)站的界面時要注意以下三點:1.欄目與板塊編排2.目錄結(jié)構與鏈接結(jié)構3.進行形象設計第五步:確定網(wǎng)站風格“風格”是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI

8、 (標志,色彩,字體,標語、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素,網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。不管是色彩、技術、文字、布局,還是交互方式,只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的,這就形成了網(wǎng)站的“風格”。第六步:有創(chuàng)意的內(nèi)容選擇好的內(nèi)容選擇需要有好的創(chuàng)意,作為網(wǎng)頁設計制作者,最苦惱的就是沒有好的內(nèi)容創(chuàng)意。網(wǎng)絡上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站,如果創(chuàng)意很好,卻對網(wǎng)站發(fā)展毫無意義,那么,網(wǎng)站設計制作者也應當放棄這個創(chuàng)意。另外,主頁內(nèi)容是網(wǎng)站的根本之所在,如果內(nèi)容空洞,即使頁面制作地再怎樣精美,仍然不會有多少用戶。從根本上說,網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量,內(nèi)容為