第一篇：《網(wǎng)頁設(shè)計(jì)與制作》課程設(shè)計(jì)規(guī)范要求B

《網(wǎng)頁設(shè)計(jì)與制作》課程設(shè)計(jì)（B）

一、課程設(shè)計(jì)任務(wù)

培養(yǎng)學(xué)生計(jì)算機(jī)操作的能力和用計(jì)算機(jī)設(shè)計(jì)網(wǎng)站的基本技能，使學(xué)生具備分析問題、用編程思維解決問題的能力，達(dá)到計(jì)算機(jī)初級(jí)網(wǎng)頁設(shè)計(jì)員的水平。

二、課程設(shè)計(jì)目的

1．提高學(xué)生實(shí)際操作中收集信息，對(duì)信息進(jìn)行價(jià)值判斷，進(jìn)行信息整理、加工的能力。2．在實(shí)際的項(xiàng)目任務(wù)中培養(yǎng)網(wǎng)頁設(shè)計(jì)方面的素養(yǎng)。

3．在實(shí)際的項(xiàng)目任務(wù)中使學(xué)生網(wǎng)頁編程和制作的能力得到提高。

三、課程設(shè)計(jì)的要求

《網(wǎng)頁設(shè)計(jì)與制作》的課程設(shè)計(jì)課題選擇應(yīng)從專業(yè)網(wǎng)站建設(shè)的實(shí)際出發(fā)。具體要求如下： 1.學(xué)生是課程設(shè)計(jì)環(huán)節(jié)的主體，教師只起輔助引導(dǎo)、協(xié)調(diào)作用。2.自選主題，主題內(nèi)容要合法、健康，主題突出、內(nèi)容豐富。

3.要仔細(xì)考慮網(wǎng)站定位。分析面向的潛在訪客群體的需求特點(diǎn)，選擇內(nèi)容和版式。網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，頁面設(shè)計(jì)要注意色彩的搭配、布局的合理性。

4.站點(diǎn)設(shè)計(jì)合理、無多余文件和文件夾、管理有序。文字、圖片各類素材分類存放，文件或文件名命名要規(guī)范，不使用漢字或帶有空格的名稱，首頁命名應(yīng)該使用index。

5.各個(gè)頁面之間的鏈接要合理有效，路徑要正確（相對(duì)路徑）；注意網(wǎng)站的大小，圖片保存格式和圖片大小要合適。

6．站點(diǎn)至少要有兩層結(jié)構(gòu)，頁面數(shù)不得少于4頁；其中一頁必須是注冊(cè)頁面。7.每個(gè)網(wǎng)頁都要有導(dǎo)航欄、水平線、版權(quán)說明；每個(gè)網(wǎng)頁都能夠點(diǎn)擊鏈接返回主頁。8.使用CSS樣式美化網(wǎng)頁，包括文字、鏈接。9.添加行為效果，如歡迎對(duì)話框、彈出式廣告等。10．使用層，制作圖片的顯示-隱藏效果。

四、課程設(shè)計(jì)內(nèi)容

（一）選題范圍

根據(jù)課程的教學(xué)大綱和教材內(nèi)容，結(jié)合網(wǎng)站在生產(chǎn)、科研、管理、教學(xué)以及日常生活等各個(gè)領(lǐng)域的應(yīng)用都可作為課程設(shè)計(jì)的選題。以下課題可供參考： 1． 個(gè)人網(wǎng)站 2． 購物網(wǎng)站 3． 游戲網(wǎng)站

4． 旅游網(wǎng)站 5． 游戲網(wǎng)站 6． 影視網(wǎng)站

（二）課程設(shè)計(jì)進(jìn)程表

1.設(shè)計(jì)方案：（2課時(shí)）

(1)了解潛在訪客群體的需求特點(diǎn)，版式和內(nèi)容的需求；(2)站點(diǎn)目錄結(jié)構(gòu)圖：

(3)色彩方案：主色調(diào)、次色調(diào)；

(4)布局方案：導(dǎo)航和其他網(wǎng)頁內(nèi)容的位置； 2.制作網(wǎng)頁主頁：（3課時(shí)）(1)查找文字、圖片和動(dòng)畫。(2)使用表格或框架布局網(wǎng)頁。(3)添加內(nèi)容；

(4)使用CSS優(yōu)化網(wǎng)頁；

