第一篇：《網站主頁的設計》教學設計

《網站主頁的設計》教學設計

浙江紹興市第一中學信息處 董燁華

一、教材分析

本節課講授浙江教育出版社《信息技術基礎》第六章“網頁的設計與制作”的相關，并根據《浙江省普通高中新課程實驗信息技術學科教學指導意見》進行了適當設計，教學側重于讓學生掌握網站的策劃與構思和熟練掌握簡單網頁的設計與制作。

二、學情分析

學生已經會收集和整理素材，掌握了用FrontPage制作網頁的基本操作，對網站的策劃與構思有了一定的了解，但網站創建的知識以及網站策劃構思的實踐比較欠缺，另外學生現有知識水平存在一定差異。

三、教學目標

知識與技能：能較熟練地運用表格實現網頁布局；知道創建網站的一般過程，了解一些主頁設計的知識；初步掌握網站的策劃與構思。

過程與方法：通過自主探究和小組合作完成學習任務，掌握一些探究學習的方法，培養與他人協作、交流的意識和能力。

情感、態度與價值觀：通過網站主頁設計，激發學生的創作欲望，提高學習信息技術的興趣和愿望；通過教師提供的創作背景信息，使學生更關注氣候變化對人類發展的影響，增強社會責任感。

四、教學重難點

重點：學會運用表格實現網頁布局，初步掌握網站的策劃與構思。

難點：如何在主頁制作中實現自己的網站設計構思。

五、教學過程

1．教學引入，學習準備

教師指導學生訪問課堂學習網站（如圖1），然后介紹網站的創作構思與特點。

師：這是老師為課堂學習專門設計制作的一個網站，請同學們從“名稱貼切、主題鮮明、內容豐富、結構清晰、界面友好美觀”五個角度，給網站做個評價，認為都滿意就趕快伸出五個手指頭。

學生們高舉手臂，伸出五個手指。

師：謝謝大家的支持，你們的認可是我創作的動力。

師：通過前段時間的學習，我們已經較好地掌握了素材收集與整理的方法；掌握了一些利用FrontPage軟件做網頁的基本操作；在欣賞優秀網站的基礎上，對網站的策劃與構思有了一定了解。這節課，我們將跟隨著學習網站的導航欄，一起揭開創建個人網站的第一頁──設計制作網站主頁。

師：先來玩一個拼圖游戲吧。

圖1 學習網站首頁 圖2 學習參考頁面

設計意圖：用學習網站吸引學生的注意力，使其迅速進入課堂學習狀態。通過學生評價老師的網站設計，使學生對網站策劃構思中要考慮的因素有進一步認識。

2．以趣激學，化解難點

學生瀏覽學習網站中“拼圖游戲”活動要求。

活動內容：將分割成小塊的圖片素材插入到教師預先設計好的網頁中，完成拼圖。

圖3“威尼斯的淚”網站主頁

圖4 “威尼斯的淚”表格框架

師：老師這里有個完工的網站主頁（如圖3），網站主題是關于拯救水城威尼斯的，網站名稱是“威尼斯的淚”，頁面十分簡潔，用一張圖片吸引觀眾目光，導航欄設置在右下處，四個超鏈接對應網站的四塊內容，這種網頁布局可歸為封面型的布局類型，在個人主頁和企業網站設計中較常用（具體可參考學習網站）。請大家仔細看這個網頁，接著我們將用它的半成品來玩拼圖（如圖4）。

教師用FrontPage軟件打開半成品網頁。

師：同學們看到網頁上都有些什么？

生：哦，表格，原來剛才的網頁是用這樣的表格來實現布局的。

師：對了，那再仔細觀察一下，這里到底用了幾張表格。

生：兩張，三張??

師：答案是五張表格，最外面一張虛線顯示的表格將整體分為上下兩大塊，然后表格里面套表格，最終將所有網頁內容，用一個個單元格定位。

師：現在網頁上半部分的九個單元格就是留給大家來完成拼圖的，加油，看誰最快完成提交。

