第一篇：網頁制作經驗總結

目錄：

1.域名前面加圖標

2.插入關鍵字，說明等（書上是P89）

3.利用模板做網站

4.如何提交關鍵字，才能達到更好的產品推廣效果

5.常用HTML代碼

1.域名前面加圖標

ico文件制作第一步：用畫圖軟件做一個16*16（32*32）的圖像文件，為jpg或gif格式；第二步：然后通過

1、http:///html-kit/services/favicon英文網站

2、http://“>

注意：其中的5是指停留5秒鐘后自動刷新到URL網址。

4.Set-Cookie(cookie設定)

說明：如果網頁過期，那么存盤的cookie將被刪除。

用法：

expires=Wednesday, 21-Oct-98 16:14:21 GMT;path=/“>

注意：必須使用GMT的時間格式。

5.Window-target(顯示窗口的設定)

說明：強制頁面在當前窗口以獨立頁面顯示。

用法：

注意：用來防止別人在框架里調用你的頁面。

5.Content-Type(顯示字符集的設定)

說明：設定頁面使用的字符集。(我們在前面字體設計中已經介紹過它的作用)

用法：

●meat標簽的NAME變量語法格式是：

其中xxx主要有下面幾種參數：

1.Keywords(關鍵字)

說明：keywords用來告訴搜索引擎你網頁的關鍵字是什么。

舉例：

2.description(簡介)

說明：description用來告訴搜索引擎你的網站主要內容。

舉例：

life, the universe, mankind and plants.“>

3.robots(機器人向導)

說明：robots用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。

CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。

舉例：

4.author(作者)

說明：標注網頁的作者

舉例：

以上是meta標簽的一些基本用法，其中最重要的就是:Keywords和description的設定。

為什么呢？道理很簡單，這兩個語句可以讓搜索引擎能準確的發現你，吸引更多的人訪問

你的站點!

根據現在流行搜索引擎(Lycos，AltaVista等)的工作原理,搜索引擎首先派出機器人自動

在www上搜索，當發現新的網站時，便檢索頁面中的keywords和decription，并將其加入到自己的數據庫，然后再根據關鍵詞的密度將網站排序。

也就是說：

1.如果你的頁面中根本沒有Keywords和description的meta標簽，那么機器人是

無法將你的站點加入數據庫，網友也就不可能搜索到你的站點。

2.如果你的關鍵字選的不好，關鍵字的密度不高，被排列在幾十甚至幾百萬個站點的后面

被點擊的可能性也是非常小的。

所以,我們必須記住添加keywords和description的meta標簽，并盡可能寫好關鍵字和簡介。

寫keywords的禁忌是：

1.不要用常見詞匯。例如www,homepage,net,web等。

2.不要用形容詞，副詞。例如最好的，最大的等。

3.不要用籠統的詞匯，要盡量精確。例如不用”摩托羅拉手機“,改用”V998“等

尋找合適的關鍵詞的一個技巧是：到lycos,Alta,infoseek等搜索引擎，搜索與你內容相仿的網站，查看排名前十位的網站的meta關鍵字，copy下來用到自己的站點上。

這里，我們舉一段微軟多媒體網站的關鍵字供你參考：

小資源:人們最常用的一些搜索詞(即關鍵詞)可以到

兩個網址一看，那里有每個月網上最流行搜索詞的排行榜.另外為了提高搜索點擊率，這里還有一些”邪門歪道“：

1.為了增加關鍵詞的密度，將關鍵字隱藏在頁面里(將文字顏色定義成與背景顏色一樣)。

2.在圖象的alt注釋語句中加入關鍵字。

如：

3.利用HTML的注釋語句，在頁面代碼里加入大量關鍵字。

用法：

如何提交關鍵字，才能達到更好的產品推廣效果

1.利用模板做網站

另存為 模板——插入記錄--可編輯區域——新建從模板

4.如何提交關鍵字，才能達到更好的產品推廣效果

2、為什么網頁標題或摘要中一定要含有查詢關鍵字？

答：即使您排在搜索結果的第一位，點擊率既可能高至90%以上，也可能低至10%以下，決定因素是您的網頁摘要的相關性。而用戶判斷相關性的首要因素是您的網頁標題或摘要中是否含有他輸入的關鍵字。所以您一定要配合您選擇的關鍵字，認真填寫您的網頁摘要，使您的網頁摘要與各關鍵字相關，以吸引訪問者。

3、為什么要在標題或網頁描述中前20個字要出現查詢關鍵字？

答：競價排名是通過提交產品關鍵字來尋找產品的潛在客戶，您要為每一個產品關鍵字撰寫產品標題和產品的網頁描述，例如：產品性能介紹、產品價格和購買電話等。這樣可以吸引訪問者，更準確地尋找產品的潛在客戶。為了達到更好的推廣效果，建議您一定要將與產品關鍵字最直接的介紹撰寫在網頁描述的前面。

4、我可以提交多少個關鍵字，是1個還是2個？

答：關鍵字數量不受限制，您可以提交多個關鍵字。您可以為您的任何一個網頁選擇任意多個關鍵字，網民搜索這些關鍵字中的任何一個時，您的網頁介紹信息都會出現在搜索結果最前列。

5、我提交的關鍵字可以搜索出我的網站，沒有提交的關鍵字就不出現我的網站嗎？

答：您沒有提交的關鍵字的有可能會出現您的網站。競價排名系統采用“智能搜索”，會讓客戶的網站顯示機會大大增加，從而被更多潛在客戶看到。若檢索詞有競價排名客戶購買，直接出現競價排名客戶網站；若檢索詞沒有競價排名客戶購買，那么智能搜索將會查找該行業通用詞，顯示所有購買了行業通用詞的競價排名客戶網站。

