研究網頁設計與制作實用技術

前言：本站為你精心整理了研究網頁設計與制作實用技術范文，希望能為你的創作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。

1網頁設計技術要領

網頁版面設計時，要對版面風格進行定位，對頁面文字和圖片等內容做統籌考量，不僅要安排有序得當，還要體現整齊美觀大方的視覺效果。版面設計其實是一種藝術，而不是一般意義的技術了。網頁就是制作者的思想品位素養的直觀表達，閱讀網頁就是對制作者的審視和評價。版面設計首先要做好主頁制作工作。主頁就是人的臉面，要體現網頁內容風格，就要注意突出什么，要有醒目的文字和圖片，而且文字和畫面要有自己的特色，一味堆砌當然不會有好效果。一般情況下，有特色的主頁要包含這樣幾個要素：文字、圖片、色調和排版方式。幾種要素不可或缺，還要注意相互之間的協調和搭配，和諧統一才能體現整體美。

2網頁制作實用技術

網頁制作可以借助的軟件很多，Frontpage是一款比較適合初學者網頁制作的入門工具。Frontpage的界面和操作和Word比較相似，非常容易學習。

2.1插入圖片

在網頁中插入圖片是常常要遇到的，有豐富圖片內容可以讓網頁顯得豐滿生動，其操作方法并不復雜。在制作的網頁中選擇適當位置，確定插入點，然后在網頁上部點擊菜單“插入”選擇“圖片”，再點擊“來自文件”，進入對話框，查找需要插入的圖片位置，最后點擊插入按鈕就可以完成圖片插入。如果圖片格式不是GIF或者JPEG也不要緊，在網頁保存時Frontpage會自動轉換格式。圖片插入后還要對圖片進行適當調整和修正，點擊圖片選中，單擊便可以隨意拖動圖片，進行大小調整。圖片確定后還要對圖片進行環繞樣式選擇。在網頁中右鍵點擊圖片，在“圖片屬性”中選擇“外觀”，然后是“環繞樣式”，找到文本圖形周圍流動方式，在“布局”中選擇“圖片對齊方式”，根據需要進行詳細設置。

2.2添加動畫

網頁添加動畫文件可以讓網頁動態十足，給人帶來不一樣的活力感覺。與圖片相比，動畫需要有多幅圖片構成。首先要準備好動畫文件，動畫文件可以網絡下載，也可以自己制作。添加動畫和圖片插入基本相同。打開網頁，確定動畫插入位置，點擊“插入”選擇“圖片”，在對話框中選擇“從計算機上選擇一個文件”，找到動畫源文件點擊“確定”，動畫就插入到網頁當前位置。如果要插入用Flash技術制作的動畫，操作就要復雜一些。首先要在Flash中生成動畫文件moon.Swf，然后啟動Frontpage，先建立一個新網頁文件，點擊“插入”選擇“高級”到“插件”，這時會出現“插件屬性”對話框，選擇“瀏覽”找到moon.Swf源文件，確定之后回到“插件屬性”找到“數據源”，并將其中的文件途徑刪掉，只保留文件名moon.Swf。確定之后還要選擇“文件”到“保存”，將動畫文件moon.Swf保存。

2.3制作滾動字幕

滾動字幕的運用可以讓網頁顯得活潑，其制作技術也比較簡單。首先是打開Frontpage編輯界面，確定插入滾動字幕的位置，把需要顯示的文字輸入進去。然后將這些文字選定，點擊菜單“插入”，選擇“組件”到“字幕”，點擊之后出現對話框，點擊“字幕屬性”，對文章滾動方式進行進一步設置，包括字幕滾動方向和字幕滾動延遲時間等。最后點擊確定，就完成了字幕滾動插入。如果要查看效果，可以從“預覽”中查看。

2.4建立超級鏈接

制作網頁不僅要建立自己的主頁附頁鏈接，有時還需要將網頁和其他網站形成鏈接，這就需要建立瀏覽器超級鏈接。要鏈接其他網站，首先要選擇作為鏈接的文本，然后點擊菜單“常用”工具欄的“超鏈接”，在“創造超鏈接”中，將要鏈接的網站的地址輸入在URL地址欄內，點擊確定就可以了。如果要改變某些超鏈接，可以先確認是普通模式，右鍵點擊要改變的超鏈接，選擇“超鏈接屬性”，直接輸入新的URL地址就可以了。

3結束語

網頁設計和制作并不神秘，學習網頁設計和制作也無需多么高的計算機理論水平，只要掌握網頁設計和制作實用技術的操作過程，就可以進行網頁設計和制作，并且能夠把網頁設計和自己的工作學習緊密結合起來，這對工作和學習都有極大幫助。

作者：王申單位：大慶鉆探工程公司地質錄井一公司