3.制作其他頁，完善優(yōu)化網(wǎng)站：（6課時(shí)）(1)查找文字、圖片和動(dòng)畫。(2)制作注冊(cè)頁面

(3)使用主頁主體CSS樣式，保持風(fēng)格統(tǒng)一(4)鏈接各網(wǎng)頁

4.完善優(yōu)化網(wǎng)站：（2課時(shí)）(1)測(cè)試網(wǎng)站(2)優(yōu)化網(wǎng)站

第二篇：《網(wǎng)頁設(shè)計(jì)與制作》課程設(shè)計(jì)要求

《網(wǎng)頁設(shè)計(jì)與制作》課程設(shè)計(jì)要求

最終提交：《網(wǎng)站策劃報(bào)告》一份及獨(dú)立制作網(wǎng)站一個(gè)

使用所學(xué)知識(shí)獨(dú)立制作一個(gè)網(wǎng)站，網(wǎng)站的主題可以是文學(xué)、音樂、影視、自我介紹（求職）、家鄉(xiāng)介紹等。

1．作業(yè)基本要求

（1）站點(diǎn)目錄層次分明，管理有序，無多余的文件

和文件夾，不能將內(nèi)容都放在站點(diǎn)根目錄下，不要使用中文，為每種類型文件都建立一個(gè)獨(dú)立的目錄。（例如images、css、swf、MP3、flv文件夾用于存放圖象、樣式、flash動(dòng)畫、音頻文件及flash視頻,目錄的層次不能沒有，但必須盡量少，以便于管理。）首頁命名應(yīng)為index.html或default.html，其它文件命名不使用中文及帶空格的文件名。

（2）網(wǎng)頁數(shù)為8頁以上（網(wǎng)頁數(shù)量不足扣分，缺少2

張以上視為無效作業(yè)）

（3）傳站點(diǎn)壓縮文件，壓縮文件命名方式：學(xué)號(hào)+姓名）

（4）主頁必須包含內(nèi)容要求： a)

b)主頁上有flash按鈕、鼠標(biāo)經(jīng)過圖像或跳轉(zhuǎn)菜單，跳轉(zhuǎn)菜單中有如下鏈接 主頁上最少有5個(gè)欄目（一級(jí)頁面）的導(dǎo)航鏈接，首頁用表格進(jìn)行頁面布局（其它頁面必須使用表格或DIV、層）

(5)內(nèi)頁內(nèi)容類型相近的要使用模板，此項(xiàng)目加分10%

(6)正確合理的使用CSS文件設(shè)置文字、圖片、頁面的樣式，正確合理使用ID、類、標(biāo)簽、復(fù)合選擇器，此項(xiàng)目加分10%

(7)網(wǎng)站內(nèi)容結(jié)構(gòu)不少于三層

2.創(chuàng)意加分：

在完成標(biāo)準(zhǔn)要求的前提下，對(duì)作業(yè)有獨(dú)創(chuàng)性及設(shè)計(jì)美觀的作業(yè)跟據(jù)情況給予加分。方法如下：

（1）思想性、科學(xué)性

主題明確，內(nèi)容積極、健康向上，文字內(nèi)容通順，無錯(cuò)別字

（2）創(chuàng)造性

素材獲取及其加工屬原創(chuàng)、主題表達(dá)形式新穎，構(gòu)思獨(dú)特、巧妙，具有想象力和個(gè)性表現(xiàn)力，內(nèi)容、結(jié)構(gòu)設(shè)計(jì)合理

（3）技術(shù)性

選用制作工具和制作技巧恰當(dāng)，導(dǎo)航和鏈接準(zhǔn)確、頁面瀏覽速度快

（4）藝術(shù)性

反映出作者有一定的審美能力，完美運(yùn)用各種形式表現(xiàn)主題，有感染力、界面美觀、布局設(shè)計(jì)獨(dú)到，富有新意。

第三篇：網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)大綱

網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)大綱

1.課程設(shè)計(jì)的指導(dǎo)思想

（一）課程性質(zhì)

1．課程類別：專業(yè)選修課 2．適應(yīng)專業(yè)：軟件工程 3．開設(shè)學(xué)期：第二學(xué)期

4．學(xué)時(shí)安排：周學(xué)時(shí)2＋2，總學(xué)時(shí)72 5．學(xué)分分配：

（二）開設(shè)目的