6、我沒有提交的關鍵字也出現了我網站，關鍵字如何計費呢？

答：競價排名系統采用智能搜索，系統將會智能判斷用戶的搜索請求，當網民的搜索請求和競價排名用戶注冊的關鍵字內容非常相關，就會在搜索結果頁面顯示客戶的推廣網站（或網

頁）。例如：用戶搜索“我要買鮮花”，而競價排名的客戶中沒有人購買這個關鍵字，那么系統會自動進行智能搜索，查找該行業通用詞“鮮花”，自動顯示“鮮花”的競價排名客戶，如果發生了訪問將會按“鮮花”的訪問價格收費，同時在統計報告里記錄一次點擊和相應的消費金額。

7、我可以為我的網站選擇任何搜索關鍵字嗎?

答：不可以，為了保證網民檢索結果的質量，只有跟您的網頁緊密相關的關鍵字才能通過審核。

以下幾種情況，均屬于與網頁內容無關：

（1）與您公司的產品無關，關鍵字是其競爭對手或同行業其他企業的公司名稱或產品；

（2）網站上沒有與關鍵字相關的內容的網頁，不能選擇該關鍵字；

（3）關鍵字不能是：公司產品應用的領域、提供的服務涉及的范圍等等；

（4）通用詞匯：求職、招聘、下載、免費、企業、公司、服務等，網站必須有大量該領域的相關內容才能通過審查，如果只提供該領域的一種或很少的幾種產品或服務，不能通過審核。

8、我可以用產品名稱做為關鍵字嗎？

答：可以。與關鍵字匹配的url所指的網頁上必須含有與關鍵字相關內容，如某網上商城，雖然有一頁的產品是鼠標，但如果首頁上沒有與鼠標相關的內容，那么關鍵字”鼠標“不能指向該網站首頁，只能指向含有鼠標的頁面。

9、我公司是西門子的一級代理，可以提交西門子做為關鍵字嗎？

答：您不是西門子公司的網站因此原則上是不可以用其他公司名做為關鍵字提交，而您是西門子的一級代理并在線銷售相關產品，因此您需要修改標題和網頁描述。

例如：易趣網在提交“西門子”關鍵字

標題：易趣西門子電子專區

網頁描述：無論是手機，電話，還是各類西門子電子產品，在易趣您都可以找到最多最好的。

并將網站ＵＲＬ指向關鍵字相關頁面。

10、同一個關鍵字，我可以注冊多個網頁嗎？

答：不可以。我們不希望網民搜索一個關鍵字的時候，搜索結果中出現大量來自一個網站的網頁。一般情況下，您只能為一個關鍵字注冊一個網頁（url）

以下四種情況，均屬于重復提交關鍵字：

（1）同一個網站上的不同網頁，不能注冊相同的關鍵字；

（2）網站有多個不同的網址（url），均指向同一個網頁，那么這些也不能注冊相同的關鍵字；

（3）使用競價排名系統開了多個不同的賬戶，也不能為網站里的網頁重復注冊同一個關鍵字；

（4）網站有多個鏡像站點，同一個關鍵字不能匹配多個鏡像網站。

11、我可以選擇上海、美國這些地名做為關鍵字嗎？

答：如果您選擇的關健字屬于地理名稱或地區名稱，那么，您的網站必須提供該地區的信息、政府機構、或具有吸引力的事件、活動，或提供與該地區相關的服務如旅游、鮮花快遞、留學移民等。僅僅在您網站上有該地名是不夠的，僅僅您的企業或網站名稱中含有該地名也是不夠的，都不能通過審查。比如上海當地的門戶上海熱線，或者某旅游網站關于上海的欄目可以選擇”上海“作為關鍵字，但”上海汽車廠“不能選擇”上海“作為關鍵字，某旅游網站的首頁也不能選擇”上海“作為關鍵字，只有專門介紹上海的那個網頁才能注冊關鍵字”上海“。

12、我可以選擇教育、下載、公司、服務這些熱門通用詞匯嗎？

答：如果您選擇的關鍵字屬于通用詞匯，如教育、娛樂、金融、免費、下載、服務、企業、公司等，那么您的網站必須有大量該領域的內容才能通過審查，如果你只提供該領域的一種或很少的幾種產品或服務，那么不會通過審查。各種媒體和娛樂類關鍵字，如書、小說、雜志、cd、dvd，音樂、電影、游戲、mp3等，也只有提供大量相關信息或服務的網站才能選擇。關鍵字查詢信息中，您填寫的標題和描述也必須與您的網站（或網頁）內容相符合，您的網頁描述應盡量表明，為什么您看到網站是優秀的。

13、我可以為任何網站選擇搜索關鍵字嗎？

答：您注冊的網站必須是您自己的網站，不能為別人的網站選擇搜索關鍵字。雖然注冊時您無需提供相關證明，但是，如果我們要求驗證您的網站所有權，您必須能提供足夠的證明。

在發生爭議，而您又不能提供網站所有權證明或提供的證明不充分的情況下，百度競價排名系統會暫停對您提供的搜索引擎排名服務。您填寫的url必須是直接指向您自己的網站，即使做重定向，也必須指向您自己的網站。任何時候，如果發現有重定向到其它網站或與選擇的關鍵字內容不符的網站，百度競價排名系統有權在未通知您的情況下立即終止相關服務。5.常用HTML代碼

插入圖片：

加入連接：寫上你想寫的字

在新窗口打開連接：寫上要寫的字

移動字體(走馬燈)：寫上你想寫的字

字體加粗：寫上你想寫的字

字體斜體：寫上你想寫的字