學生下載素材，嘗試著完成拼圖；教師巡視，了解學生的制作過程。學生在制作過程會碰到一個主要問題“如何將圖片拼得天衣無縫”，涉及到表格的屬性設置這一知識點，要能夠想到將表格邊框設置為隱藏，將表格單元格邊距和間距值都設置為0。

師：已經有同學完成拼圖提交了，某某同學是最快完成的，讓我們一起來看一下他們的拼圖吧。

教師根據學生完成情況，選擇不同的教學，如果已經有學生很好地完成了拼圖，就請學生來講解、演示；如學生都沒有很好地解決問題，教師可以通過提問“五張表格中最外一張用虛線顯示的表格在預覽中是否能看到它？”“表格邊框隱藏是怎么實現的？”“表格屬性中還能設置什么？”等問題，引導學生找到答案。

師：只有想不到，沒有做不到，網頁布局，表格幫你輕松搞定。

設計意圖：以一個熟悉的游戲任務引導學生探究、學習、掌握表格布局的知識。同時，任務素材又是后續學習任務“主頁設計”的一個范例，幫助化解學習難點。

3．創設情景，引起思考

師：再次欣賞這幅拼圖作品，不知道攝影師有沒給它取過名，就讓我們來給它設計個名稱吧。

生：“大海，大海”，“港灣”，就用“威尼斯的淚”??

師：請大家分別用“大海，大海”和“威尼斯的淚” 做名稱來看這幅作品，不知道你的腦海里會浮現些什么？

生：很不一樣。

師：作品的名稱十分重要，它能夠引導觀眾欣賞的視角，我們在進行網站策劃構思的時候，一定要給自己的網站設計好名稱。

師：拼圖照片源自一則反映威尼斯遭受水淹的新聞報道，由于氣候變化，威尼斯經常遭受水災，人們用葬禮的形式倡議拯救威尼斯。在學習網站還有“‘2012’離人類還有多遠？”和“哥本哈根氣候大會”等背景資料，提供這些材料是為了引起大家對“氣候變化對人類社會的影響”這一社會議題的思考，同時我們將借助網頁技術來發出自己的聲音。

師：讓我們一起進入主頁設計活動環節。

設計意圖：通過名稱設計，揭示網頁作為一種信息表達技術的價值，培養學生的創作意識。用熱門新聞和議題創設情景，激發學生創作欲望和增強社會責任感。

4．任務驅動，合作探究

活動內容：根據背景資料，以同桌同學為小組，進行網站創建的策劃與構思，形成網站主頁的初步框架，以完成主頁表格框架或繪制草圖等形式呈現結果。

師：主頁設計是網站設計制作的一個重心，設計的完成如同寫文章列好了提綱，將對整個網站的制作過程和完成質量起重要影響。接下來，小組同學要發揚團隊協作精神，一起來完成學習任務。這可能是我們第一次進行網站主頁的設計，所以老師給大家的建議是“從模仿做起，善于吸收他人經驗”，在學習網站中有“網站創建流程”“網站主頁設計”“主頁模版欣賞”等內容可供參考。

教師將“網站創建流程”（如圖2）和“威尼斯的淚”表格框架網頁（如圖4）投影在屏幕上，作為重點提示；了解小組合作情況、操作進度，解決技術問題，并對技術相對薄弱的小組重點幫助指導。小組同學合作協商，進行網站的策劃與構思，形成網站主頁的初步框架。

設計意圖：通過任務驅動、小組合作探究，讓學生在實踐中體會網站創建和主頁設計的知識，培養協作、交流的意識和能力。

5．交流評價，分析提高

師：在剛才的學習活動中，大家表現很好，一些小組中，同學們的討論很激烈，發揮了各自特長，任務完成體現了1+1>2的效果；下面我們一起圍繞以下三點來交流學習成果：網站名稱響亮有特點、欄目設置有趣且反映主題、頁面布局美觀可實現。老師會請幾組同學派代表上臺來介紹自己的設計，其他同學隨時準備發表觀點。