本課程是計(jì)算機(jī)類專業(yè)的專業(yè)選修課,它是一門操作性和實(shí)踐性很強(qiáng)的課程。本課程開設(shè)的主要目的，是為了適應(yīng)web技術(shù)的飛速發(fā)展，為學(xué)生今后在學(xué)習(xí)、工作中建立網(wǎng)站及網(wǎng)頁制作打下基礎(chǔ)。通過本課程的學(xué)習(xí)，讓學(xué)生了解一定的網(wǎng)絡(luò)應(yīng)用基礎(chǔ)知識(shí)；能夠熟練掌握網(wǎng)頁制作工具——網(wǎng)頁三劍客Dreamweaver、Fireworks、Flash的使用，能自行設(shè)計(jì)各種網(wǎng)頁、編輯一定的平面圖像、網(wǎng)絡(luò)動(dòng)畫。具備網(wǎng)站的建立、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能，能獨(dú)立設(shè)計(jì) WEB 站點(diǎn)。

（三）基本要求

1、知識(shí)要求：

（1）網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)（2）DREAMWEAVER 的使用（3）FIREWORKS 圖像處理（4）FLASH 的使用（5）網(wǎng)站制作實(shí)例

2、能力要求：

（1）學(xué)會(huì)熟練運(yùn)用 Dreamweaver、Flash 和 Fireworks 應(yīng)用軟件；（2）熟練掌握使用絕對(duì)和相對(duì) URL，創(chuàng)建超鏈接，圖像鏈接；（3）熟練掌握設(shè)置顏色、文本格式和列表；（4）掌握在網(wǎng)頁中添加 CSS 的方法

（5）掌握在網(wǎng)頁中嵌入圖像、聲音、多媒體信息的方法；（6）熟練掌握表格的使用方法，學(xué)會(huì)利用表格布局網(wǎng)頁；（7）掌握框架制作網(wǎng)頁的方法，會(huì)使用框架設(shè)計(jì)網(wǎng)頁；（8）掌握用 Fireworks 處理矢量圖和位圖。（9）掌握用 Flash 制作網(wǎng)頁動(dòng)畫。

3、素質(zhì)要求：

（1）具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的工作作風(fēng)；（2）具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)（3）具有高度責(zé)任心和良好的團(tuán)隊(duì)合作精神

（4）具有一定的科學(xué)思維方式和判斷分析問題的能力（5）具有較強(qiáng)的網(wǎng)頁設(shè)計(jì)創(chuàng)意思維、藝術(shù)設(shè)計(jì)素質(zhì)。

（四）主要內(nèi)容 計(jì)算機(jī)網(wǎng)站基礎(chǔ)知識(shí)、網(wǎng)頁三劍客DREAMWEAVER 的使用、FIREWORKS 圖像處理、FLASH 的使用。

（五）先修課程 計(jì)算機(jī)基礎(chǔ)

（六）后繼課程 Web 程序設(shè)計(jì)

（七）考核方式 上機(jī)考試

（八）使用教材

（九）參考書目

1、《網(wǎng)頁設(shè)計(jì)與制作技術(shù)教程》 作者：王傳華、段青玲、馬欽? 清華大學(xué)出版社?第二版.2、網(wǎng)頁和網(wǎng)站制作基礎(chǔ)操作與實(shí)例教程.陜西科學(xué)技術(shù)出版社

3、Dreamweaver8PhotoshopCS2Flash8網(wǎng)頁制作教材.陳笑；李景池.清華大學(xué)出版社

4、《使用網(wǎng)站技術(shù)基礎(chǔ)》作者：德力、盧明波、王化宇.內(nèi)蒙古教育出版社 教學(xué)內(nèi)容

第一部分 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ)知識(shí) 教學(xué)目的

使學(xué)生了解什么是網(wǎng)頁，網(wǎng)站，網(wǎng)頁元素等概念 主要內(nèi)容 什么是網(wǎng)頁，網(wǎng)站;2 Html語言基礎(chǔ)； 構(gòu)建網(wǎng)站的一般過程； 教學(xué)要求

了解：網(wǎng)站設(shè)計(jì)與制作的前期準(zhǔn)備 掌握： 繪制網(wǎng)站首頁效果圖 第二部分 網(wǎng)頁制作軟件Dreamweaver 教學(xué)目的

使學(xué)生了解網(wǎng)站設(shè)計(jì)概念；掌握軟件界面及站點(diǎn)建立，Dreamweaver的基本功能，表單和CSS樣式表的應(yīng)用及網(wǎng)頁制作的高級(jí)技術(shù)。主要內(nèi)容