字體下劃線: 寫上你想寫的字

字體刪除線: 寫上你想寫的字

字體加大: 寫上你想寫的字

字體控制大小：寫上你想寫的字(其中字體大小可通過12px部分控制)

更改字體顏色：寫上你想寫的字(其中value值在000000與ffffff(16位進制)之間

消除連接的下劃線：寫上你想寫的字

插入音樂： 插入flash:

插入影視文件：

換行：

段落：

段落

插入背景音樂：

第二篇：Frontpage網頁制作經驗總結

【摘要】Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網頁，利用它可以輕松的組織、編輯網頁并將其發布到指定的站點上，而且在發布之后還能對更新情況進行監控以更新站點的。

【關鍵字】Frontpage創建站點、新建頁面、文字、超鏈接

現在流行的網頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網頁工具、Netscape等等。其中Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網頁，利用它可以輕松的組織、編輯網頁并將其發布到指定的站點上，而且在發布之后還能對更新情況進行監控以更新站點的內容。

工具準備好了，可根據你的個人喜好來選擇一些素材，如圖片、喜歡的文章等。現在就讓我們從第一步的建立站點來踏上建造網上家園之旅。

用FRONTPAGE創建站點是很容易的。首先，我們來看一下創建一個只包含一個網頁的站點。選擇“文件”菜單的“新建”選項，單擊“站點”命令，這時新建站點對話框就彈出來了，在“指定新站點位置”文本框中輸入新站點的位置，單擊“只有一個網頁的站點” 圖標，單擊“確定”按鈕。這就建立好站點了，我們現在來看一下新的站點里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網頁文件，名字叫做“index.htm”。我們知道，每一個站點都要有一個主頁，這個主頁也是一個網頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個網頁的站點時，FRONTPAGE就自動為我們創建了站點的主頁了。這個新建的站點主頁時空的，我們可以向里面添加內容。

在文件列表里除了主頁之外，還有文件夾。新建站點時，FRONTPAGE都會在站點所在位置下新建兩個文件夾，一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片。“private”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網頁文件放在這個文件夾里，比如：我們可以在這個文件夾里存放注冊用戶的個人信息。

盡管每一個站點都要有一個主頁，不過創建站點時我們仍然可以從一個空站點開始：選擇“文件”菜單的“新建”命令，單擊“站點”選項，在“新建站點”對話框里，我們可以選擇“空站點”圖標來創建一個空站點。“新建站點”對話框中還有許多其他圖標，這是FRONTPAGE提供的用來創建站點模板或向導。我們創建只有一個網頁的站點或者創建空站點，都是從頭開始來創建一個站點，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結構和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節省了許多工作。

同樣的，盡管站點的風格千差萬別但是有許多站點的功能和結構都是一樣的，如果我們從頭開始建立站點的話，就要做許多重復勞動，這時，我們就可以使用模板或向導來建立站點。模板和向導的作用就好像蓋房子的圖紙一樣，我們不必每次建立站點時都從頭開始。我們單擊“個人站點”圖標，用它可以迅速創建一個個人站點，輸入站點所在的位置，單擊“確定”按鈕，這樣我們剛就創建了個人站點。個人站點模板已經為我們規劃好了站點的目錄和建立了相關的頁面。現在我們點擊一下“文件夾”按鈕，雙擊index.htm圖標，看，這就是我們的個人站點的主頁。哎，好象有許多文字都不對，沒關系，這些文字都是可以改變的，現在寫的是文字的用途，比如“主題”文字就是用來寫網站標題的地方，我們只要把它改為自己喜歡的標題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風景圖片換成自己的照片，只要在新建站點的基礎上進一步修改就可以做出自己的個人站點了。這不僅節省了許多力氣，同時也給了初學者一個良好的出發點。

那么模板和向導有什么區別呢？我們安裝軟件時，一步步的用對話框提示我們完成安裝過程的程序就是一個向導。在FRONTPAGE里，向導也是一種模板，不過它是一種特殊的模板，它會以對話框的形式輔助你完成站點的創建過程。

現在我們選擇“文件”菜單的“新建”選項，單擊“站點”命令，你看，FRONTPAGE提供了兩個向導：公司展示向導、討論站點向導，使用起來都很方便，你有興趣也可以利用向導建立一個站點。

創建頁面最簡單的就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網頁、站點、文件夾和任務。默認狀態下是新建網頁。

如果要新建網頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網頁”，在“新建”對話框里，可以看到FRONTPAGE提供的許多網頁模板，我們可以用這些模板來建立相應的網頁。在右下角的預覽框里可以看到選中模板的外觀。選擇“兩欄正文”網頁，這樣就創建了一個新的分為兩欄的網頁了。然后點確定。使用模板可以不用總是從空白網頁開始編輯，這樣就省力很多。

網上幾乎所以的網頁都使用圖片加以點綴，在網頁中插入適當的圖片，能夠產生圖文并茂的效果。

如果有一個圖形，怎么把它放到網頁上呢？

首先要看你的圖形是什么格式的，也就是它擴展名是什么 只有擴展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因為這兩種圖形格式不僅廣泛，而且有利于節省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網頁時FRONTPAGE會提示做格式轉換，FRONTPAGE可以自動進行格式轉換。

現在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。

在默認情況下，FRONTPAGE認為你要插入的圖片總是放在你建立的站點的目錄或它的子目錄下的。可以說,站點就是一個目錄。我們把編輯的許多網頁文件放在同一個目錄下，我們稱這個目錄為站點的主目錄。這些網頁引用的圖形一般也放在這個目錄下。當然，我們也可以在這個目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進行選擇。

如果要插入的圖片不在主目錄下, 在“選擇文件”對話框中進行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對話框。單擊“確定”按鈕，圖形就插入了。現在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字，單擊“保存”按鈕。出現了一個對話框, 因為我們剛才插入的文件不在站點內，現在FRONTPAGE要把它復制到站點內，可是使用什么名字，放在站點的哪個目錄下呢，就要在這設置了，單擊“改變文件夾”按鈕，另外這兒還在需要時對圖形的格式進行轉換。單擊“位置”按鈕，在默認情況下，圖形被保存在站點的主目錄下，現在我們選擇IMAGE目錄，單擊“確定”按鈕。回到“嵌入式文件”窗口，再單擊“確定”。這樣，圖形就保存在站點內了

我們還可以從INTERNET上插入一個圖形。選擇“插入”菜單的“圖片”命令，在URL欄內輸入圖片的地址，單擊“確定”按鈕。由于是插入網上的圖片，因此在插入圖形以后，應該保存一下網頁，使圖形存到站點內。

您可能說,我不會畫畫，插入圖片容易，可是編輯圖片就不容易了。沒關系，FRONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網頁。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”。你看，各種剪貼畫都分類放好了。你可以自由地選

擇。不過，插入后別忘了保存網頁，把剪貼畫復制到站點目錄下。

一般我們插入的圖形總是和文本在一起的，所以調整圖形和文本的對齊方式很重要。在默認情況下，圖形自動與文本的底部對齊。這一個網頁，由于默認的對齊效果，頁面出現了大量的空白。這時就要調整圖形的對齊屬性。在圖形上單擊鼠標右鍵，選擇“圖片屬性”，選擇“外觀”選項卡我們把對齊方式調整為“左對齊”。使用圖形可以使網頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網頁相互聯系起來。怎么用圖形來建立鏈接呢？ 其實圖形超鏈接只要在建立超鏈接時選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面

1.htm”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁頁面了。

如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現在圖形中就出現了一個文本框，輸入：“機軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調整文本框到合適的位置，單擊頁面其他區域，文字就添加成功了。

如果我要修改 單擊一下要修改的文字，這時文字作為一個整體被選中了，再點一下文字，這時文本框里有光標閃爍，你可以編輯文本了，重新輸入：“計算機硬件”，在頁面其他區域單擊。文字就修改完成了。

怎樣使文字更豐富、活潑呢？一個簡單的就是使用“格式”工具欄。

字體設置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應的字體就可以了。如果瀏覽網頁的人使用的計算機沒有設置的字體？瀏覽器會用系統默認的字體代替你設置的字體。不過，使用常用字體是一個好習慣。

字號設置：在“格式”工具欄“字號”下拉列表框中選擇相應字體就可以了

工具欄上的B、I、U圖標的作用是：

按下B按鈕，被選中的文字就會變為粗體

按下I按鈕，被選中的文字就會變為斜體

按下u按鈕，被選中的文字就會帶下畫線

字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當的顏色，字的顏色就改變了。

還可以對字體進行一些其他設置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進一步的設置。這里除了“格式”工具欄可以做的設置以外，還可以設置許多效果。“字符間距”選項卡：它是用來設置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴充還是緊縮的。選擇擴充，這時預覽框的文字間距就變大了。也可以調整間距大小來改變間距，輸入10，文字的間距就更大了。

“定位”下拉列表：在FRONTPAGE中每一行都有一個底線，定位就是指文字相對于底線的距離。也就是把文字上下移動，現在選擇“上移”，文字就向上移動了。預覽框中的黑線就是行的底線。

設計好的頁面，應該檢查它在瀏覽器中是否顯示正常。

方法是，一般只要切換到預覽模式就可以了。單擊“預覽”選項卡，在這個預覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網頁了。因為即使是同一個頁面，可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機器上多裝幾個瀏覽器，用來檢查網頁的兼容性。

那么為什么不用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預覽”選項，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNET EXPLORER 5.0為例）單擊“確定”

按鈕。就可以看到新建頁面在瀏覽器中的效果了。

怎樣才能自己做的網頁相互聯系起來呢?也就是說讓別人點頁面上的圖形或文本就跳轉到其他頁面呢？

在網頁里，我們把這種點擊后會進行頁面切換的網頁界面元素叫超鏈接。先來看一下用文字來建立鏈接。

首先創建一個指向站點內其他網頁的超鏈接。

選擇“插入”菜單的“超鏈接”命令，在文件列表框內選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預覽模式（單擊預覽按鈕），當我們把鼠標指向“主頁”兩字時鼠標變成手形，單擊它，我們就切換到主頁了。

那么為什么不在普通模式下試呢？：因為普通模式主要是用來編輯網頁的，當我們在普通模式把鼠標指向“主頁”兩字時鼠標沒有變成小手狀，因此不能進行頁面切換。不過如果按住CTRL鍵，鼠標就變成了小手狀。這時單擊就可以進行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。

我們也可以將超鏈接指向其他站點的網頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創建超鏈接”對話框里，在URL地址欄直接輸入要連接的網頁或網站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網頁，FRONTPAGE會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經設置好的超鏈接。首先確認是普通模式，在要改變的超鏈接下單擊鼠標右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的就可以了。還有一種超鏈接，可以鏈接郵件。這樣可以使你的網上朋友通過Email及時與你聯系，這是一個網站站長和網友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對話框，選擇“確定”，這時超鏈接就建立好了。我們試一下，切換到預覽模式，單擊郵件鏈接。

這樣我們就差不多完成了網頁的制作步驟，最后可將它發布到Web服務器上。站點發布前還要對它進行檢查工作，包括超鏈接，頁面等。

【】

〈1〉喬春源，樊天岳等。信息技術。江蘇技術出版社，2001年7月。

〈2〉李振格。Office入門與提高。清華大學出版社，2001年2月。

〈3〉王超鋒。網頁制作。人民郵電出版社，2001年10月。

第三篇：網頁制作過程中的經驗總結

網頁制作過程中的經驗總結

網站設計的一些小經驗分享，網站首頁是對所提供的文章及特色服務精心設計與組合的載體，能有效地引導用戶快速查找到所需新聞或服務，并實施單擊瀏覽行為。首頁設計是網站設計的關鍵所在。

1、首要位置，用戶瀏覽網頁的這一習慣應該在意料之中，畢竟左上部為主要操作中心這一點為大多數重要的計算機應用程序的設計所采用。在你構建網站考慮網站設計時，應該盡量保持這一格式。要知道，如果你希望保持個人特色，搭建一個成功的網站，你就必須尊重用戶們的習慣。

2、FLASH的運用，外貿網站建設雖然FLASH制作的網頁視覺效果較好，但搜索引擎對此卻不太感冒，個案表明這一類的網站很難被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH網頁兩種選擇，這樣即增加了網頁的觀賞性，又照顧到了搜索引擎的情緒。

3、產品特點，又以手機B2C舉例，在以往的手機B2C客戶那里，深圳網站建設我了解到，配件的利潤在很多時候是高于手機的。例如銷售一張2G存儲卡，利潤要高于銷售一臺中高端的手機。那么，在這樣的情況下，配件屬于該網站的主推類別，配件的搭配試銷售、引導用戶穿插購買、如何增加單筆訂單的總結額，便成了我重點需要考慮的地方。而換做該電玩B2C，首先，我知道目前流行的機種中，只有索尼的PS3尚未破解，欲玩PS3游戲須購買正版游戲光碟，那么，PS3的光碟是否暢銷，利潤是否可觀，直接影響到該類別在網站種占到的比重及推薦強度，如得知正版碟并無利潤，僅做為豐富網站內容

之用，那么該類別的產品的推薦程度，所占比重，自然要進行弱化設計。

4、層次關系。圖像的比例關系等空間因素表示進去。網頁設計中，三維空間的構成和虛擬現實 網絡上的三維空間是一個假想空間。圖片。文字位置前后疊壓 或頁面位置變化所產生的視覺效果都各不相同。網站上常見的頁面上。下、左、右、中位置所產生的空間關系，以及疏密的位置關系所產生的空間層次，這兩種位置關系使產生的空間層次富有彈性，同時也讓人發生輕松或緊迫的感受。

5、瀏覽器兼容性，太多的網站首頁中加入了“請在800×600分辨率下使用IE瀏覽器瀏覽本網站”等字樣的文字。我是安裝了IE、NC和Opera，因為我要制作網頁，需要它們來檢驗網頁在這些瀏覽器下的可讀性。但一般用戶不會安裝那么多的瀏覽器，更加不會牢記著哪個網站需要用哪個瀏覽器瀏覽。

網頁設計之后，你需要花費額外的時間維護你的精心設計。畢竟，他們不僅吸引了讀者的眼球，更是網站設計的重要組成要素，維護是必不可少的因素。

參考資料：深圳網站建設http:///website/

第四篇：網頁制作畢業論文

一 引 言

隨著Internet的誕生和發展，許多人不再僅僅局限于網上沖浪，而是參與到網站建設中。企業建站相當于在網上建立一個家，你就可以在這里向客戶介紹你的企業，展示你的實力，推銷你的產品，網頁制作作為網站制作中一個重要的環節，相對于傳統的平面設計而言，網頁設計具有更多的新穎性，更多可以表現的手法。結合本人的實習過程，現就網站建設與管理過程中，網頁設計與制作的具體經歷，包括：網頁設計與制作過程中的網頁布局、色彩構置，框架結構等相關事項做以下論述。

二 網站建設的流程

1.定義合適的域名。由域名構成的網址會像商標一樣，有助于將來塑造網上的形象。域名除了要符合公司的性質以及信息內容的特征外，還要具有簡潔、易記、具有沖擊力的特點。

2.租用虛擬服務器。有了域名后，就需要一個空間存放網站，這個空間就是Internet上的服務器。一般虛擬主機提供商都能向用戶提供大容量、高速度的服務器，用戶可根據網站的內容設置及其發展前景來選擇。

3.設計網頁。網頁的設計制作可以自己完成，也可以通過虛擬主機提供商或專業的網頁設計制作商來完成。設計網頁前要收集所有需要放在網站上的文本資料、圖片等，并盡量用文字詳細說明制作的框架結構，將收集的材料提供給網頁設計者。

4.ICP備案。網站備案的目的就是為了防止在網上從事非法的網站經營活動，打擊不良互聯網信息的傳播，如果網站不備案的話，很有可能被查處以后關停。ICP備案可以自主通過官方備案網站 http://www.tmdps.cn/sale/view.asp?Article ID=288 [4]許凌云，柳勇良.網頁設計全方位學習[M].北京：清華大學出版社，2008，11 [5]陳琳.photoshop cs3 入門實戰與提高[M].北京：電子工業出版社，2008，11 [6]焦慧.網頁制作基礎與典型范例[M].北京：電子工業出版社，2008，7 [7]戎馬工作室.Dreamweaver 8與asp動態網站開發[M].北京：機械工業出版社，2006，5 [8]戴一波.Dreamweaver CS3網站制作炫例精講[M].北京：電子工業出版社，2008，1 [9]何秀芳.網頁制作與網站建設課堂實錄[M].北京：人民郵電出版社.2009，3 [10]孫連三.新編網頁制作與網站建設入門與提高[M].北京：人民郵電出版社.2008，9 [11]鄧文淵.網頁制作高手FLASH 8[M].北京：人民郵電出版社，2007，6 [12]胡崧.超夢幻勁爆網頁[M].中國青年出版社.2008，7 [13]Scot Johson etal.using Active Server Page[J].Que 2007 [14]卓越科技.PHOTOSHOP CS3 美工廣告設計百煉成精[M].電子科技出版社，2009，3 [15]David Hunter etal，Beginning XML[J].Wrox Press Ltd，2005 [16]楊大勇，李金江.ASP網絡開發自學導航[M].北京：機械工業出版社，2007，6 [17]卓越科技.SQL SERVER數據庫開發培訓教程[M].北京：電子工業出版社，2009，4 [18]李曦琳.WEB導航設計[M].北京：電子工業出版社，2009，3 [19]力誠教育.ACCESS 2007完全自學手冊[M].成都：四川出版集團，2009，3 [20]叢書編委會.ASP動態網頁編輯[M].北京：清華大學出版社，2006，10 [21]陳剛.商業網站開發從入門到精通[M].科學出版社，2008，2 8

致 謝

畢業論文如期完成了，在此我要感謝在畢業設計期間給予我幫助的許多人。首先，我要特別感謝的是我敬愛的指導老師王琛老師。因為是他為我提供了一個良好的環境，才使我很好的完成了畢業設計。在設計期間他也給與我無私的幫助。在此表示深深的謝意。

正是他的付出，使我找到并改正了許多看起來很明顯的錯誤和不嚴謹的論述。在畢業設計的過程中是愉快的，我很感謝與我設計有幫助的每一個人，是他們的存在，讓我感到了畢業設計的過程中的快樂，使我融入到了團隊工作中，感受到了相互合作的樂趣。

我對所有人的耐心表示感謝，尤其是我的指導老師王琛老師。他仔細閱讀了我的論文和程序，并提出了許多寶貴的意見和建議。感謝他能在忙碌的工作中抽時間指導我。我在與他通過電話和電子郵件的聯系中很好的把握住了設計的進度，使設計得以順利完成。

最后，當然不能忘記幫助過我的老師和同學。寫論文通常是一項非常枯燥的工作，但幸運的是他們使這項工作變成了一種樂趣。還有默默無聞幫過我的朋友，也在此表示對你們誠摯的感謝。

第五篇：網頁制作論文

網頁制作論文

簡介

網頁制作是網站策劃師、網絡程序員、網頁設計師等崗位，應用各種網絡程序開發技術和網頁設計技術，為企事業單位、公司或個人在全球互聯網上建設站點，并包含域名注冊和主機托管等服務的總稱。其作用為展現公司形象，加強客戶服務，完善網絡業務。網頁制作是企業開展電子商務的基礎設施和信息平臺，是INTERNET上宣傳和反映企業形象和文化的重要窗口。新競爭力也認為注重網站的網絡營銷價值而不是外在表現。網頁制作是指使用標識語言，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，瀏覽。

網頁制作要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。因此在網頁創作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。網站設計是將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現出來。

目錄

1.網頁制作的兩種設計模式 2.網頁制作常用工具 3.flash 3.1flash簡介 3.2flash動畫的特點 3.3flash動畫的前景 3.4flash在網頁中的應用 3.5flash制作流程 4.fireworks

4.1fireworks簡介

4.2fireworks在網頁中的應用

4.3fireworks的重要性

4.4fireworks制作流程 5.參考文獻

正文

1.網頁制作的兩種設計模式

從前一般網頁都使用表格進行排版設計，這樣作的優點在于設計制作速度快，尤其在可視化網頁編輯器，如Microsoft FrontPage中，這樣設計顯得直觀而方便，然而這讓越來越復雜的版面需要許多不斷嵌套的表格設計，致使網頁代碼變得冗長復雜，使文件體積增大，且不容易被搜索引擎查找。同時，這樣做也不利于大型網站的改版工作。

于是隨著主流網頁瀏覽器對CSS的支援度提高，近年來興起了一種新的網頁設計模式。被業界稱為“網頁重構”的革命，其核心在于分隔網頁的風格和內容，指標記語言(如HTML,XML)負責定義頁面的內容，但不可以定義任何涉及網站外觀(風格)的東西。而網站風格就由另外的CSS檔案負責。在排版方面，新的模式提倡使用由CSS定義的DIV進行頁面排版，而將表格還原為排列數據的最初功能。這種模式有很多好處，例如可以協助搜尋引擎查找網頁的情況，減小文件提及提高瀏覽速度，且由于一個CSS檔案可以控制多個頁面，這也給改版帶來了很大方便。

由于W3C是該模式極力的倡導者，于是業界鑒定網頁是否符合W3C標準，就可以在W3C網站自動檢測該網站的情況。

這種模式也有缺點，其中一個弱點就是，在不同瀏覽器出來的效果會有分別，但這種情況主要是由于微軟的Internet Explorer對CSS文檔的支持有眾多缺陷造成的。另一方面，開始設計CSS時，并不能清楚看到目標，因此顯得不直觀。

網頁實際是一個文件，他存放在世界某個角落的的某一臺計算機中，而這臺計算機必須是與互聯網相連的。網頁經由網址（URL）來識別與存取，當我們在瀏覽器輸入網址后，經過一段復雜而又快速的程序，網頁文件會被傳送到你的計算機，然后再通過瀏覽器解釋網頁的內容，再展示到你的眼前。

2.網頁制作常用工具

1、dreamweaver,用與編輯HTML、ASP、JSP、PHP時的輔助工具。Dreamweaver是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。

2、Frontpage 跟dreamweaver一樣，不過還是dreamweaver好。

3、FLASH 網頁需要畫面流動時的首選擇

4、PS圖象處理軟件，一般網頁都需要有圖片相搭配，PS是款很強大的工具。

5、FW跟PS一樣都是圖象處理軟件，但FW偏向與對網頁的處理。

6、Adobe公司推出的cs3系列，軟件之間兼容性較好。可以用此系列對網站的美工特效進行進一步的修飾美化和優化。

3.flash 3.1flash簡介

Flash最早出現并興起于網絡，是網絡多媒體動畫的重要制作形式，它是macromedia公司推出的交互式矢量圖和 Web 動畫的標準。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。其運用范圍覆蓋諸多領域如電視廣告、網絡廣告、游戲、演示動畫、課件、網頁、手機動畫等新興媒體。現在由于網絡帶寬的不斷提高，Flash動態網頁以其具備的聲音、動態圖像等多媒體優勢，相信在不遠的將來能夠完全替代靜態（HTML）網頁。

3.2flash動畫的特點

（一）Flash動畫受網絡資源的制約一般比較短小，利用Flash制作的動畫是矢量的，無論把它放大多少倍都不會失真。

（二）Flash動畫具有交互性優勢，可以更好地滿足所有用戶的需要。它可以讓欣賞者的動作成為動畫的一部分。用戶可以通過點擊、選擇等動作，決定動畫的運行過程和結果，這一點是傳統動畫所無法比擬的。

（三）Flash動畫可以放在網上供人欣賞和下載，由于使用的是矢量圖技術，具有檔小、傳輸速度快、播放采用流式技術的特點，因此動畫是邊下載邊播放，如果速度控制得好，則根本感覺不到檔的下載過程。所以Flash動畫在網上被廣泛傳播。

（四）Flash動畫有嶄新的視覺效果，比傳統的動畫更加輕易與靈巧，更加“酷”。不可否認，它已經成為一種新時代的藝術表現形式。

（五）Flash動畫制作的成本非常低，使用Flash制作的動畫能夠大大地減少人力、物力資源的消耗。同時，在制作時間上也會大大減少。

（六）Flash動畫在制作完成后，可以把生成的檔設置成帶保護的格式，這樣維護了設計者的版權利益。

3.3flash動畫的前景

現在的Flash平臺包括:Flash Studio

8、Flash Player

8、Flash in Mobile flex 1.5、以及應用于通信行業的Breeze 5等；未來即將推出的產品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客戶端工具，以及Flex等企業端工具等。這些工具將滿足設計和開發人員跨越各種開放的和專有的平臺，包括從桌面到移動設備，提供更豐富的網絡內容和互聯網應用，企業也能夠通過Flash應用獲得更大的受益。

（一）網絡視頻鐘情Flash 面對全球超過100萬的Flash開發者的期望，Macromedia也不斷開發新的領域。而用戶對視頻應用的垂青，刺激著Macromedia推出新的工具。在上千開發者的注目下，Macromedia推出了Flash Media Server 2，以鞏固其Flash Platform作為網絡視頻最佳選擇的地位

（二）Flex 2產品線和Flash Player 8.5出手不凡

Macromedia Flex 2產品線和Macromedia Flash Player 8.5是本次發布會的重頭戲。新產品涵蓋RIA的全部應用場景，從電子商務產品配置，到需要與實時數據集成的可視交易應用。

Flash Player目前在全球6億多個桌面和移動設備上安裝,估計新版本在12個月內將被80%的聯網計算機下載。Flash Player 8.5在Flash Player 8的基礎上增加了適合行業使用的編程功能，并構建了先進的跨平臺運行時環境。它備有一個新的虛擬機，可以提供更高的運行性能、全面的運行錯誤報告、增強型調試功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script規范，能夠更易于查找及解決問題，從而提高開發人員的工作效率。

3.4flash在網頁中的應用

在網絡高速發展的今天,越來越多的人們已經不再滿意圖文并茂的靜態網頁格式,動態網頁應運而生,但是一般的動態圖片和網站的背景音樂應用并不合拍.什么時候可以把多媒體應用在網站上呢 Flash正是在這一網絡發展的大背景下應運而生的,前身是Future Splash.Flash1.0版本誕生于1996年,由于當時的網絡大背景,Flash在出道之時并沒有得到計算機行業應有的重視,Flash真正的火爆是從Flash3.0版本開始的,到了1999年6月發布的Flash4.0版本,其制作的動畫開始大量的在網上傳播,已經逐漸成為了網頁交互多媒體動畫設計軟件的標準.現在,Flash5.0以其特有的ActionScript腳本編程,正在以極快的速度追趕HTML網頁標準.它改變了以往靜態的,枯燥的,網頁形式,利用它短小精悍的文件體積和插件,利用它簡單易學的操作方式,利用它的“流”式播放形式豐富我們的網絡生活.試想,如果它真的超過HTML成為未來的網頁設計軟件的主流,那也將是網絡的一場革命,也是網絡生活的福音.3.5flash制作流程

（1）建立一個新的場景

依次選擇“文件”、“新建”、“Flash文檔”命令，建立空白文檔，大小為550*400像素，背景為白色。

（1）

（2）重新命名場景和涂層名稱

依次選擇“窗口”、“設計面板”、“場景”命令，在彈出的場景面板中雙擊默認場景名稱，改為“跳動的小球”。然后重新命名涂層名稱，雙擊默認涂層名稱，改為“地面”。然后用水平線表示地面，選擇筆觸顏色為黑色，單擊“線條工具”按鈕，在第一幀的舞臺下方，拖動鼠標畫一條直線表示地面。

（2）

（3）插入水平線結束幀

單擊水平線涂層第35幀的小方框，選中該幀；依次選擇“插入”、“時間軸”、“關鍵幀”命令，在地面層的1到35幀之間插入了相同的水平線。

（3）（4）插入跳動的小球涂層，畫小球的初始狀態

雙擊默認的涂層名，改為跳動的小球涂層，此圖層處于激活狀態。設置填充色為黑色，在第一幀的舞臺上方，畫一個小球，刪除輪廓線。

（4）

（5）插入下一幀

單擊跳動的小球層第二幀的小方框，選中該幀；依次選擇“插入”、“時間軸”、“關鍵幀”命令，在第二幀中復制第一幀的圖形；拖動小球向下移動一個距離，表示球在下落。

（5）

（6）制作下落動作的變化

重復上一步驟。

（6）

（7）小球變形

在下一幀的位置插入關鍵幀，利用任意變性工具把小球縱向壓縮。單擊“任意變形”按鈕,指針根據可實現的變形方式箭頭右下方的小圖形會有所變化；單擊小球，小球周圍出現8個黑色句柄框；把鼠標指針移動到4個中間句柄處，拖動鼠標，把圓球編程橢球形。

（7）

（8）多次重復上面步驟，在不同的幀中，制作小球被壓扁后又彈起的畫面。參照第9步，制作小球被壓扁后又彈起的畫面。重復上述步驟，直到小球靜止。4.fireworks 4.1fireworks簡介

Fireworks是Macromedia公司發布的一款專為網絡圖形設計的圖形編輯軟件，它大大簡化了網絡圖形設計的工作難度，無論是專業設計家還是業余愛好者，使用Fireworks都不僅可以輕松地制作出十分動感的GIF動畫，還可以輕易地完成大圖切割、動態按鈕、動態翻轉圖等，因此，對于輔助網頁編輯來說，Fireworks將是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直觀、可定制的環境中創建和優化用于網頁的圖像并進行精確控制。Fireworks 業界領先的優化工具可幫助您在最佳圖像品質和最小壓縮大小之間達到平衡。它與 Macromedia Dreamweaver? 和 Macromedia Flash? 共同構成的集成工作流程可以讓您創建并優化圖像，同時又能避免由于進行 Roundtrip 編輯而丟失信息或浪費時間。利用可視化工具，無需學習代碼即可創建具有專業品質的網頁圖形和動畫，如變換圖像和彈出菜單等。

4.2fireworks在網頁中的應用

眾所周知，在網頁上的jpg圖片如果過大，會嚴重影響頁面的打開速度，Fireworks提供優化圖片的功能，即縮小圖片的KB，而且不影響畫面的質量（除非放大了與原圖對比）。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會很大（因為它是適合處理印刷品，要求比較清晰），最終還是要用Fireworks來處理一下。

在優化面板里有“導出jpg較高品質”，導出默認的80品質（可以用“2幅”畫面對比之前之后的大小）。

4.3fireworks的重要性

為Macromedia家族的一員，三劍客之一的fireworks，她的主要任務和特色就是制作矢量圖為網頁服務,FW也是Flash的最佳伴侶,在三劍客的MX系列中,FW和Flash的聯系更為緊密,所以無論是網頁制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的應用實踐過程中,我無時無刻不在感受她的卓越和便利。的確,網頁制作看重的是效果和速度,并不是你用的軟件專業與否,你用了多少個軟件作出的網頁,設計師作出的網頁是為了讓大家接受而不是顯示自己的本領,在這樣的前提下,Fw的確是最好的選擇,最好的矢量圖效果,最快的速度。

4.4fireworks制作流程

1.準備素材 如圖

2、因為這幅圖片是位圖，我們可以用魔術棒將電視機中間的畫面選取成選區

2.選擇菜單——將選取框轉換為路徑，得到電視畫面的輪廓路徑。當然，也可以用鋼筆工具勾勒

出

電

視

畫

面的路

徑

4.將選中區域填充成折疊漸變

顏色可以自己選擇：

5.用選取工具拖動漸變方向手柄，接近垂直或接近水平方向：

6.將調整手柄以初選中區域 并在幀屬性，選取重制幀命令：選擇三幀 或在多些

7.依次選擇其他幀，拖動漸變調整手柄將其改變位置：柄以初選中區域 并在幀屬性幀命令：

最后保存 導出gif圖片 即可完成。

1.在Fireworks中打開一個新的畫布，調整畫布大小，選擇工具欄中的文本工具，輸入第一個數字，并設置好文字的字體、像素大小等樣式

2.輸入文本 1 然后再打開幀屬性 選擇重置幀 9 因為數字0-9 一共是十個

3.然后選擇每一幀，并修改畫布中的相應數字。

4.幀面板中右手邊顯示的是默認的幀延時值7毫秒，即7/100秒的速度。如果速度過快 可以修改值 選擇頂部幀，按住Shift鍵，點擊底部的最后一幀，全選這些幀，在幀延時值處雙擊，在顯示的對話框中設置一個更高的值。更高值將減慢動畫的播放速度。5.最后一步，打開優化面板，設置導出文件格式為“Gif動畫”，如圖：

6.也可以在幀面板的底部設置Gif動畫循環，默認為“永久”選項

7.畫布顏色可以隨意更改 再按f12 預覽就可以了，最后導出文件

5.參考文獻

[1]劉宇.Flash短片輕松學中國大陸.電子工業出版社，2009-01.[2]章精設，胡登濤.Flash Action Script 3.0從入門到精通.清華大學出版設，2008-10.[3]陳冰.Flash第1步:ActionScript編程篇(珍藏版).清華大學出版社，2006-03