設計意圖：通過交流評價學習成果，有助于學習小組的思維與智慧被整個群體所共享，形成共享的、更高級的理解，同時在評價中獲得成就感。

6．課堂小結，延伸教學

師：這節課我們圍繞設計網站主頁，實踐探討了網站的策劃構思和實現的過程，接下來的幾節課我們將進一步完善設計，學習新知識以至完成整個網站。網頁技術作為一種信息表達的技術，其真正價值的體現在如何更新穎合理地表達一個有意義的主題或內容，希望同學們在日常學習過程中注重觀察，多積累一些網頁制作的知識，提升技術素養。

六、教學反思

在讓學生圍繞某個主題進行網站設計制作時，會碰到這樣一些情況：（1）找不到頭緒，無從下手；（2）想到一點做一點，結果做到一半再也做不下去；（3）網站最終完成了，但卻暴露出欄目設置不合理，內容無法體現主題等問題。顯然，學生對網站策劃構思的知識掌握不夠，我在教學設計中融入了三種方法來加強引導：（1）作品欣賞，俗話說：“熟讀唐詩三百首，不會做詩也會吟”，模仿是創作入門的重要途徑；（2）開展構思協商，通過小組合作和全體交流討論，有助于教師和每位學生的思維與智慧被整個群體所共享，形成共享的、更高級的理解。（3）進行作品評價，在自評和互評中反思自己策劃構思的不足，發現自己和他人設計的新穎之處，使學生獲得滿足感和成就感。

第二篇：網站設計及主頁制作合同書

甲方：（以下簡稱甲方）

乙方：（以下簡稱乙方）

電話：

鑒于甲方委托乙方進行網站設計、主頁制作，幫助甲方樹立形象，擴大宣傳，為明確雙方責任，經雙方協商，簽訂此合同，以期雙方共同遵守。

一.雙方的權利和義務

1.甲方的權利和義務

1-1 提供有關企業的材料及圖片，應保證材料完整，圖片清晰。

1-2 開展的業務必須符合國家法律和社會公共利益。

1-3 按時支付費用。

1-4 依合同約定時間使用主頁。

2.乙方的權利和義務

2-1 按照甲方提供的材料按時完成主頁的制做。

2-2 可以在主頁中注明該主頁由乙方制作。

2-3 有權依合同收取費用。

二.主頁制做完成及發布時間

收到材料_____日后制做完成，驗收合格即公開上網發布。

三.合同金額及付款方式

本合同涉及的總金額為人民幣[_____元]。合同簽訂后1日內，甲方支付合同定金[_____元]，驗收合格之后1日內支付合同余款[_____元]。

四.驗收標準和驗收后修改補充

1.甲方可以通過任何與因特網進行網絡連接的計算機瀏覽自己的主頁。

2.主頁無文字拼寫及圖片（以甲方提供的材料為標準）錯誤。

3.驗收期限為_____星期。

4.驗收合格網上發布后，如果甲方需要修改主頁，改動較大者須重新交網頁制作費。

5.可辦理網站委托管理，每月為您及時更新內容。

五.合同期限

本合同有效期為_____年_____月_____日至_____年_____月_____日。

六.爭議解決

本合同于其履行過程中如發生爭議，雙方應本著友好合作的精神協商解決。

如果協商未成，雙方同意向鄂州仲裁委員會提交仲裁并接受其仲裁結果。

七.附則

1.本合同自雙方簽訂后生效，一式兩份，甲乙雙方各執一份。

2.本合同未盡事宜，雙方應在本合同達成的原則基礎上以補充條款的方式明確，補充條款與本合同具有同等的法律效力

甲方：乙方：

代表人簽字：代表人簽字：

年月 日 年 月 日

第三篇：網站主頁制作協議書

甲方：_________

乙方：_________

經雙方友好協商，達成如下協議：