1、網(wǎng)站設(shè)計(jì)概念，要求達(dá)到“了解掌握”程度 網(wǎng)站的主題定位

網(wǎng)站的風(fēng)格和創(chuàng)意設(shè)計(jì) 準(zhǔn)備材料和結(jié)構(gòu)規(guī)劃 頁面布局

定義站點(diǎn)、申請(qǐng)域名、空間 認(rèn)識(shí)HTML語言

2、初識(shí)軟件界面及站點(diǎn)建立，要求達(dá)到“了解掌握”程度 Dreamweaver軟件界面 對(duì)象控制面板的使用 建立本地站點(diǎn) 建立遠(yuǎn)程站點(diǎn) 站點(diǎn)的更新和管理

3、Dreamweaver的基本功能，要求達(dá)到“掌握”程度，添加文本 插入圖片 插入表格

超級(jí)鏈接和導(dǎo)航條的創(chuàng)建 插入多媒體

4、表單和CSS樣式表的應(yīng)用，要求達(dá)到“了解掌握”程度 插入表單

插入表單對(duì)象

創(chuàng)建并鏈接到外部CSS樣式

5、網(wǎng)頁制作高級(jí)技術(shù)，要求達(dá)到“了解掌握”程度 創(chuàng)建層 設(shè)置層

層與表格的相互轉(zhuǎn)換 創(chuàng)建框架 行為操作 創(chuàng)建模板 模板的應(yīng)用 教學(xué)要求

了解：網(wǎng)站設(shè)計(jì)概念

掌握：軟件界面及站點(diǎn)建立，Dreamweaver的基本功能，表單和CSS樣式表的應(yīng)用及網(wǎng)頁制作的高級(jí)技術(shù)。

第三部分 圖形制作與處理軟件Firewoks 教學(xué)目的

使學(xué)生了解Fireworks軟件界面；掌握?qǐng)D像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動(dòng)畫的制作。主要內(nèi)容

1、Fireworks簡介，要求達(dá)到“了解掌握”程度 Fireworks概述

Fireworks的系統(tǒng)需求 Fireworks的新增功能 Fireworks窗口界面 創(chuàng)建新文檔

導(dǎo)入和導(dǎo)出文檔

2、圖像的繪制和編輯，要求達(dá)到“掌握”程度 繪制圖像 編輯圖像

3、文本與顏色，要求達(dá)到“掌握”程度 文本的使用 顏色的使用 設(shè)置畫布

4、層與元件，要求達(dá)到“掌握”程度 層的使用 元件的使用

5、濾鏡和特效，要求達(dá)到“了解掌握”程度 使用濾鏡 使用特效

6、按鈕和動(dòng)畫，要求達(dá)到“了解掌握”程度 按鈕 動(dòng)畫

教學(xué)要求

了解：Fireworks軟件界面

掌握：圖像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動(dòng)畫的制作。第四部分 動(dòng)畫制作與編輯軟件Flash 教學(xué)目的

使學(xué)生了解Flash基本工作環(huán)境；掌握Flash繪圖工具的使用方法，F(xiàn)lash動(dòng)畫基礎(chǔ)及FIash影片制作和發(fā)布。主要內(nèi)容

1、初識(shí)Flash，要求達(dá)到“了解”程度 Flash基本工作環(huán)境 認(rèn)識(shí)舞臺(tái)與時(shí)間軸.認(rèn)識(shí)不同作用的面板

2、Flash繪圖工具，要求達(dá)到“掌握”程度 矢量圖與位圖 線型與顏色

線條的繪制與修改 填充圖形的繪制，選取工具 文本

變換工具 其他工具

3、Flash動(dòng)畫基礎(chǔ)，要求達(dá)到“掌握”程度 層 幀 元件

Flash的基本操作

4、FIash影片制作和發(fā)布，要求達(dá)到“掌握”程度 動(dòng)畫基礎(chǔ) 逐幀動(dòng)畫 形狀漸變 動(dòng)作漸變 蒙板

運(yùn)動(dòng)導(dǎo)線 按鈕

軌跡追蹤 導(dǎo)入聲音 加入視頻 測(cè)試發(fā)布 教學(xué)要求

了解：Flash基本工作環(huán)境

掌握：Flash繪圖工具的使用方法，F(xiàn)lash動(dòng)畫基礎(chǔ)及FIash影片制作和發(fā)布。第五章 綜合實(shí)例 教學(xué)目的