一、_________（以下稱甲方）委托_________（以下稱乙方）制作甲方網站http://_________的主頁，乙方應按照甲方的要求制作主頁，并達到甲方滿意的效果。該網頁內含有／不含有后臺管理系統。甲方應在_________天內對網頁內容，美工及外觀方面進行滿意確定。確定滿意后，如有欠款，甲方應全部付清。確定滿意后，如甲方再要求更改網頁，則應付費，更改的費用與新作主頁費用相同。但是，在任何情況下，有下列情況之一者，乙方負責免費為甲方修改網頁：

（1）網頁內文字出現錯別字的，乙方負責在_________個工作日內改正；

（2）后臺管理出現錯誤的，乙方負責在_________個工作日內改正；

（3）任何其他數據庫方面的錯誤，乙方負責在_________個工作日內改正；

（4）因甲方地址變更或電話號碼更改，而進行必要的內容方面的更改的，自接到甲方通知之日起，乙方在_________個工作日內改正。

二、網頁制作價格總計為_________元，甲方應于_________年_________月_________日前付清上述款項。

三、所有的網頁內容及相關產品的圖片等由甲方提供，基于美工方面的圖片可以由乙方提供，也可以由甲方提供。在付款后網頁的版權歸甲方所有，乙方在未經甲方口頭或書面允許時，任何時候不得將甲方網頁的機密部分（如后臺管理，程序源代碼等）向第三方透漏，否則甲方有權依法向乙方索取賠償。在付款前，網頁的所有權歸乙方所有。甲方在本協議規定期限內仍未付清所有款項時，乙方有權對網頁進行任何處置。

四、甲方應對網頁的源代碼進行備份。因甲方未對網頁的源代碼進行備份而發生源代碼損壞丟失等，乙方無法為甲方恢復，也對此不負責任。

五、乙方負責對甲方進行操作培訓，該培訓可以以任何方式進行，如電話、傳真、面授等，培訓內容僅限于乙方所提供的服務的內容，如郵件的使用，源代碼及數據庫的備份，網站后臺管理的使用等。培訓內容不包括網頁制作等相關內容。

六、本協議未盡事宜，雙方應本著平等，互利，友好的原則協商解決，并可簽署附加協議。附加協議與本協議具有同等效力。本協議一式兩份，雙方各執一份。

甲方（蓋章）：_________乙方（蓋章）：_________

負責人：（簽字）負責人：（簽字）

_________年____月____日_________年____月____日

第四篇：網站主頁制作合同書范文

甲方：_________（以下簡稱甲方）

乙方：_________（以下簡稱乙方）

一、合同項目

乙方代甲方進行注冊域名、網絡實名、虛擬空間租用、網站的制作、維護與修改工作。乙方為甲方注冊頂級國際域名：_________，網絡實名為：_________，虛擬主機租用一個_________m，企業郵局：_________，網站的制作及今后網站的維護與修改工作。

二、雙方的權利和義務

甲方的權利和義務

（1）根據本合同項目的實際需要和乙方的要求提供協助并提供有關的材料及圖片等，提供資料完整，真實，合法，協助并派專人負責與乙方聯絡，協調。

（2）甲方應按時足額向乙方繳納所需的全部費用和服務費用。如果在規定的時間內沒有足額足額交費，被視為自動放棄所有服務（包括國際域名，網絡實名，虛擬主機），甲方應承擔全部法律后果。internet域名管理機構（包括但不限于internic和／或cnnic，下同）有權取消對域名的注冊，網絡實名的注冊和虛擬空間的租用。

乙方的權利和義務

（1）代甲方支付internet域名管理機構所需的有關費用，網絡實名和虛擬主機的費用。

（2）按照甲方提供的材料及時完成本合同中的技術開發工作和今后網站的維護工作。

（3）依合同收取費用。

三、合同金額與支付方式

合同金額：域名注冊：_________元；網絡實名：_________元；虛擬主機：_________元；企業郵局：_________；網站制作費用（包括第一年的免費維護費用）_________元；合計金額：_________元。

付款方式：自本合同簽訂后，甲方先支付乙方_________元（_________年的域名注冊費＋_________年的網絡實名＋_________年的虛擬主機租用費＋_________年的企業郵局），網站制作費用在制作完成后一次性付清。

四、合同的解除，終止與違約責任

甲方不能按時支付合同費用，導致的工期延誤，其責任由甲方承擔。在甲方前一次付款款項的有效期結束后，如沒有接到甲方第二付款，本合同自動失效。

因不可抗力或者其他意外事件，或者使得本合同的履行不可能，不必要或者無意義的，任一方均可以解除本合同。遭受不可抗力，意外事件的一方全部或部分不能履行本合同，解除或遲延履行本合同的，應將事件情況以書面形式通知另一方并向另一方提交相應的證明。

本合同所稱不可抗力，意外事件是指不能預見，不能克服并不能避免且對一方當事人造成重大影響的客觀事件，包括但不限于自然災害如洪水，地震，火災和風暴等以及社會事件如戰爭，**，政府行為等。

五、爭議的解決方法

國履行本合同或者與本合同有關的一切爭議，雙方當事人應通過友好協商方式解決。

協商不成的，雙方同意向仲裁委員會提交仲裁并接受其仲裁規則。

六、其他約定

本合同的解除，終止或者本合同有關條款的無效均不影響本合同關于合同的解釋，違約責任及爭議解決的有關約定的效力。

本合同的訂立、效力、解釋、履行和爭議的解決均適用于中華人民共和國法律法規和本行業的規范。

任何一方對本合同內容和對方當事人的商業秘密均負有保密的義務。經雙方協商一致，可以對本合同有關條款進行變更。

七、訂立本合同所依據的法律，行政法規，規章發生變化，本合同應變更相關內容；訂閱本合同所依據的客觀情況發生重大變化，致使本合同無法履行的，經甲乙雙方協商同意，可以變更本合同相關內容或終止合同的履行。

八、本合同有關條款或者約定若與雙方有關陳術不一致或者相抵觸的，以本合同為準，但經雙方協商一致同意保留的除外。

本合同經雙方授權代表簽字并蓋章，自簽訂日起生效。本合同一式兩份，雙方當事人各執一份，具有同等法律效力。

甲方（蓋章）：_________乙方（蓋章）：_________

授權代表（簽字）：_________授權代表（簽字）：_________

_________年____月____日_________年____月____日

第五篇：學院主頁設計開題報告

太原理工大學現代科技學院信息系

本科畢業論文（設計）開題報告

畢業設計(論文)題目 信息工程學院主頁設計

學生姓名 專 業 班 級

楊雨鑫 通信工程

導師姓名 報告日期

焦江麗

通信08-2班

指導教師意見

簽字 年 月 日

專業(教研室)主 任意見

年 月 日

系主任

意 見

年 月 日 1.選題意義

Internet正在以強大的沖擊力影響著人類的生活。Internet的出現和迅速發展，徹底改變了人們的傳統生活方式。Internet現在已經滲透到了人類社會的各個領域，以及人們的日常生活的各個環節。

Internet的迅速普及，正是依靠不計其數、豐富多彩的網站。網站是由網頁按照一定的鏈接順序組成。現在有越來越多的人希望在網絡上擁有自己的個人主頁或個人網站，來展示個人的個性和特點。同時也有越來越多的企業通過互聯網上來展示自身形象，提供服務和產品資訊。以這種廉價的方式獲取最大的宣傳效果。

在這種背景下，各個大學也相繼推出了自己的網絡主頁。進而每所大學的各個學院，甚至每個系，都需要一個主頁來彰顯自己的特點，共享自己的信息與材料。

所以說，網頁制作已經成為現代社會中人們的一種基本功，越來越多的人希望學習如何制作網頁，同時越來越多的網頁制作工具展現在人們面前。當然掌握所有的網頁制作工具是不可能，也是不必要的。

本次設計主要通過一些網頁制作工具，完成太原理工大學信息工程學院的主頁設計。

2．內外研究現狀概述