使學(xué)生能夠熟練掌握網(wǎng)頁制作工具Dreamvwaver、Fireworks、Flash的使用，能自行設(shè)計(jì)各種網(wǎng)頁、編輯一定的平面圖象、網(wǎng)絡(luò)動(dòng)畫。具備網(wǎng)站的建立、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能，能獨(dú)立設(shè)計(jì) WEB 站點(diǎn)。主要內(nèi)容

綜合實(shí)例，要求達(dá)到“掌握”程度 網(wǎng)頁設(shè)計(jì)準(zhǔn)備工作

用Fireworks設(shè)計(jì)網(wǎng)頁結(jié)構(gòu) 用Dreamweaver生成網(wǎng)頁 用Flash制作網(wǎng)頁動(dòng)畫 整理網(wǎng)頁

完成小型WEB站點(diǎn)網(wǎng)頁的規(guī)劃、設(shè)計(jì)、管理與維護(hù) 教學(xué)要求

掌握：Web網(wǎng)站建設(shè)的基本方法，掌握網(wǎng)頁制作工具的使用方法和技巧，培養(yǎng)學(xué)生設(shè)計(jì)網(wǎng)站的能力。課時(shí)分配及其它

（一）課時(shí)分配

課程總教學(xué)時(shí)數(shù)為90學(xué)時(shí)，安排在第二學(xué)期，每周3＋2學(xué)時(shí)，上課18周。具體分配如下

教學(xué)內(nèi)容 講授學(xué)時(shí)數(shù)

章次

第一部分 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ)知識(shí) 4 第二部分 網(wǎng)頁制作軟件Dreamweaver 12 第三部分 圖形制作與處理軟件Firewoks 8 第四部分 動(dòng)畫制作與編輯軟件Flash 8 第五部分 綜合實(shí)例 4 合計(jì)

實(shí)驗(yàn)學(xué)時(shí)數(shù) 10 8 2 36

（二）考核要求

平時(shí)成績（含考勤、作業(yè)與實(shí)驗(yàn)）占50%，期末（上機(jī)考試）成績占50%。

第四篇：商務(wù)網(wǎng)頁設(shè)計(jì)與制作課程設(shè)計(jì)要求

商務(wù)網(wǎng)頁設(shè)計(jì)與制作課程設(shè)計(jì)要求

一、主題要明確（5）

網(wǎng)站必須是企業(yè)網(wǎng)站或是商務(wù)網(wǎng)站，網(wǎng)站名字要具體、簡短、網(wǎng)站logo要適合網(wǎng)站內(nèi)容，明確具體，表現(xiàn)形式可以是文字也可以是圖片

二、網(wǎng)頁結(jié)構(gòu)布局科學(xué)合理，網(wǎng)頁顏色搭配合適，風(fēng)格統(tǒng)一（10分）

三、網(wǎng)站結(jié)構(gòu)清晰、內(nèi)容豐富且完整，所有網(wǎng)頁元素存放合理（35分）

一級(jí)頁面一個(gè)（首頁）；首頁中需包含一個(gè)浮動(dòng)廣告，利用層中時(shí)間軸的方法設(shè)計(jì)浮動(dòng)路線或者是隨滾動(dòng)條滾動(dòng)的對(duì)聯(lián)廣告，如果是淘寶店鋪此類效果可以自行設(shè)計(jì)應(yīng)用到其他頁面。

二級(jí)頁面不少于5個(gè)。主要為導(dǎo)航頁面。

三級(jí)頁面不少于9個(gè)，此類中必須包含一個(gè)用戶注冊(cè)頁面，有一個(gè)頁面中需包含產(chǎn)品或者寶貝的顯示隱藏效果

注：少于12個(gè)網(wǎng)頁者該部分分?jǐn)?shù)記不合格。

四、網(wǎng)頁元素應(yīng)用豐富（圖片、文字、超鏈接、表單、表格布局、div+css、層、行為、css樣式、滾動(dòng)效果（垂直連續(xù)或水平連續(xù)）等。（50分）

該部分主要考核網(wǎng)站的創(chuàng)新創(chuàng)意與實(shí)際可操作性，網(wǎng)站美觀度等。

所學(xué)的知識(shí)和技能特效應(yīng)用恰當(dāng)。

時(shí)間要求：

16周：

第一次課 上交網(wǎng)站的主題，網(wǎng)站的結(jié)構(gòu)圖，進(jìn)度安排表；

第二次課 完成網(wǎng)站素材的收集，網(wǎng)頁結(jié)構(gòu)圖的繪制

17周：

第一次課 檢查網(wǎng)站初稿

第二次課 上交網(wǎng)站最終稿

最后作品在1月5日之前交給沈云濤，以班級(jí)為單位統(tǒng)一用U盤拷到我辦公室。

第五篇：網(wǎng)頁設(shè)計(jì)與制作課程學(xué)習(xí)論文

《網(wǎng)頁設(shè)計(jì)與制作》課程學(xué)習(xí)論文

作為一個(gè)二十一世紀(jì)的大學(xué)生，學(xué)習(xí)如何設(shè)計(jì)與制作網(wǎng)頁變?yōu)橐粋€(gè)必不可少的過程。經(jīng)過這幾個(gè)星期的學(xué)習(xí)，我開始對(duì)網(wǎng)頁設(shè)計(jì)與制作有了初步的認(rèn)識(shí)，并且學(xué)習(xí)了一些網(wǎng)頁設(shè)計(jì)與制作的基礎(chǔ)。隨著時(shí)代的發(fā)展，網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是一門技術(shù)。網(wǎng)站設(shè)計(jì)日有必要的益被重視，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作這門學(xué)科是非常。

作為網(wǎng)頁設(shè)計(jì)的初學(xué)者，我對(duì)網(wǎng)頁設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個(gè)美觀、實(shí)用、內(nèi)容豐富的個(gè)人網(wǎng)頁。我通過自己動(dòng)手、動(dòng)腦，通過網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識(shí)，也增強(qiáng)了我的創(chuàng)作能力和動(dòng)手能力，在網(wǎng)頁設(shè)計(jì)過程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個(gè)過程我都全身心投入，使我真正學(xué)到了網(wǎng)頁設(shè)計(jì)的知識(shí)。

互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。網(wǎng)頁設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。

網(wǎng)頁設(shè)計(jì)與制作包含視聽元素于版式設(shè)計(jì)兩項(xiàng)內(nèi)容，以主題鮮明、形式與內(nèi)容統(tǒng)一、強(qiáng)調(diào)整體為設(shè)計(jì)原則，具有互交性與持續(xù)性、綜合性、版式的不可以控性、藝術(shù)與技術(shù)的結(jié)合的緊密型等特點(diǎn)。美和功能都是為了表達(dá)網(wǎng)站的主題。我認(rèn)為在一個(gè)網(wǎng)站中，最重要的頁面當(dāng)屬主頁，所以在此以主頁為例，說明在網(wǎng)頁制作中版面設(shè)計(jì)的問題。從版面設(shè)計(jì)來講,一個(gè)有特色的主頁,必須包含有四個(gè)要素：文字，圖片，排列方式和主色調(diào)，這四者相輔相成，缺一不可。圖片要素

要設(shè)計(jì)出漂亮的主頁，首先要成為計(jì)算機(jī)圖形高手，僅這一點(diǎn)就可以讓初學(xué)者花上一年半載的時(shí)間。排列方法要素，主頁的第二個(gè)要素是排列方法，即網(wǎng)頁布局。色彩在網(wǎng)頁所占比重很大。有了合理清新的色調(diào)，會(huì)彌補(bǔ)主頁上的其它不足。頁面的色彩搭配是與網(wǎng)站的主題分不開的，一個(gè)網(wǎng)站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向，也不至于單調(diào)乏味。一般來說，頁面的主體文字應(yīng)盡量使用黑色等較深的顏色，與背景對(duì)比明顯，按鈕、邊框等使用彩色。例如教育類網(wǎng)站使用藍(lán)色為主題色，再用紅色和黑色作為配色，就能表達(dá)出嚴(yán)肅、穩(wěn)重的效果。網(wǎng)頁作為一種版面，既有文字，又有圖片；文字有大有小，還有標(biāo)題和正文之分；圖片頁有大小而且有橫豎之別。圖片和文字都需要同時(shí)展示給觀眾，不能簡單地將其羅列在一個(gè)頁面上，否則會(huì)搞得雜亂無章。關(guān)于具體的網(wǎng)頁布局，常見的有“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，關(guān)于它們，在網(wǎng)頁設(shè)計(jì)的相關(guān)書籍中或者在網(wǎng)絡(luò)上都可以看到詳細(xì)的敘述