正是互聯網為信息交換提供了廣泛的平臺，對這種新興的信息傳播介質感興趣的人們也越來越多，各種類型的網站如個人博客、社交網站、門戶網站、各類論壇等如雨后春筍般的在互聯網上誕生，極大地豐富了人們的生活。現在，越來越多的人志興與網站設計。隨著網絡的快速發展，網頁設計開始變得多樣化，暫時的低潮不代表它沒有未來。現代的網頁設計涉及的具體內容很多，主要由實用功能、版式設計、視聽元素等三方面組成。現代的網頁設計中處處體現實用功能，花哨的、無用的設計在網頁潮流中必將慢慢被人們所遺忘，突出實用功能才是現代網頁設計思想中的主流。類似Google、Baidu，就是以功能為主的網頁設計最 有力證明。使用者如何從網頁中得到更好的功能。這就需要站在使用者的角度來看待網頁設計，才能使自己做出的網頁受歡迎，從而達到基本的目的；所謂網頁的版式設計，就是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維的個性化表現出來。以便使版面上的思想能進入觀者的心靈。

網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網頁的設計中占據著極其重要的地位，讓瀏覽者產生感官上的美感和精神上的享受；網頁視聽元素，主要包括：文本、背景、按鈕、圖標、圖像、表格、顏色、導 航工具、背景音樂、動態影像等。多媒體技術的運用大大豐富了網頁設計的表現力。可以說現代的網頁設計極大化的運用了各種媒體的技術手段，使得設計技術空前強大。

網頁設計的程序語言也已經非常豐富，ASP．net、PHP、JSP為主要設計動態網頁的語言。此外還有一些網絡編程工具，Javacript、Java編輯器等。用這些優秀的設計代碼作為設計工具，網頁中的設計代碼顯得越來越簡單明了，所呈現出來的樣式確實非常新穎和現代。隨著網絡的日新月異的不斷發展，現代的網頁設計形式突出實用功能，以高技術，精美版式的動感頁面為主，頁面的設計代碼頁越來越精干，網絡呈現出一派欣欣向榮的情景。

不可否認，國內網頁設計環境目前還停留在初級的認知階段，也就是說，絕大多數人不知道網絡的真正的可用之處，你去做一個業務的時候，不得不去做大量的說服教育工作。以乙方的身份去說服甲方，以專業角度去教育非專業認識，結果是可想而知的。也正是這種全體社會普遍的低認知水平，導致了大量網絡垃圾的產生。

3。主要研究內容

網頁設計——網站是企業向用戶和網民提供信息（包括產品和服務）的一種方式，是企業開展電子商務的基礎設施和信息平臺，離開網站（或者只是利用第三方網站）去談電子商務是不可能的。企業的網址被稱為“網絡商標”，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要窗口。

本次設計的主要設計內容即是太原理工大學信息工程學院的主頁設計。設計，制作甚至建設這樣一個主頁，主要的目的就是通過網頁的形式，展現我院的形象，介紹我院的產品和服務，體現我院發展的戰略途徑等。因此我們必須明確設計站點的目的和用戶需求，從而做出切實可行的設計計劃。我們會根據老師或者同學們的需求、整個學校的狀況、學院自身的情況等進行綜合分析，以“消費者”為中心，而不是以“美術”為中心進行設計規劃。

在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。

為了做到主題鮮明突出，要點明確，我們將按照客戶的要求，以簡單明確的語言和畫面體現站點的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。

網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處。

過文字圖形的空間組合，表達出和諧與美。

多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果，我們將反復推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

為了將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。

4.擬采用的研究思路（方法、技術路線、可行性論證等）

網頁設計的工作流程：

制作網站最容易犯得錯誤就是確定網站類型后就立刻動手制作。當制作了一些頁面后才發現，網站結構混亂，內容規劃不合理，這樣的網站不僅會讓瀏覽的用戶頭疼，自己將來維護起來也相當困難，所以制作網站之前要對網站有個整體的規劃，網站設計要符合一定的工作流程。（1）分析與策劃