網(wǎng)頁作為傳播信息的一種載體，同其他出版物如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處，也要遵循一些設(shè)計(jì)的基本原則。但是，由于表現(xiàn)形式、運(yùn)行方式和社會(huì)功能的不同，網(wǎng)頁設(shè)計(jì)又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計(jì)，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。一般的來說，絕大多數(shù)普通受眾圖形，插件，applets和其它有關(guān)的高級(jí)Web瀏覽器特性。對(duì)我們來說，頁面的實(shí)用可能比漂亮更重要，對(duì)于用戶來說，沒有什么比頁面能夠快速下載更重要了，簡而言之，精簡你的站點(diǎn)，這是一條最佳的捷徑。就站點(diǎn)設(shè)計(jì)而言，的確能夠通過成功的圖形設(shè)計(jì)招徠或者丟失訪問者。并非所有的訪問者可以完全看到圖片，某些人為了加快存取網(wǎng)絡(luò)的速度已經(jīng)關(guān)閉了瀏覽器端的圖形。簡而言之，圖形并不能正確的在客戶端加載。然而，圖形經(jīng)常被用來作為導(dǎo)航按鈕。使用可以把一個(gè)瀏覽器分成幾個(gè)不同的窗口，對(duì)于站點(diǎn)的結(jié)構(gòu)的把握是一個(gè)不錯(cuò)的方法。但是，你還是必須知道，還是有人在使用不支持幀的瀏覽器。在你開始打算設(shè)計(jì)一個(gè)幀的時(shí)候，你該仔細(xì)的考慮考慮你是否的確真的需要。經(jīng)常，你這樣的需求可以通過表格來組織站點(diǎn)的結(jié)構(gòu)。網(wǎng)頁設(shè)計(jì)涉及到對(duì)多種軟件、多種知識(shí)的學(xué)習(xí)和應(yīng)用，以及個(gè)人的審美觀等等。所以要想制作出漂亮的網(wǎng)頁，需要一個(gè)逐步學(xué)習(xí)和經(jīng)驗(yàn)積累的過程。

隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國網(wǎng)絡(luò)人口的日益增長，建立個(gè)人網(wǎng)站，不但可以很好的展示自己，而且可以提高自己在計(jì)算機(jī)應(yīng)用方面的能力。個(gè)人在設(shè)計(jì)時(shí)考慮的多為個(gè)人的興趣喜好，而不注重商業(yè)的展示。內(nèi)容以反映個(gè)人為中心，從而使個(gè)人網(wǎng)站真正的成為展示自己的網(wǎng)絡(luò)名片。一張完美的主頁設(shè)計(jì)需要積累豐富的知識(shí)以及掌握大量的技巧。

由于平時(shí)課程比較繁忙，學(xué)習(xí)時(shí)間比較少，對(duì)于網(wǎng)頁設(shè)計(jì)軟件的強(qiáng)大功能運(yùn)用得還不夠。不知不覺網(wǎng)頁設(shè)計(jì)的課程將要結(jié)束了，這門課程所包含內(nèi)容的豐富是讓我從沒有想到的。在整個(gè)的學(xué)習(xí)過程中，我學(xué)習(xí)了Flash、Fireworks、Html語言、IIS、網(wǎng)站建設(shè)的基本思想等重要內(nèi)容。在網(wǎng)頁設(shè)計(jì)過程中，由于沒有網(wǎng)頁制作代碼的知識(shí)，所以在設(shè)計(jì)時(shí)也遇到了很多麻煩，有時(shí)插入一個(gè)特效腳本也是很麻煩。在網(wǎng)頁制作過程中，想提高設(shè)計(jì)水平，想有個(gè)理想的網(wǎng)頁，必須學(xué)會(huì)代碼的運(yùn)用，我將在以后的學(xué)習(xí)過程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡單介紹一下代碼，讓我也對(duì)它有個(gè)初步的認(rèn)識(shí)，以后再加強(qiáng)學(xué)習(xí)也才會(huì)有所提高。

總體來說，通過今次的對(duì)網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對(duì)網(wǎng)頁設(shè)計(jì)的熱情和執(zhí)著，我將來設(shè)計(jì)出的網(wǎng)頁會(huì)更加專業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。網(wǎng)頁設(shè)計(jì)還有更多的技巧，有待于我們?nèi)ネ诰蚝脱芯俊?/p>