在創建網站之前首先需要對網站進行整體分析，分析網站的功能及目的，確定網站的用戶群，然后依據分析內容來確定網站的域名、網站的空間、所需使用的網站技術以及設置網站欄目及子欄目等內容。（2）材料的收集

依據網站的欄目及類型搜集建站所需的資料、素材，包括文字內容、圖像及其他設計網站所需的資料。（3）網頁的布局規劃

根據上面的網站欄目規劃及收集的資料，將網站中各個欄目的布局方式做個規劃，繪制到紙上或計算機中，作為網站設計的草稿使用。（4）網站頁面設計

根據上面修正過的草稿，通過Fireworks、Photoshop等圖像處理軟件設計出網站頁面的正式布局界面，然后將網站界面切片為網頁可以使用的各個圖像文件，并制作出所需的Flash動畫等網站所需的設計素材。（5）在網頁編輯軟件中編輯網頁

依據前面整理的資料以及設計的界面、切片的圖像與制作的網頁素材，通過Dreamweaver等網頁編輯軟件整合為編輯用戶可以瀏覽的網頁形式。（6）程序編寫

根據網站的功能以及設計的頁面設計網站的數據結構，并通過程序語言編寫網站的功能與網站操作后臺，對于網站的程序編寫完全可以通過Dreamweaver完成。對于純HTML網頁則不需要程序的編寫，可以跳過這一步。（7）測試與優化

在交付網站前，必須對網站進行全面的測試與優化，盡可能減小網頁文件的體積，以及減少日后錯誤發生的可能幾率。

（8）發布

將制作完成的網站發布到互聯網中，并對發布的網站進行宣傳。

5.研究工作安排及進度

（1）第一周：對所要做的網站做整體分析，分析所做網站的功能，確定網頁制作需要的軟件，將這些軟件下載到電腦上。例如Dreamweaver8,photoshop等。（2）第二、三周：對所用軟件進了解與學習，盡可能熟練掌握軟件的用法。（3）第四周：收集要做網頁所需的材料，例如學院的圖片，一些好看的LOGO等，盡可能多。

（4）第五周：進行網頁整體的布局規劃，色調選擇。先制作一個整體框架，繪制到紙上或計算機中，作為網站設計的草稿使用。

（5）第六、七周：根據上面修正過的草稿，通過Fireworks、Photoshop等圖像處理軟件設計出網站頁面的正式布局界面，然后將網站界面切片為網頁可以使用的各個圖像文件，并制作出所需的Flash動畫等網站所需的設計素材。

（6）第八、九、十周：依據前面整理的資料以及設計的界面、切片的圖像與制作的網頁素材，通過Dreamweaver等網頁編輯軟件整合為編輯用戶可以瀏覽的網頁形式。

（7）第十一周之后：將之前做好的網站進行測試、優化等步驟，使其更完美地展現在大家面前。

6。參考文獻

（1）袁斐，網頁設計現狀的一些發現，南工業貿易職業學，2010。（2）周明，網頁設計與制作，天津大學出版社，2009.03。（3）百度百科，http://baike.baidu.com/view/8972.htm#3。（4）閃盟網頁設計，網頁設計的工作流程。（5）維基百科，http://zh.wikipedia.org/wiki/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1。

（6）海玲，Dreamweaver主頁制作速成，網絡與信息，2000.（7）江陰網絡公司，網頁設計現狀以及實戰技巧。

（8）趙祖蔭，網頁設計與制作教程

（三），清華大學出版社。（9）網頁設計與制作，廣東廣播電視大學學報，2011。

（10）李莉，計算機應用培訓教程--Photoshop7.0中文版，電腦知識與技術，2003。

（11）宋容、李霞婷，Adobe Photoshop鮮為人知的操作技巧及應用，電腦知識與技術，2009。

（12）我要自學網，Dreamweaver視頻教程，http://。

（14）Serva/Sandy, A brighter flash: the Macromedia Flash Ad Alliance, EContent,2001。（15）葉斌, 版社，2009。黃艷峰, 吳潔，網頁設計與制作基礎教程，北京:清華大學出