第一篇：網(wǎng)站建設(shè)與網(wǎng)頁制作結(jié)業(yè)論文

網(wǎng)站建設(shè)與網(wǎng)頁制作結(jié)業(yè)論文

簡介：

本課程的考查方法采用選題課程論文進(jìn)行，學(xué)生選擇的題目可重復(fù)，但是內(nèi)容不可雷同，如果內(nèi)容雷同將取消相關(guān)學(xué)生本課程的最終成績。為避免出現(xiàn)非人為的論文內(nèi)容雷同，請同學(xué)們在確定選題之后到本班級學(xué)習(xí)委員處登記自己的選題（截止時(shí)間為12月10日），然后與選擇同樣題目的同學(xué)進(jìn)行溝通。所有論文都必須上交打印的文字版，論文完成后交給學(xué)習(xí)委員，由學(xué)習(xí)委員按學(xué)號排列，論文上交的最終時(shí)間為2011年12月30日。

課程論文格式包括下列幾個(gè)部分：

一，題目（題目應(yīng)突出論文的核心內(nèi)容）

二，摘要 不超過200個(gè)字

三，引言 介紹選題的意義

四，主體論文的主體可以包括如下幾個(gè)方面：選題的主要內(nèi)容介紹、作者的思想、選題的應(yīng)用、選題研究的方法或價(jià)值。

五，展望今后的發(fā)展趨勢

六，參考文獻(xiàn)

論文總字?jǐn)?shù)不得少于 2000字

選題范圍：（可以在此范圍之外選題，但是內(nèi)容必須是屬于計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)或網(wǎng)站建設(shè)與網(wǎng)頁制作范疇）

1.HTML語言（學(xué)習(xí)技巧、心得）

2.OSI與TCP/IP體系結(jié)構(gòu)

3.信道復(fù)用技術(shù)

4.局域網(wǎng)

5.擁塞控制

6.路由器

7.IP協(xié)議

8.IPv6

9.TCP

10.域名系統(tǒng)DNS

11.電子郵件傳輸協(xié)議

12.HTTP

13.計(jì)算機(jī)網(wǎng)絡(luò)安全（防火墻、VPN、殺毒軟件等）

14.IP電話

15.制作網(wǎng)頁個(gè)人心得（布局的技巧、**問題的解決）

16.網(wǎng)絡(luò)信息安全（加密，隱寫，隱寫分析，水印等）

第二篇：個(gè)人網(wǎng)站網(wǎng)頁制作論文

個(gè)人網(wǎng)站網(wǎng)頁

制 作 論 文

學(xué)院： 專業(yè)： 姓名： 學(xué)號：

摘要

本文就個(gè)人網(wǎng)站的規(guī)劃與建設(shè)，以軟件工程的方法對全過程進(jìn)行了分析與研究。本文的主要工作集中在：

1.對Web頁進(jìn)行概述，主要是對Internet的歷史和發(fā)展作了回顧，并對Web頁的定義和特性進(jìn)行闡述。并對網(wǎng)站開發(fā)過程中使用的開發(fā)工具和技術(shù)作了簡要的介紹。

2.對網(wǎng)站建設(shè)中提及到的術(shù)語進(jìn)行了解釋，并對個(gè)人網(wǎng)站的由來和發(fā)展進(jìn)行了討論。

3.對自己的個(gè)人網(wǎng)站從規(guī)劃到建設(shè)進(jìn)行了詳細(xì)的分析。

4.使用ASP＋I(xiàn)IS＋Access技術(shù)實(shí)現(xiàn)了我的網(wǎng)站的各種功能，其中和數(shù)據(jù)庫的連接使用到了ODBC技術(shù)。

5.就網(wǎng)站建設(shè)提出了自己的觀點(diǎn)與建議。

【關(guān)鍵詞】 網(wǎng)站 ASP SQL Server 風(fēng)格 創(chuàng)意

一、引言

在已跨入21世紀(jì)的今天，人類使用和學(xué)習(xí)信息的方式以及信息的包裝方式正在進(jìn)行著不可阻擋的革命，這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對社會(huì)發(fā)展的推動(dòng)遠(yuǎn)為復(fù)雜而巨大。目前，我國上網(wǎng)的人口已近一個(gè)億，成立世界上網(wǎng)民最多的國家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖象、聲音、動(dòng)畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動(dòng)特點(diǎn)，無可置疑，網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。個(gè)人網(wǎng)站也成為了一種時(shí)尚。越來越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡(luò)世界的一片天地，展示自己的才華和風(fēng)格。

（一）Web頁概述

1、認(rèn)識(shí)Web

Web(World Wide Web，簡稱，其意思就是采用http超文本傳輸協(xié)議訪問新浪網(wǎng)的首頁，由于網(wǎng)頁均是通過http超文本傳輸協(xié)議進(jìn)行訪問，默認(rèn)下，“http://”可以省略不輸。

5、IP地址

為了使互聯(lián)網(wǎng)上的電腦主機(jī)在通信時(shí)能夠相互識(shí)別，每臺(tái)主機(jī)都分配一個(gè)能表示其位置的IP（Internet Protocol）地址，這如同公用電話網(wǎng)中電話的號碼一樣。IP地址是由專門的互聯(lián)網(wǎng)機(jī)構(gòu)來分配。IP地址具有惟一性，是由32位二進(jìn)制數(shù)組成，分為四組，每組8位，每組之間用小數(shù)點(diǎn)分隔，在實(shí)際之中常轉(zhuǎn)換成十進(jìn)制數(shù)表示。

（二）個(gè)人網(wǎng)站的由來和發(fā)展

互聯(lián)網(wǎng)在中國的出現(xiàn)只有短短七年時(shí)間，1994年中國科學(xué)院高能物理研究所設(shè)立了國內(nèi)第一個(gè)Web服務(wù)器，推出一個(gè)叫做“中國之窗”的網(wǎng)頁，這可能是國內(nèi)Internet上出現(xiàn)的第一個(gè)Web網(wǎng)頁，1995年開始，中國教育科研網(wǎng)，中國科技網(wǎng)，中國公用計(jì)算機(jī)互聯(lián)網(wǎng)以及中國金橋網(wǎng)這構(gòu)成中國數(shù)字神經(jīng)系統(tǒng)的四大互聯(lián)網(wǎng)絡(luò)相繼建成，使互聯(lián)網(wǎng)在中國開始真正進(jìn)入社會(huì)生活之中。

這時(shí)期，個(gè)人網(wǎng)站出現(xiàn)的條件還很不成熟，國內(nèi)上網(wǎng)的人數(shù)很少，也缺乏支持個(gè)人建站的環(huán)境，用戶很難找到理想的個(gè)人主頁存放地。

個(gè)人網(wǎng)站發(fā)展的第二階段是從1997年初到1998年，這段時(shí)間，中國網(wǎng)民數(shù)量飛速增長，個(gè)人網(wǎng)站日漸繁榮，個(gè)人主頁的數(shù)量急劇增加。同時(shí)，越來越多的商業(yè)網(wǎng)站開始免費(fèi)提供個(gè)人主頁空間，這些良好的外部極大地促進(jìn)了個(gè)人網(wǎng)站的發(fā)展，涌現(xiàn)了一批很著名的個(gè)人網(wǎng)頁，從1998年下半年開始，隨著互聯(lián)網(wǎng)應(yīng)用的深入的普及，隨著眾多主頁制作工具的出現(xiàn)，使得建站成為一件非常容易的事，創(chuàng)建一個(gè)能充分體現(xiàn)自我風(fēng)格和特色的個(gè)人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。

（三）我的個(gè)人網(wǎng)站的設(shè)計(jì)與規(guī)劃

1、明確架設(shè)網(wǎng)站的目的及客戶要求

通常情況下，架設(shè)個(gè)人網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達(dá)個(gè)人在商業(yè)、科技、交際、生活等方面的信息需求或者進(jìn)行信息的交流，具有較強(qiáng)的目的性，我的個(gè)人網(wǎng)站一般體現(xiàn)在：為了展示自己的風(fēng)采，讓大家和我一起分享我的心得與經(jīng)驗(yàn)，讓和我有共同愛好的朋友有一個(gè)傾訴的地方。

2、我的個(gè)人網(wǎng)站概貌

因?yàn)槭莻€(gè)人網(wǎng)站，所以只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風(fēng)格和特點(diǎn)的同時(shí)，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計(jì)技術(shù)和數(shù)據(jù)庫技術(shù)。因此將網(wǎng)站設(shè)計(jì)分為前臺(tái)頁面展示平臺(tái)和后臺(tái)在線管理平臺(tái)。

3、功能劃分

網(wǎng)站設(shè)計(jì)有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺(tái)管理頁面中，通過身份認(rèn)證，管理員——我，可以對網(wǎng)站信息進(jìn)行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享。

4、功能描述(1)新聞

嵌入百度新聞每日更新代碼，使用在本站首頁顯示今日國內(nèi)國際新聞和體育新聞，供瀏覽者瀏覽。

(2)留言板

是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。

(3)后臺(tái)管理頁面 是我管理和添加到新內(nèi)容的地方，為了方便實(shí)現(xiàn)信息的經(jīng)常更新，我設(shè)計(jì)了這個(gè)管理頁面，經(jīng)過身份認(rèn)證后我可以進(jìn)入網(wǎng)站對其中的信息進(jìn)行管理。

(4)日記

在其中展示我喜愛的東西，包括我的日記、精品文章、社會(huì)文化和一些雜七雜八的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識(shí)我和了解我，讓一些美好的東西我們大家共同來欣賞。

(5)相冊

在其中展示漂亮的圖片，包括我的照片、我的同學(xué)、風(fēng)景照片、妹眉帥哥欄目。讓大家一起來欣賞人物、風(fēng)景風(fēng)采。

(6)音樂

在其中展示個(gè)人喜歡的歌曲，朋友們可以在里面點(diǎn)播自己喜歡的歌。(7)頁面組織和數(shù)據(jù)庫設(shè)計(jì)

在明確了我的個(gè)人網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設(shè)計(jì)和數(shù)據(jù)庫設(shè)計(jì)。

建立一個(gè)網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。因此我將自己的個(gè)人網(wǎng)站分為五個(gè)欄目，分別是關(guān)于我、相冊、日記、音樂、留言。

三、詳細(xì)設(shè)計(jì)

1、界面設(shè)計(jì)（1）相冊

是一個(gè)個(gè)人相片和精彩圖片展示的地方，在相冊中，我們可以了解到站長的個(gè)人風(fēng)采和自己喜歡的圖片。a、功能

利用ASP對象語句顯示圖片，讓大家可以看見所有圖片的縮略圖，同時(shí)每個(gè)圖片都有快照功能，可以瀏覽圖片的全圖。

b、組成構(gòu)造

相冊結(jié)果顯示頁面 photo.asp：用來顯示所有圖片，同時(shí)還具備圖片的分類功能和圖片單個(gè)瀏覽功能。

站長基本信息顯示頁面 include.asp： 數(shù)據(jù)庫連接頁面 conn.asp(2)日記

是一個(gè)記錄個(gè)人日記和精品收藏文章的地方，供給大家一起分享。a、功能

利用ASP對象語句分類顯示日記或文章記錄，讓大家瀏覽到最新的日記或文章

b、組成結(jié)構(gòu)

日記或文章顯示頁面 diary.asp：顯示所有日記或文章，同時(shí)還具備顯示不同子類日記或文章

站長基本信息顯示頁面 include.asp 數(shù)據(jù)庫連接頁面 conn.asp c、日記頁面瀏覽效果圖，如圖12。(3)、音樂

是一個(gè)音樂收藏和音樂欣賞的地方。a、功能

利用ASP對象語句來顯示歌曲曲目、演唱人和在線播放功能。b、組成結(jié)構(gòu)

歌曲顯示播放頁面 media.asp：完成曲目的顯示和播放功能的頁面。站長基本信息顯示頁面 include.asp 數(shù)據(jù)庫連接頁面 conn.asp(4)、留言本

是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。

a、功能

利用SQL語法過濾特定的用戶留言意見，讓站長可以針對某位特定用戶所發(fā)表的意見作出獨(dú)立的回答，同時(shí)，用戶在發(fā)表個(gè)人意見時(shí)，若認(rèn)為意見內(nèi)容涉及敏感的話題或是意見內(nèi)容涉及私人隱私，都可用“悄悄話”的方式發(fā)言，這些“悄悄話”將不會(huì)被顯示出來讓大家看到，當(dāng)然，站長擁有管理的能力，只要以密碼登錄管理模式，就可以進(jìn)行各個(gè)用戶的單獨(dú)意見回復(fù)，而且還能看到用戶所留下的“悄悄話

b、組成構(gòu)造

意見留言結(jié)果網(wǎng)頁gbook.asp：用來顯示用戶發(fā)言與站長回復(fù)內(nèi)容，同時(shí)還具備查看留言和發(fā)表留言兩個(gè)功能。

站長基本信息顯示頁面 include.asp 數(shù)據(jù)庫連接頁面 conn.asp

(三)、關(guān)鍵代碼設(shè)計(jì)

1、分頁功能模塊代碼

<% if not rs.eof then rs.MoveFirst '注意放到前面來,否則到任何頁總是在第一個(gè)記錄上

end if rs.pagesize=MaxPerPage '設(shè)置每頁最多顯示多少條記錄

If trim(Request(“Page”))<>“" then '如果請求的頁次不為空

CurrentPage= CLng(request(”Page“))'clng是轉(zhuǎn)換成長整型數(shù)據(jù)類型,并賦值到當(dāng)前頁次上

If CurrentPage> rs.PageCount then '如果當(dāng)前頁次大于總頁數(shù),則將最大頁次賦值到當(dāng)前頁次上

CurrentPage = rs.PageCount

End If Else

CurrentPage= 1 '一切條件不成立,將當(dāng)前頁設(shè)為第一頁 End If totalPut=rs.recordcount '將總記錄賦值于TOTALPUT

if CurrentPage<>1 then '如果當(dāng)前頁數(shù)不等于第一頁

if(currentPage-1)*MaxPerPage

rs.move(currentPage-1)*MaxPerPage '相對當(dāng)前記錄數(shù)向后移動(dòng)

dim bookmark '定義書簽變量

bookmark=rs.bookmark '將當(dāng)前記錄的標(biāo)簽賦于變量BOOKMARK上

end if

end if

dim n,k

if(totalPut mod MaxPerPage)=0 then '總記錄數(shù)與每頁最大記錄數(shù)求余的結(jié)果為零時(shí),則N返回整數(shù)頁次,否則再加一.n= totalPut MaxPerPage

else

n= totalPut MaxPerPage + 1

end if %>

2、圖片顯示功能模塊代碼

<% cid=request(”id“)if cid=”“ then sql=”select * from HN_pro order by id desc“ else sql=”select * from HN_pro where cstr(class)='“&cid&”' order by id desc“ end if

else

rsnews.AbsolutePage=ToPage

intCurPage=ToPage

end if

else

rsnews.AbsolutePage=1

intCurPage=1

end if intCurPage=CInt(intCurPage)k=1 do while Not rsnews.eof and k<6 %>

<%for n=1 to 6%>

<% rsnews.MoveNext if rsnews.eof then exit for if rsnews.eof then exit do next %>

“ rel=”lightbox[plants]“> “ width=”49“ height=”49“ border=”0“>

3、發(fā)表留言提交內(nèi)容判斷模塊代碼 <% if request(”action“)=”“ then response.redirect”gbook.asp?action=show“ if request(”action“)=”post“ then dim bookname dim bookwhere dim bookpic bookname=request(”name“)bookwhere=request(”where“)bookpic=request(”pic“)bookface=request(”face“)bookip=request.ServerVariables(”REMOTE_ADDR“)if bookname=”“ then Response.Write ”“

Response.End %>

（四）、網(wǎng)站管理系統(tǒng)

1、完成站長對網(wǎng)站信息管理及更新的系統(tǒng)，包括以下幾部分：（1）管理登陸頁面Index.asp（2）相冊管理頁面Admin_pro.asp（3）日記管理頁面Admin_new.asp（4）音樂管理頁面Admin_down.asp（5）留言管理頁面GuestBook.asp

2、管理登陸

管理系統(tǒng)的登陸頁面，主要用于管理登陸和判斷用戶是否已注冊。（1）其中判斷是否是非法登陸的代碼為： <% admin_pass=md5(admin_pass)set rs=server.createobject(”adodb.recordset“)sql=”select * from admin where admin_name='“&admin_name&”' and admin_pass='“&admin_pass&”'“

rs.open sql,conn,1,3

if rs.eof then response.write”“

else

session(”admin_name“)=request(”admin_name“)

session(”loc“)=1

response.redirect ”admin.asp“ end if rs.close %>（2）其中驗(yàn)證碼驗(yàn)證代碼：

<% dim verifycode,verifycode2 if verifycode<>verifycode2 then response.write”“ founderr=true else session(”verifycode“)=”“ %>

3、主要功能程序段（1）打開數(shù)據(jù)庫 <% set conn = Server.CreateObject(”ADODB.Connection“)conn.open ”YourDSNName“,”username“,”password“ %>（2）數(shù)據(jù)庫查詢操作 大類查訊

setrs=server.CreateObject(adodb.recordset)小類查詢 dimrs2 setrs2=server.CreateObject(adodb.recordset)rs2.openselectnclass,nclassidfromnclasswhereanclassid=&rs(anclassid)&orderbynclassidorder,conn,1,1 dowhilenotrs2.eof response.writeAhref=class.aspaid=&rs(anclassid)&&nid=&rs2(nclassid)&&trim(rs2(nclass))&A rs2.movenext loop（3）添加記錄操作

setrs=server.CreateObject(adodb.recordset)可寫方式

rs.openselectbookid,username,zhuangtai,zongerfromactions,conn,1,3 rs.addnew 添加一條新記錄 rs(bookid)=bookid 添加相應(yīng)的記錄 rs(username)=username ???? rs(zhuangtai)=6 rs(zonger)=0 rs.update 更新數(shù)據(jù)庫（4）刪除記錄操作

從表actions中刪除actionid匹配的記錄 conn.executedeletefromactionswhereactionid= &request.QueryString(actionid)

四、編碼、測試與維護(hù)

（一）測試與維護(hù)

1、IIS(Internet 信息服務(wù))安裝配置

可以在”添加或刪除程序 >>添加/刪除Windows組件“對話框中把”Internet 信息服務(wù)(IIS)“前的勾選中，點(diǎn)”下一步“進(jìn)行安裝就行了(注：在這之前應(yīng)把系統(tǒng)安裝盤放到光驅(qū))。IIS 裝好之后再作一下簡單的配置。定位到”開始>>管理工具>>Internet 信息服務(wù)(IIS)管理器“，打開IIS管理器。在”本地計(jì)算機(jī)>>網(wǎng)站>>默認(rèn)網(wǎng)站“上右鍵單擊，在快捷菜單里選”屬性“(或者直接在操作菜單下選”屬性“)，彈出如下對話框圖16: 圖16 切換到”主目錄“標(biāo)簽(圖2)，重新選擇網(wǎng)站根目錄(我選擇的是E盤下的my web目錄)，默認(rèn)是”系統(tǒng)盤:Inetpubwwwroot“,因?yàn)橄到y(tǒng)盤不宜放太多的非系統(tǒng)文件，所以在這里重設(shè)默認(rèn)網(wǎng)站要目錄，如果嫌麻煩可以跳過這步。再切換到”文檔“標(biāo)簽，通過”添加“、”刪除“、”上移“、”下移 “，把站點(diǎn)的默認(rèn)文檔設(shè)置如圖17：

圖17 可能有些朋友會(huì)疑惑，設(shè)置默認(rèn)內(nèi)容文檔有什么作用？細(xì)心的朋友應(yīng)該會(huì)發(fā)現(xiàn)，在瀏覽一些大網(wǎng)站的首頁時(shí)用它的一級域名就行了，并不需要指定請求頁的文件名，這就是設(shè)置了默認(rèn)內(nèi)容文檔的緣故，它的作用就是在瀏覽器請求沒有指定文檔的名稱時(shí)，將默認(rèn)文檔提供給瀏覽器。要得到更詳盡的解釋說明，可以點(diǎn)擊圖3中的“幫助”。之所以有這步，是因?yàn)榫W(wǎng)站的默認(rèn)內(nèi)容頁中沒有index.asp，不大符合國人習(xí)慣。

2、Dream weaver測試站點(diǎn)和用IIS測試本地站點(diǎn)

Dream weaver MX提供了全面檢測站點(diǎn)的功能，它比檢測鏈接更全面。全面地檢測內(nèi)部、外部鏈接、去除錯(cuò)標(biāo)簽、空標(biāo)簽、多余的標(biāo)簽等，它的使用相當(dāng)簡單，使用全面檢測站點(diǎn)功能如下：

（1）、選擇菜單中【站點(diǎn)】的【報(bào)告】命令，打開一個(gè)窗口。

（2）、選擇檢測范圍，在【報(bào)告】選項(xiàng)中有四個(gè)內(nèi)容供選擇：Current Document、Entire Local Site、Select Files in site、Folder。

（3）、對工作流方面的信息進(jìn)行檢測。

（4）、對HTML文件的信息做出檢查。

把編好的網(wǎng)站文件復(fù)制到D:/my web文件夾中，可以打開瀏覽器，在地址欄中輸入http://localhost/my web/index.asp ,就會(huì)看見網(wǎng)站了。

3、維護(hù)

網(wǎng)站建成后并不意味著網(wǎng)站建設(shè)的結(jié)束，網(wǎng)站內(nèi)容需要不斷更新，這樣才會(huì)不斷的吸引更多的瀏覽者訪問，才能成為一個(gè)優(yōu)秀的網(wǎng)站。通過FTP軟件將更新過的網(wǎng)頁上傳到服務(wù)器或通過Dream weaver MX來遠(yuǎn)程管理站點(diǎn)，同時(shí)還要認(rèn)真回復(fù)瀏覽者的電子郵件和留言，做到有問比答。平時(shí)多收集資料，多聽聽別人建議，定期更新版面，還有推廣站點(diǎn)。

（二）設(shè)計(jì)技巧和解決方法

用服務(wù)器端包含技術(shù)實(shí)現(xiàn)對文件的引用

系統(tǒng)中有許多頁面都會(huì)引用相同的代碼文件，所以使用include語句將已完成代碼的文件包含進(jìn)來，就可以簡化代碼的縮寫。如首頁面indes.asp中第二行和第三行代碼。

結(jié)束語

經(jīng)過老師耐心細(xì)致的指導(dǎo)，及同學(xué)之間的相互交流，同時(shí)翻閱了大量的資料(包括網(wǎng)上資料，書本及學(xué)校的一些相關(guān)資料)經(jīng)過近一段時(shí)間的努力，個(gè)人網(wǎng)站的設(shè)計(jì)制作告一段落?？偨Y(jié)這次“文武屋-個(gè)人網(wǎng)站”開發(fā)制作過程，我們綜合使用了目前因特網(wǎng)上比較流行的各種靜態(tài)制作方法及交互式動(dòng)態(tài)網(wǎng)站的制作設(shè)計(jì)手段，并對初步利用后臺(tái)程序完成了網(wǎng)站的動(dòng)態(tài)響應(yīng)與生成網(wǎng)頁的技術(shù)。同時(shí)也從中學(xué)習(xí)了對靜態(tài)頁面的處理風(fēng)格，色彩搭配，頁面導(dǎo)航方面有了一定經(jīng)驗(yàn)。對用Javascript語言制作動(dòng)態(tài)效果也有了更進(jìn)一步的認(rèn)識(shí)。在交互式網(wǎng)頁設(shè)計(jì)學(xué)會(huì)了如何使用Access建立數(shù)據(jù)庫，以及對數(shù)據(jù)庫瀏覽，修改，添加，查詢。如何用ASP編寫程序來方便用戶在網(wǎng)上查看網(wǎng)站各方面的信息和交流。本次設(shè)計(jì)由于設(shè)計(jì)時(shí)間較緊，且相關(guān)模塊比較多，加之設(shè)計(jì)經(jīng)驗(yàn)的不足，在網(wǎng)站的整體設(shè)計(jì)及各模塊功能可能設(shè)計(jì)的不完全，有待于進(jìn)一步的完善和改進(jìn)。

參考文獻(xiàn)

[1]吳濤主編，網(wǎng)站全程設(shè)計(jì)技術(shù)（修訂本），北京：清華大學(xué)出版社；北京交通大學(xué)出版社，2006.7 [2]龍馬工作室編，ASP+SQL Server組建動(dòng)態(tài)網(wǎng)站實(shí)例精講，北京：人民郵電出版社，2004.8 [3] 趙增敏編，ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)，電子工業(yè)出版社，2003.8 [4] 任學(xué)文、范嚴(yán)編, 網(wǎng)頁設(shè)計(jì)與制作，中國科學(xué)技術(shù)出版社，2006.8 [5] 武創(chuàng)、王惠,網(wǎng)頁設(shè)計(jì)探索之旅 ,電子工業(yè)出版社，2006.9 [6] 杜巧玲等編, 網(wǎng)頁設(shè)計(jì)超級夢幻組合,清華大學(xué)出版社, 2003.3 [7] 吳黎兵、羅云芳編，網(wǎng)頁設(shè)計(jì)教程，武漢大學(xué)出版社，2006.2 [8] 莊王健編，網(wǎng)頁設(shè)計(jì)三劍客白金教程，電子工業(yè)出版社，2006.01

第三篇：網(wǎng)頁制作與網(wǎng)站建設(shè)0586-教學(xué)大綱

南京理工大學(xué)編(高綱號 0586)I、課程性質(zhì)與設(shè)置目的要求

《網(wǎng)頁制作與網(wǎng)站建設(shè)》課程是江蘇省高等教育自學(xué)考試信息管理與信息系統(tǒng)專業(yè)（獨(dú)立本科段）的必修課，是信息管理類專業(yè)課程體系中的基礎(chǔ)課程之一。

本課程是一門非常實(shí)用的課程。它是一門開拓視野、增長知識(shí)、提高實(shí)際工作能力的一門專業(yè)課程。本課程既有理論基礎(chǔ)又有實(shí)際應(yīng)用價(jià)值，是各專業(yè)方向可以選修的一門重要的專業(yè)課。應(yīng)考者在學(xué)習(xí)本課程之前應(yīng)當(dāng)具有計(jì)算機(jī)操作的預(yù)備知識(shí)和能力。

本課程側(cè)重電子商務(wù)網(wǎng)站的設(shè)計(jì)內(nèi)容、方法和原理，同時(shí)兼顧一定的基礎(chǔ)技術(shù)——靜態(tài)網(wǎng)頁制作的掌握。本課程同時(shí)又是一門實(shí)踐性很強(qiáng)的應(yīng)用型課程，因此實(shí)踐環(huán)節(jié)在教學(xué)過程中應(yīng)占有重要地位，為此，教學(xué)中一定要加強(qiáng)實(shí)際動(dòng)手能力的培養(yǎng)，訓(xùn)練應(yīng)考者設(shè)計(jì)實(shí)際電子商務(wù)網(wǎng)站、解決網(wǎng)站設(shè)計(jì)中的實(shí)際問題的能力，以便應(yīng)考者能把課程中所學(xué)的方法、原理應(yīng)用到實(shí)際的電子商務(wù)網(wǎng)站設(shè)計(jì)中。設(shè)置本課程的具體要求如下：

1）了解電子商務(wù)網(wǎng)站分類、功能及設(shè)計(jì)、管理的內(nèi)容；

2）掌握有關(guān)電子商務(wù)網(wǎng)站設(shè)計(jì)與管理的基本框架與工作流程；

3）理解有關(guān)電子商務(wù)網(wǎng)站運(yùn)行平臺(tái)建設(shè)的基本概念、方法與技術(shù)；

4）掌握電子商務(wù)網(wǎng)站的內(nèi)容設(shè)計(jì)、管理、運(yùn)營方法及技術(shù)，掌握靜態(tài)網(wǎng)頁制作的基本概念和HTML語言；

5）能利用上述所學(xué)的原理、方法及技術(shù)，設(shè)計(jì)實(shí)際電子商務(wù)網(wǎng)站。

Ⅱ、考試目標(biāo)（考核知識(shí)點(diǎn)、考核要點(diǎn)）

第一章 電子商務(wù)網(wǎng)站概述

通過本章學(xué)習(xí)，應(yīng)考者應(yīng)了解電子商務(wù)網(wǎng)站的概念、分類、功能，掌握電子商務(wù)網(wǎng)站的設(shè)計(jì)與管理的工作流程，理解電子商務(wù)網(wǎng)站設(shè)計(jì)與管理的主要內(nèi)容。

一、考核知識(shí)點(diǎn)

（一）電子商務(wù)網(wǎng)站的概念、分類、功能

（二）電子商務(wù)網(wǎng)站的設(shè)計(jì)與管理的理論依據(jù)和總體思路

二、考核要求

（一）電子商務(wù)網(wǎng)站的概念、分類、功能

1、識(shí)記：（1）什么是電子商務(wù)；（2）什么是電子商務(wù)網(wǎng)站；（3）電子商務(wù)網(wǎng)站的分類及特點(diǎn)；（4）電子商務(wù)網(wǎng)站的功能；（5）電子商務(wù)網(wǎng)站的結(jié)構(gòu)。

2、領(lǐng)會(huì)：影響電子商務(wù)網(wǎng)站的構(gòu)架的重要因素。

（二）電子商務(wù)網(wǎng)站的設(shè)計(jì)與管理的理論依據(jù)和總體思路

1、識(shí)記：（1）電子商務(wù)網(wǎng)站的設(shè)計(jì)與管理的理論依據(jù)；（2）電子商務(wù)網(wǎng)站的設(shè)計(jì)與管理的基本過程；（3）電子商務(wù)網(wǎng)站的多種推廣途徑。

2、領(lǐng)會(huì)：電子商務(wù)網(wǎng)站設(shè)計(jì)與管理所包含的內(nèi)容。

3、應(yīng)用：采用各種方式對網(wǎng)站進(jìn)行宣傳推廣工作。

第二章 電子商務(wù)網(wǎng)站的規(guī)劃

通過本章學(xué)習(xí)，應(yīng)考者應(yīng)當(dāng)了解電子商務(wù)網(wǎng)站規(guī)劃的意義和作用，掌握電子商務(wù)網(wǎng)站規(guī)劃的主要內(nèi)容，掌握網(wǎng)站域名注冊的方法，了解IT公司提出的電子商務(wù)網(wǎng)站解決方案。

一、考核知識(shí)點(diǎn)

（一）電子商務(wù)網(wǎng)站規(guī)劃的意義

（二）電子商務(wù)網(wǎng)站構(gòu)建的目標(biāo)和市場需求調(diào)查分析

（三）電子商務(wù)網(wǎng)站設(shè)計(jì)與管理的可行性分析

（四）電子商務(wù)網(wǎng)站域名注冊

（五）電子商務(wù)網(wǎng)站設(shè)計(jì)與管理的解決方案

二、考核要求

（一）電子商務(wù)網(wǎng)站規(guī)劃的意義

1、識(shí)記：（1）網(wǎng)站規(guī)劃是企業(yè)電子商務(wù)戰(zhàn)略管理的需要；

（2）網(wǎng)站規(guī)劃促進(jìn)企業(yè)基礎(chǔ)管理信息化和經(jīng)營管理；

（3）網(wǎng)站規(guī)劃可調(diào)動(dòng)企業(yè)員工關(guān)注與投入電子商務(wù)的積極性。

（二）電子商務(wù)網(wǎng)站構(gòu)建的目標(biāo)和市場需求調(diào)查分析

1、識(shí)記：（1）電子商務(wù)網(wǎng)站構(gòu)建的目標(biāo)；（2）目標(biāo)客戶的調(diào)查與分析的方法與途徑；（3）競爭對手的調(diào)查與分析的主要內(nèi)容。

2、應(yīng)用：（1）運(yùn)用網(wǎng)站規(guī)劃、目標(biāo)分析的原則及方法分析、確定電子商務(wù)網(wǎng)站建站的目標(biāo)；（2）運(yùn)用目標(biāo)客戶和競爭對手調(diào)查與分析的原理和方法對電子商務(wù)網(wǎng)站在用戶、競爭性等方面進(jìn)行分析。

（三）電子商務(wù)網(wǎng)站設(shè)計(jì)與管理的可行性分析

1、識(shí)記：（1）可行性分析包括3個(gè)方面的可行性分析；（2）經(jīng)濟(jì)可行性分析的內(nèi)容；（3）技術(shù)可行性分析的內(nèi)容。

2、應(yīng)用：運(yùn)用可行性分析的原則和方法對電子商務(wù)網(wǎng)站進(jìn)行可行性分析。

（四）電子商務(wù)網(wǎng)站域名注冊

1、識(shí)記：（1）什么是域名；（2）域名命名的一般規(guī)則；（3）國內(nèi)域名的注冊步驟；（4）國際域名的注冊步驟；（5）電子商務(wù)網(wǎng)站主機(jī)位置存放的三種方式；（6）什么是虛擬主機(jī)。

2、領(lǐng)會(huì)：（1）ISP的選擇條件；（2）域名設(shè)計(jì)的方法和技巧；（3）中文域名的概念。

3、應(yīng)用：（1）為網(wǎng)站設(shè)計(jì)一個(gè)好的域名；（2）模擬域名申請的過程，進(jìn)行國際域名的注冊申請；（3）根據(jù)企業(yè)不同的情況選擇不同的電子商務(wù)網(wǎng)站主機(jī)位置存放方式。

（五）電子商務(wù)網(wǎng)站設(shè)計(jì)與管理的解決方案

1、領(lǐng)會(huì)：各種電子商務(wù)網(wǎng)站解決方案的基本特征。

第三章 電子商務(wù)網(wǎng)站的運(yùn)行環(huán)境

通過本章學(xué)習(xí)，應(yīng)考者應(yīng)當(dāng)掌握電子商務(wù)網(wǎng)站運(yùn)行平臺(tái)的基本組成、Internet的接入方式、服務(wù)器、WebServer軟件、網(wǎng)絡(luò)數(shù)據(jù)庫的選擇。

一、考核知識(shí)點(diǎn)

（一）電子商務(wù)網(wǎng)站運(yùn)行平臺(tái)的要求和構(gòu)成（二）Internet接入

（三）服務(wù)器及其選擇

（四）應(yīng)用服務(wù)器及Web服務(wù)器軟件

（五）網(wǎng)絡(luò)數(shù)據(jù)庫

二、考核要求

（一）電子商務(wù)網(wǎng)站運(yùn)行平臺(tái)的要求和構(gòu)成

1、識(shí)記：（1）電子商務(wù)網(wǎng)站運(yùn)行平臺(tái)的要求：（2）電子商務(wù)網(wǎng)站運(yùn)行平臺(tái)的基本構(gòu)成。

（二）Internet的接入

1、識(shí)記：（1）網(wǎng)絡(luò)傳輸介質(zhì)的類型；（2）網(wǎng)絡(luò)互連設(shè)備的種類；（3）常見的幾種Internet的接入方式。

2、領(lǐng)會(huì)：（1）常用的網(wǎng)絡(luò)互連設(shè)備的特點(diǎn)與功能；（2）常見的幾種Internet的接入方式及其特點(diǎn)。

3、應(yīng)用：根據(jù)情況選擇和應(yīng)用適當(dāng)?shù)慕尤敕绞浇尤隝nternet。

（三）服務(wù)器及其選擇

1、識(shí)記：（1）服務(wù)器的類型及其選擇原則；（2）常見的網(wǎng)絡(luò)操作系統(tǒng)的類型。

2、領(lǐng)會(huì)：（1）常見的網(wǎng)絡(luò)操作系統(tǒng)及其特點(diǎn)；（2）常見的PC服務(wù)器和UNIX服務(wù)器及其特點(diǎn)。

3、應(yīng)用：（1）根據(jù)企業(yè)電子商務(wù)網(wǎng)站建設(shè)的自身需求選擇合適的服務(wù)器硬件；（2）根據(jù)企業(yè)電子商務(wù)網(wǎng)站建設(shè)的自身需求選擇合適的網(wǎng)絡(luò)操作系統(tǒng)。

（四）應(yīng)用服務(wù)器及Web服務(wù)器軟件

1、識(shí)記：（1）什么是應(yīng)用服務(wù)器；（2）什么是Web服務(wù)器；（3）應(yīng)用服務(wù)器和Web服務(wù)器的選擇原則；（4）主流應(yīng)用服務(wù)器和Web服務(wù)器軟件。

2、領(lǐng)會(huì)：常見的WebServer軟件及其特點(diǎn)。

3、應(yīng)用：根據(jù)企業(yè)電子商務(wù)網(wǎng)站建設(shè)的自身需求選擇合適的WebServer軟件。

（五）網(wǎng)絡(luò)數(shù)據(jù)庫

1、識(shí)記：常見的網(wǎng)絡(luò)數(shù)據(jù)庫的類型。

2、領(lǐng)會(huì)：常見的網(wǎng)絡(luò)數(shù)據(jù)庫及其特點(diǎn)。

3、應(yīng)用：根據(jù)企業(yè)電子商務(wù)網(wǎng)站建設(shè)的自身需求選擇合適的網(wǎng)絡(luò)數(shù)據(jù)庫。

第四章 電子商務(wù)網(wǎng)站的開發(fā)技術(shù)與工具

通過本章學(xué)習(xí)，應(yīng)考者應(yīng)當(dāng)了解各類網(wǎng)頁開發(fā)技術(shù)、網(wǎng)絡(luò)數(shù)據(jù)庫技術(shù)、Web數(shù)據(jù)庫技術(shù)的基本概念及其技術(shù)。

一、考核知識(shí)點(diǎn)

（一）網(wǎng)頁制作技術(shù)

（二）網(wǎng)絡(luò)數(shù)據(jù)庫技術(shù)

（三）Web數(shù)據(jù)庫技術(shù)

（四）電子商務(wù)網(wǎng)站的運(yùn)行平臺(tái)及其開發(fā)工具最優(yōu)組合

二、考核要求

（一）網(wǎng)頁制作技術(shù)

1、識(shí)記：（1）網(wǎng)頁制作技術(shù)的種類；（2）HTML、XML、CSS的概念。

2、領(lǐng)會(huì)：XML用于電子商務(wù)的優(yōu)缺點(diǎn)。

（二）網(wǎng)絡(luò)數(shù)據(jù)庫技術(shù)

1、識(shí)記：（1）ODBC的概念；（2）SQL的概念及其類型；（3）數(shù)據(jù)倉庫的定義。

2、領(lǐng)會(huì)：SQL的語言的特點(diǎn)。

（三）Web數(shù)據(jù)庫技術(shù)

1、識(shí)記：Web數(shù)據(jù)技術(shù)的種類

2、領(lǐng)會(huì)：各類Web數(shù)據(jù)庫技術(shù)及其工作原理。

（四）電子商務(wù)網(wǎng)站的運(yùn)行平臺(tái)及其開發(fā)工具最優(yōu)組合

1、識(shí)記：（1）PC服務(wù)器中Web平臺(tái)的最優(yōu)化組合；（2）UNIX服務(wù)器中Web平臺(tái)的最優(yōu)化組合。

2、領(lǐng)會(huì)：常見的PC服務(wù)器和UNIX服務(wù)器中Web平臺(tái)的最優(yōu)化組合。

3、應(yīng)用：根據(jù)企業(yè)電子商務(wù)網(wǎng)站建設(shè)的自身需求選擇合適的運(yùn)行平臺(tái)及其開發(fā)工具。

第五章 電子商務(wù)網(wǎng)站的內(nèi)容設(shè)計(jì)與開發(fā)

通過本章學(xué)習(xí)，應(yīng)考者應(yīng)當(dāng)掌握電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)的流程和設(shè)計(jì)原理，熟練掌握網(wǎng)站內(nèi)容的信息結(jié)構(gòu)的設(shè)計(jì)、鏈接結(jié)構(gòu)、導(dǎo)航系統(tǒng)的設(shè)計(jì)，對網(wǎng)頁的可視化設(shè)計(jì)有一定的認(rèn)識(shí)。在掌握網(wǎng)頁制作的理論基礎(chǔ)上，能夠用HTML語言制作靜態(tài)網(wǎng)頁并加以實(shí)際應(yīng)用。

一、考核知識(shí)點(diǎn)

（一）網(wǎng)站內(nèi)容設(shè)計(jì)的原則及流程

（二）網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)

（三）網(wǎng)頁的可視化設(shè)計(jì)

（四）首頁設(shè)計(jì)

（五）網(wǎng)頁制作

（六）HTML語言

二、考核要求

（一）網(wǎng)站內(nèi)容設(shè)計(jì)的原則及流程

1、識(shí)記：（1）內(nèi)容設(shè)計(jì)的3大原則；（2）內(nèi)容設(shè)計(jì)的一般流程。

2、領(lǐng)會(huì)：網(wǎng)站內(nèi)容設(shè)計(jì)的步驟及包括的內(nèi)容。

（二）網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)

1、識(shí)記：（1）一般的電子商務(wù)網(wǎng)站信息內(nèi)容的組成；（2）網(wǎng)站鏈接結(jié)構(gòu)的幾種方式；（3）四種類型的網(wǎng)站導(dǎo)航系統(tǒng)。

2、領(lǐng)會(huì)：（1）網(wǎng)站整體風(fēng)格的設(shè)計(jì)技巧；（2）網(wǎng)站搜索系統(tǒng)的設(shè)計(jì)流程。

3、應(yīng)用：（1）運(yùn)用內(nèi)容設(shè)計(jì)的原理和方法設(shè)計(jì)電子商務(wù)網(wǎng)站的信息結(jié)構(gòu)及其功能；（2）運(yùn)用網(wǎng)站信息結(jié)構(gòu)設(shè)計(jì)的方法與原則對電子商務(wù)網(wǎng)站信息結(jié)構(gòu)在鏈接結(jié)構(gòu)、導(dǎo)航系統(tǒng)、整體風(fēng)格等方面進(jìn)行設(shè)計(jì)。

（三）網(wǎng)頁的可視化設(shè)計(jì)

1、識(shí)記：（1）常見的版面布局形式；（2）216網(wǎng)頁安全顏色的概念；（3）網(wǎng)頁中常用的圖片格式。

2、領(lǐng)會(huì)：（1）網(wǎng)頁設(shè)計(jì)原則；（2）常見的版面布局形式及其特點(diǎn)；（3）常用的網(wǎng)頁色彩搭配的技巧；（4）常用的圖片和文字使用技巧。

3、應(yīng)用：運(yùn)用可視化設(shè)計(jì)的原則、方法和技術(shù)設(shè)計(jì)電子商務(wù)網(wǎng)站的網(wǎng)頁形式及其布局。

（四）首頁設(shè)計(jì)

1、領(lǐng)會(huì)：（1）首頁中包含的內(nèi)容；（2）首頁設(shè)計(jì)時(shí)的注意事項(xiàng)。

2、應(yīng)用：運(yùn)用首面設(shè)計(jì)的原則、方法和技巧設(shè)計(jì)電子商務(wù)網(wǎng)站的首頁。

（五）網(wǎng)頁制作

1、識(shí)記：（1）靜態(tài)網(wǎng)頁的制作方法；（2）動(dòng)態(tài)網(wǎng)頁的制作方式。

2、領(lǐng)會(huì)：（1）網(wǎng)頁表示形式的動(dòng)態(tài)制作方式；（2）交互式動(dòng)態(tài)網(wǎng)頁的制作方式及其制作步驟。

（六）HTML的語言

1、識(shí)記：常見的HTML標(biāo)記。

2、領(lǐng)會(huì)：常見的HTML標(biāo)記及其功能、表現(xiàn)形式。

3、應(yīng)用：運(yùn)用HTML標(biāo)記制作電子商務(wù)網(wǎng)站中的靜態(tài)網(wǎng)頁。

第六章 電子商務(wù)網(wǎng)站的支付與物流設(shè)計(jì)

通過本章學(xué)習(xí)，掌握EI數(shù)據(jù)庫、INSPEC數(shù)據(jù)庫的使用，了解經(jīng)濟(jì)類、化工類和生物醫(yī)學(xué)類專業(yè)數(shù)據(jù)庫的使用方法。

一、考核知識(shí)點(diǎn)

（一）電子商務(wù)網(wǎng)站的支付設(shè)計(jì)概述

（二）基于第三方支付平臺(tái)的電子商務(wù)網(wǎng)站支付設(shè)計(jì)

（三）電子商務(wù)網(wǎng)站中的物流概述

（四）電子商務(wù)網(wǎng)站中的物流系統(tǒng)的設(shè)計(jì)

二、考核要求

（一）電子商務(wù)網(wǎng)站的支付設(shè)計(jì)

1、識(shí)記：（1）電子商務(wù)網(wǎng)站的支付形式及其發(fā)展；（2）電子商務(wù)支付系統(tǒng)的構(gòu)成；（3）電子支付工具及其類型。

2、應(yīng)用：應(yīng)用任一種支付工具進(jìn)行電子商務(wù)的支付實(shí)踐。

（二）基于第三方支付平臺(tái)的電子商務(wù)網(wǎng)站支付設(shè)計(jì)

1、識(shí)記：（1）第三支付平臺(tái)的支付流程。

2、領(lǐng)會(huì)：書中基于第三方支付平臺(tái)的電子商務(wù)網(wǎng)站支付設(shè)計(jì)案例。

（三）電子商務(wù)網(wǎng)站中的物流概述

1、識(shí)記：（1）第三方物流；（2）我國電子商務(wù)網(wǎng)站中的物流發(fā)展。

（四）電子商務(wù)網(wǎng)站中的物流系統(tǒng)的設(shè)計(jì)

1、識(shí)記：物流系統(tǒng)設(shè)計(jì)的建設(shè)要點(diǎn)。

2、領(lǐng)會(huì)：電子商務(wù)網(wǎng)站中的物流系統(tǒng)設(shè)計(jì)與分析方法。

第七章 電子商務(wù)網(wǎng)站管理概述

通過本章學(xué)習(xí)，應(yīng)考者應(yīng)當(dāng)了解電子商務(wù)網(wǎng)站管理的模式及其發(fā)展，掌握電子商務(wù)網(wǎng)站管理的層次結(jié)構(gòu)，了解電子商務(wù)網(wǎng)站的文件管理、內(nèi)容管理和安全管理的方法和技術(shù)。

一、考核知識(shí)點(diǎn)

（一）電子商務(wù)網(wǎng)站管理概述

（二）電子商務(wù)網(wǎng)站的文件管理

（三）電子商務(wù)網(wǎng)站的內(nèi)容管理

（四）電子商務(wù)網(wǎng)站的綜合管理

（五）電子商務(wù)網(wǎng)站的安全管理

二、考核要求

（一）電子商務(wù)網(wǎng)站管理的概述

1、識(shí)記：（1）電子商務(wù)網(wǎng)站管理的概念；（2）電子商務(wù)網(wǎng)站管理的幾種模式；（3）電子商務(wù)網(wǎng)站管理的層次結(jié)構(gòu)及其管理內(nèi)容。

2、領(lǐng)會(huì)：電子商務(wù)網(wǎng)站管理的作用和意義。

（二）電子商務(wù)網(wǎng)站的文件管理

1、識(shí)記：（1）電子商務(wù)網(wǎng)站的文件管理的概念；（2）網(wǎng)站目錄結(jié)構(gòu)的管理方法。

（三）電子商務(wù)網(wǎng)站的內(nèi)容管理

1、識(shí)記：電子商務(wù)網(wǎng)站內(nèi)容管理的概念。

（四）電子商務(wù)網(wǎng)站的綜合管理

1、識(shí)記：電子商務(wù)網(wǎng)站綜合管理的內(nèi)容

（五）電子商務(wù)網(wǎng)站的安全管理

1、識(shí)記：（1）電子商務(wù)網(wǎng)站的安全要素；（2）電子商務(wù)網(wǎng)站的安全威脅來源；（3）加密技術(shù)的類型。

2、領(lǐng)會(huì)：（1）防火墻的概念、類型及其優(yōu)點(diǎn)；（2）電子商務(wù)網(wǎng)站的安全技術(shù)和安全管理措施。

第八章 電子商務(wù)網(wǎng)站管理系統(tǒng)的建立

通過本章學(xué)習(xí)，應(yīng)考者應(yīng)當(dāng)了解電子商務(wù)網(wǎng)站中常見的文件管理系統(tǒng)、新聞管理系統(tǒng)、客戶管理系統(tǒng)、在線購物管理系統(tǒng)的功能及其建立方法。

一、考核知識(shí)點(diǎn)

（一）文件管理系統(tǒng)

（二）新聞管理系統(tǒng)

（三）客戶管理系統(tǒng)

（四）在線購物管理系統(tǒng)

二、考核要求

（一）文件管理系統(tǒng)

1、領(lǐng)會(huì)：FTP與HTTP兩種文件上傳方式異同。

（二）新聞管理系統(tǒng)

1、識(shí)記：新聞管理系統(tǒng)的2種運(yùn)行方式。

（三）客戶管理系統(tǒng)

1、領(lǐng)會(huì)：（1）用戶登錄注冊的系統(tǒng)結(jié)構(gòu)；（2）客戶管理系統(tǒng)的功能。

（四）在線購物管理系統(tǒng)

1、領(lǐng)會(huì)：在線購物管理系統(tǒng)的功能。

第九章 電子商務(wù)網(wǎng)站設(shè)計(jì)案例

通過本章學(xué)習(xí)，應(yīng)考者應(yīng)當(dāng)了解書中給出的電子商務(wù)網(wǎng)站設(shè)計(jì)案例，并能夠在理解書中案例的基礎(chǔ)上對其它電子商務(wù)網(wǎng)站進(jìn)行分析。

一、考核知識(shí)點(diǎn)

電子商務(wù)網(wǎng)站案例分析

二、考核要求

1、應(yīng)用：利用本課程中的原理、方法對電子商務(wù)網(wǎng)站的案例進(jìn)行分析。

2、實(shí)踐：應(yīng)考者應(yīng)實(shí)際上網(wǎng)考察書中介紹的電子商務(wù)網(wǎng)站，并結(jié)合本章給出的案例分析，使應(yīng)考者對這些網(wǎng)站的設(shè)計(jì)有感性的認(rèn)識(shí)，從而加深對本課程中的原理、方法和技術(shù)的理解和掌握。

Ⅲ、有關(guān)說明和實(shí)施要求

一、關(guān)于考核目標(biāo)的說明

本大綱在考核目標(biāo)中，按照識(shí)記、領(lǐng)會(huì)、應(yīng)用三個(gè)層次要求應(yīng)考者掌握，三個(gè)能力層次是遞進(jìn)關(guān)系，各能力層次分別表示：

1、識(shí)記：掌握本課程中有關(guān)的名詞、概念，這是最低層次的要求。

2、領(lǐng)會(huì)：在識(shí)記的基礎(chǔ)上，能全面理解本課程教材中提出的基本概念、原理、方法和技術(shù)，回答一些基本的問題，并能對各種概念、原理、方法進(jìn)行聯(lián)系和區(qū)別，這是較高層次的要求。

3、應(yīng)用：在識(shí)記和領(lǐng)會(huì)的基礎(chǔ)上，能運(yùn)用基本概念、原理與方法綜合分析和解決比較復(fù)雜的理論問題，并能進(jìn)行電子商務(wù)網(wǎng)站的實(shí)際設(shè)計(jì)與管理，同時(shí)能正確、完整地表述，這是最高層次的要求。

二、關(guān)于自學(xué)教材

《電子商務(wù)網(wǎng)站設(shè)計(jì)與管理》，王曰芬、丁晟春編著，北京大學(xué)出版社，2004年版。

三、自學(xué)方法指導(dǎo)

本課程是一門應(yīng)用性、實(shí)踐性很強(qiáng)的課程，側(cè)重于電子商務(wù)網(wǎng)站的設(shè)計(jì)內(nèi)容、方法和原理上，同時(shí)兼顧了實(shí)踐應(yīng)用。試題可能涉及到本大綱中的任何一個(gè)考核點(diǎn)的內(nèi)容，本課程的考試，不僅要求應(yīng)考者能掌握本課程各考核知識(shí)點(diǎn)中所介紹的基本原理、方法和技術(shù)，而且還要求應(yīng)考者能運(yùn)用所學(xué)知識(shí)在實(shí)踐中獲得的寶貴經(jīng)驗(yàn)對案例進(jìn)行分析，根據(jù)要求設(shè)計(jì)電子商務(wù)網(wǎng)站。應(yīng)考者在自學(xué)過程中，應(yīng)注意以下幾點(diǎn)：

（1）在全面系統(tǒng)學(xué)習(xí)的基礎(chǔ)上掌握基本概念、基本知識(shí)、基本方法和技巧。本課程內(nèi)容涉及電子商務(wù)網(wǎng)站的設(shè)計(jì)與管理的各個(gè)方面，知識(shí)、范圍比較廣泛，全書是一個(gè)整體，但各章之間又有相對獨(dú)立性。自學(xué)者應(yīng)首先全面系統(tǒng)地學(xué)習(xí)各章的內(nèi)容，深刻領(lǐng)會(huì)電子商務(wù)網(wǎng)站設(shè)計(jì)與管理中的理論知識(shí)；其次，要注意各章之間的聯(lián)系；然后，在全面系統(tǒng)的基礎(chǔ)上掌握重點(diǎn)，有目的地深入學(xué)習(xí)重點(diǎn)章節(jié)，但切忌在沒有了解全貌的情況下孤立地去抓重點(diǎn)，押題目。（2）注意將掌握的課程理論與實(shí)踐應(yīng)用相結(jié)合。應(yīng)考者應(yīng)明白，電子商務(wù)網(wǎng)站設(shè)計(jì)與管理這門課是一門實(shí)踐性很強(qiáng)的課程，在學(xué)習(xí)過程中切忌死記硬背，而應(yīng)當(dāng)盡可能多上網(wǎng)，觀察、分析和研究實(shí)際電子商務(wù)網(wǎng)站的設(shè)計(jì)，將課程中所講述的基本理論知識(shí)，與一定的實(shí)際相聯(lián)系，并通過實(shí)際操作（如網(wǎng)頁可視化的設(shè)計(jì)與制作）來更好地理解和掌握相關(guān)的理論知識(shí)。

四、對社會(huì)助學(xué)的要求

（1）社會(huì)助學(xué)者應(yīng)根據(jù)本大綱規(guī)定的考試內(nèi)容和考核目標(biāo)，認(rèn)真鉆石指定教材，明確本課程與其它課程不同的特點(diǎn)和學(xué)習(xí)要求，對自學(xué)者進(jìn)行切實(shí)有效的輔導(dǎo)，引導(dǎo)他們防止自學(xué)中的各種偏向，把握社會(huì)助學(xué)的正確方向。

（2）如果進(jìn)行輔導(dǎo)，按應(yīng)考者平均每周接受6學(xué)時(shí)面授計(jì)算，本課程計(jì)劃需要8周，講授48學(xué)時(shí)。同時(shí)要保證應(yīng)考者每周還需6小時(shí)用于自學(xué)、完成上機(jī)操作和上網(wǎng)案例教學(xué)方法。

（3）在本課程的助學(xué)或教學(xué)中，建議采用案例教學(xué)方法。

（4）要盡可能給予應(yīng)考者獲得實(shí)踐經(jīng)驗(yàn)的機(jī)會(huì)，并為他們提供各種類型的案例，以使他們在各種情況下運(yùn)用所學(xué)知識(shí)和獲得的經(jīng)驗(yàn)。

（5）為應(yīng)考者提供盡可能多的上網(wǎng)和上機(jī)的機(jī)會(huì)和時(shí)間，使應(yīng)考者能夠通過一定的實(shí)際動(dòng)手操作感性認(rèn)識(shí)電子商務(wù)網(wǎng)站，掌握基本的網(wǎng)頁制作的技能，加深對本課程的理解和掌握。

（6）要正確處理重點(diǎn)和一般的關(guān)系。課程內(nèi)容有重點(diǎn)與一般之分，但考試內(nèi)容是全面的，而且重點(diǎn)與一般是相互影響的，不是截然分開的，社會(huì)助學(xué)者應(yīng)指導(dǎo)自學(xué)應(yīng)考者全面系統(tǒng)地學(xué)習(xí)教材，掌握全部考核內(nèi)容和考核知識(shí)點(diǎn)，并在此基礎(chǔ)上在突出重點(diǎn)?？傊阎攸c(diǎn)學(xué)習(xí)同兼顧一般結(jié)合起來，切勿孤立地抓重點(diǎn)，把自學(xué)者引向猜題押題。

五、關(guān)于命題考試的若干要求

（1）本課程的命題應(yīng)根據(jù)本大綱所規(guī)定的考試內(nèi)容和考試目標(biāo)來確定范圍，本大綱各章所列內(nèi)容和考試目標(biāo)均為考試內(nèi)容，不要任意擴(kuò)大和縮小考試范圍，提高或降低考核要求?？荚?yán)}覆蓋到各章，并適當(dāng)突出重點(diǎn)章節(jié)，體現(xiàn)本課程的重點(diǎn)內(nèi)容。

（2）試題要合理安排難度結(jié)構(gòu)。試題難易可分為易、較易、較難、難四個(gè)等級。每份試卷中，不同難易試題的分類比例一般為：易占20%，較易占30%，較難占30%，難20%。注意，試題的難易度與能力層次不是一個(gè)概念，在各能力層次上都會(huì)存在不同難度的問題。

（3）本課程考試為閉卷考試，可能采用的題型有：填空題、名詞解釋、單項(xiàng)選擇題、簡答題、論述題、網(wǎng)頁制作題。各種題型的具體樣式參見本大綱附錄。

附錄：

題型舉例

一、填空（根據(jù)本課程指定教材，將正確的詞或數(shù)字填入空白處）

1、在Linux操作系統(tǒng)下，www.tmdps.cnNIC）所作的統(tǒng)計(jì)報(bào)告進(jìn)行比較以了解原來服務(wù)的客戶上網(wǎng)和網(wǎng)上購物的可能性；

（2定期跟蹤分析CNNIC統(tǒng)計(jì)報(bào)告，了解網(wǎng)民變化情況和網(wǎng)上購物的發(fā)展趨勢；

（3）直接對原有客戶進(jìn)行有關(guān)網(wǎng)行為的問卷調(diào)查、采訪、實(shí)地調(diào)查等獲取客戶數(shù)據(jù)并分析；

（4）通過專門的咨詢公司進(jìn)行實(shí)地調(diào)查研究；（5）利用ISP或有影響的行業(yè)網(wǎng)站進(jìn)行網(wǎng)上調(diào)研；

2、防火墻有哪些優(yōu)點(diǎn)？

答：防火墻具有如下優(yōu)點(diǎn)：①保護(hù)那些容易受到攻擊的服務(wù)，只有預(yù)先被允許的服務(wù)才能通過防火墻。②控制對特殊節(jié)點(diǎn)的訪問。通常種情況下，在內(nèi)部網(wǎng)中只有MAIL服務(wù)器、FTP服務(wù)器和WWW服務(wù)器能夠被外部網(wǎng)訪問。③集中化的安全管理。④對網(wǎng)絡(luò)訪問進(jìn)行記錄和統(tǒng)計(jì)，并提供入侵檢測和預(yù)警。

五、網(wǎng)頁制作題

diaocha.htm,當(dāng)用戶點(diǎn)擊[查看]按鈕時(shí)觸發(fā)chakan.htm文件。

第四篇：網(wǎng)頁制作論文--個(gè)人網(wǎng)站設(shè)計(jì)

網(wǎng)頁制作課程論文

（個(gè)人網(wǎng)站設(shè)計(jì)論文）

姓名：薛金鴿 學(xué)號：105031040025 班級：103212 專業(yè)：市場營銷（電子商務(wù)方向）學(xué)期：2011-2012學(xué)年第2學(xué)期 任課教師：劉新飛

個(gè)人網(wǎng)站策劃書

1.組織機(jī)構(gòu)描述

1.1個(gè)人網(wǎng)站的應(yīng)用背景

網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問題了，對于個(gè)人來說，建設(shè)好時(shí)間的個(gè)性化網(wǎng)站可以更加方便的收集信息，開展更加直接的網(wǎng)絡(luò)交流，使用自己構(gòu)筑的友善平臺(tái)，我們可以為自己畢業(yè)后找工作做好充分的準(zhǔn)備，通過自己建設(shè)的網(wǎng)站，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。在我的這個(gè)個(gè)人網(wǎng)站的制作過程中，我選擇了我比較熟悉的大學(xué)生活中的許多內(nèi)容做為我的網(wǎng)站的重要組成部分，這樣相對于其他包括種類齊全的網(wǎng)站，我就有了一定的材料基礎(chǔ)。這是我這個(gè)網(wǎng)站選擇大學(xué)生主題的原因之一。

其次，做為在校大學(xué)生，我知道大學(xué)生現(xiàn)在對什么事物，內(nèi)容，活動(dòng)等等感興趣，所以，我做起來的時(shí)候相對來說是比較隨手的，我不用像其他的網(wǎng)站那樣去刻意的收集信息，資料，我只要在校園里稍微留意，我就會(huì)捕捉到大學(xué)生的興趣點(diǎn)。所以，在整個(gè)網(wǎng)站的設(shè)計(jì)過程中，我廣泛的聽取同學(xué)的意見和建議，不斷的改進(jìn)和提高我的網(wǎng)站的內(nèi)容和質(zhì)量，這些都取得了比較好的效果。

在整個(gè)網(wǎng)站的設(shè)計(jì)過程中，我根據(jù)自己以往的設(shè)計(jì)經(jīng)驗(yàn)和自己找來的資料，又經(jīng)過老師的指點(diǎn)，經(jīng)過了近一個(gè)月的努力，幾經(jīng)易稿，最終做成了我的這個(gè)個(gè)人主頁。.2 個(gè)人網(wǎng)站建設(shè)的目的

在我們的工作、日常生活中，能夠擁有一個(gè)自己的網(wǎng)站，一個(gè)已經(jīng)成為不少人的希望和驕傲。一個(gè)網(wǎng)站項(xiàng)目的確立是建立在各種各樣的需求上面的，這是個(gè)人網(wǎng)站，所以這種需求往往來自于個(gè)人的實(shí)際需求，其中每個(gè)人的實(shí)際需求占了絕大部分[6]。因此如何更好地的了解、分析、明確需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)出來，保證開發(fā)過程按照個(gè)人需求為目的正確項(xiàng)目開發(fā)方向進(jìn)行。不同的網(wǎng)站目的要求通過不同的方式來實(shí)現(xiàn)。一個(gè)展示個(gè)人能力的網(wǎng)站與一個(gè)以花卉種植為主題的網(wǎng)站，以及一個(gè)大型門戶網(wǎng)站和一個(gè)小型企業(yè)網(wǎng)站，其出發(fā)點(diǎn)和建站目的都有所不同，在整個(gè)網(wǎng)站的建設(shè)規(guī)劃方面的要求也是肯定是大不一樣的。因此在規(guī)劃我的這個(gè)網(wǎng)站時(shí)，我選擇了和大學(xué)生的生活和學(xué)習(xí)相關(guān)聯(lián)的主題。

1.3 相關(guān)應(yīng)用軟件選用、技術(shù)采用

在網(wǎng)頁的設(shè)計(jì)過程中，我選用的軟件包括Dreamweavercs5、Fireworks cs5和Photoshopcs5，其中，Dreamweaver 是網(wǎng)頁編輯軟件，F(xiàn)ireworks cs5是圖形/圖像處理軟件，photoshopcs5是圖片處理軟件。它們是Macromedia公司專門為網(wǎng)頁設(shè)計(jì)、制作開發(fā)的系列軟件套件，三者之間可以無縫集成，能夠有效地解決網(wǎng)絡(luò)帶寬問題，是設(shè)計(jì)動(dòng)畫網(wǎng)頁的最佳工具。

Dreamweaver cs5采用“所見即所得”的直觀設(shè)計(jì)模式，充分尊重設(shè)計(jì)人員的原始意識(shí)和想象力。她成功地將網(wǎng)頁設(shè)計(jì)功能中的技術(shù)實(shí)現(xiàn)部分和設(shè)計(jì)部分分離開來，使用戶只需專注于設(shè)計(jì)，而其余的工作由Dreamweavercs5自動(dòng)完成。另外，還有一點(diǎn)值得說明的是，Dreamweaver cs5可以控制和刪除冗余代碼，減小網(wǎng)頁文件的大小。從而能夠快速上傳和下載。

Fireworkscs4的獨(dú)特之處在于它能夠優(yōu)化、切分圖片映射圖，并提供了功能強(qiáng)大的翻滾圖工具。它是基于WEB應(yīng)用的圖形/圖象處理軟件，提供了一種革命性的新方法來創(chuàng)建WEB圖形，并且具有所有其他圖形處理工具的諸多優(yōu)點(diǎn)。Fireworks cs4的最大優(yōu)勢就在于它在任何時(shí)候可以從任何階段開始設(shè)計(jì)工作，這樣既可以節(jié)約時(shí)間又可以對產(chǎn)品進(jìn)行擴(kuò)展。另外，F(xiàn)ireworks cs4中的諸多功能都是面向WEB應(yīng)用的，因此對于WEB設(shè)計(jì)新手來說也很容易學(xué)習(xí)的。

在我設(shè)計(jì)我的個(gè)人網(wǎng)站的過程中，我選擇了Dreamwearcs5和 Photoshopcs5 Fireworks cs4三種軟件。因?yàn)樽约合驅(qū)τ谄渌能浖碚f，這三個(gè)還算是比較熟悉的。

2．網(wǎng)站的技術(shù)參數(shù)部分

2.1我的導(dǎo)航系統(tǒng)

我所制作的個(gè)人網(wǎng)站的導(dǎo)航系統(tǒng)包括：

1.個(gè)人簡介2.個(gè)人專題4.我的相冊5.網(wǎng)站說明6.給我留言 8.發(fā)送郵件9.鏈接百度10.女生花園

2.2功能模塊的劃分

1．搜索引擎：

根據(jù)瀏覽者的要求，使用主頁上的搜索引擎鏈接到百度，在整個(gè)Internet上進(jìn)行搜索，完成信息的優(yōu)化與提取。

2．論壇：

主要功能是網(wǎng)友和網(wǎng)站之間的交流平臺(tái)，也是網(wǎng)友給版主提出意見的主要渠道。在論壇中用戶可以發(fā)表意見，這些意見可以讓所有人看到，也可以只讓版主看到，版主和其他人可以針對留言的內(nèi)容進(jìn)行回復(fù)，只留給版主的留言只有版主能夠回復(fù)，并且版主可以登錄后臺(tái)對留言進(jìn)行管理，是否發(fā)表或刪除。

3．發(fā)送電子郵件：

網(wǎng)友可以通過“聯(lián)系我”利用outlook 向版主或其他人發(fā)送電子郵件。4．精品收藏：

在其中展示我喜愛的東西，包括電影、歌曲和一些優(yōu)美的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識(shí)我和了解我，讓一些美好的東西我們大家共同來欣賞。但我增加了管理權(quán)限，我以管理員的身份可以對加入的新內(nèi)容進(jìn)行管理，即允許加入和對其進(jìn)行刪除。

5．留言板：

是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。

2.3 首頁的設(shè)計(jì) 我的網(wǎng)站首頁主要采用簡單大方的設(shè)計(jì)方法，用的是色調(diào)一致的一組圖片做的LOGO和相關(guān)的背景圖片，主要頁面布局如下：

2.4主要欄目的介紹

1．個(gè)人簡介：

介紹版主的一些基本信息，希望各位訪客能夠認(rèn)識(shí)版主。2.我的論壇：

此版塊又分為主頁、發(fā)表意見、回復(fù)意見、顯示論壇內(nèi)容、版主后臺(tái)管理以及版主的回復(fù)界面。其中發(fā)表意見界面是所有訪客都可以在論壇里面發(fā)表自己的意見，這些意見可以是發(fā)表給所有的訪客，也可以是只發(fā)表給版主，如果只發(fā)表給版主，只有版主可以看到和回復(fù)；回復(fù)意見是所有訪客針對自己感興趣的話題進(jìn)行回復(fù)；這些發(fā)表的意見和回復(fù)可以在顯示論壇內(nèi)容的界面都顯示出來，供大家討論；那些只有版主才能看到的信息在版主的管理界面，這個(gè)界面需要登錄，設(shè)有用戶名和密碼，在這里版主可以對所有評論進(jìn)行發(fā)表或刪除的管理。3.個(gè)人專題：

這里收錄了我平時(shí)搜集的一些文章和音樂，各位訪客可以根據(jù)自己的喜好進(jìn)行閱覽。4.我的相冊：

在這個(gè)板塊可以看到我的照片，班級照片和搜集的校園照片，如果大家喜歡可以收藏。更改照片的時(shí)候只要更新數(shù)據(jù)庫就可以了。5.網(wǎng)站說明：

里面是我對整個(gè)網(wǎng)站的介紹，不太清楚網(wǎng)站構(gòu)架的訪客可以先到這里。6.給我留言：

這是每位訪客針對我的網(wǎng)站情況給我留言，這些留言會(huì)直接保存到數(shù)據(jù)庫里面，并且能夠輕松的讀取。7.發(fā)送郵件：

各位訪客可以通過outlook向版主或者其他人發(fā)送電子郵件。8.鏈接百度：

如果訪客想在互聯(lián)網(wǎng)上查找東西，可以直接點(diǎn)擊這里。9.女生花園：

收集了一些女生喜歡的東西，如果你是女生，可以進(jìn)來看看。

2.5二級頁面的設(shè)計(jì)

我的網(wǎng)站主頁內(nèi)容簡單所以主要內(nèi)容再二級頁面里要有詳細(xì)的說明，具體說明如下：

2.5.1個(gè)人簡介

本模塊是個(gè)人簡介部分，每個(gè)個(gè)人網(wǎng)站都會(huì)有作者介紹。在這個(gè)模塊訪客會(huì)了解到作者的一些基本信息.2.5.2文學(xué)欣賞

這個(gè)版塊主要介紹我自己喜歡的相關(guān)文學(xué)作品。此版塊的界面如圖所示：

圖3.6 文學(xué)欣賞界面

2.5.3快樂音樂

進(jìn)入此版塊，界面如圖所示：

通過在數(shù)據(jù)庫中存放音樂路徑，達(dá)到在網(wǎng)頁上播放的效果。在音樂的首頁上放置了歌曲的名字，網(wǎng)友無需登錄，即可收聽自己喜歡的歌曲。

音樂界面

2.5.4我的相冊版塊

個(gè)人網(wǎng)站中又一亮點(diǎn)就是個(gè)人相冊的設(shè)置，在我的相冊里，放置了我自己的照片、班級照片和校園照片。

相冊里面的這三個(gè)版塊具有相同的版面設(shè)計(jì)，如下圖所示：

相冊界面

2.5.5網(wǎng)站說明版塊

此版塊是我根據(jù)自己的網(wǎng)站結(jié)構(gòu)對整個(gè)網(wǎng)站以及每個(gè)版塊所做的網(wǎng)站結(jié)構(gòu)和功能的說明，以及網(wǎng)站和作者版權(quán)說明。如下圖所示：

網(wǎng)站說明界面

如果網(wǎng)友不清楚網(wǎng)站的構(gòu)架，可以查看此版塊。2.5.6給我留言版塊

留言板是目前最為流行的網(wǎng)絡(luò)應(yīng)用之一，使用留言板，可以為留言者提供發(fā)言的機(jī)會(huì)，讓他們能夠及時(shí)、準(zhǔn)確地交換自己的觀點(diǎn)。

2.5.7留言板主界面

完整的留言板具有發(fā)表留言和察看別人留言的功能，如圖所示的留言板主界面index1.ASP，可由此進(jìn)入留言界面和察看留言界面。

留言主界面

在主界面中存有全部留言的作者和主題，點(diǎn)擊你想察看的主題就會(huì)進(jìn)入察看留言界面，點(diǎn)擊 “發(fā)表帖子”進(jìn)入留言界面。

3．網(wǎng)站的維護(hù)方案

3.1域名的申請

域名（Domain Name），是由一串用點(diǎn)分隔的名字組成的,Internet上提供用戶訪問某網(wǎng)站或網(wǎng)頁的路徑，用于在數(shù)據(jù)傳輸時(shí)標(biāo)識(shí)計(jì)算機(jī)的電子方位（有時(shí)也指地理位置）。

域名申請的含義

“域名申請”：為保證每個(gè)網(wǎng)站的域名或訪問地址是獨(dú)一無二的，需要向統(tǒng)一管理域名的機(jī)構(gòu)或組織注冊或備檔的一種行為。也就是說，為了保證網(wǎng)絡(luò)安全和有序性，網(wǎng)站建立后為其綁定一個(gè)全球獨(dú)一無二的域名或訪問地址，必須向全球統(tǒng)一管理域名的機(jī)構(gòu)或組織去注冊或者備檔方可使用的一種行為。由于域名是網(wǎng)站必不可少的“門牌號”，域名可用于：網(wǎng)站地址訪問、電子郵箱、品牌保護(hù)等用途，所以很多企業(yè)或個(gè)人均會(huì)進(jìn)行域名申請。

3.2空間或者主機(jī)的租用

有了自己的域名這個(gè)門牌號后，就需要一個(gè)空間來存放自己的網(wǎng)站，也就是虛擬主機(jī)。一般虛擬主機(jī)提供商都向用戶提供100MB、500MB、3GB等虛擬主機(jī)空間。我的個(gè)人網(wǎng)站選擇100-300MB的虛擬主機(jī)空間。購買虛擬主機(jī)主要考慮幾個(gè)方面：售后服務(wù)、穩(wěn)定性、訪問速度等。首先我選擇在萬網(wǎng)上注冊一個(gè)域名然后申請租用空間建立個(gè)人網(wǎng)站。

3.3網(wǎng)站鏈接穩(wěn)定性測試

超級鏈接對于網(wǎng)站用戶而言意味著能不能流暢的使用整個(gè)網(wǎng)站提供的服務(wù)，因而鏈接將作為一個(gè)獨(dú)立的項(xiàng)目進(jìn)行測試。網(wǎng)站能夠正確運(yùn)行首先要保證鏈接能夠連貫運(yùn)行。

網(wǎng)站的運(yùn)行中整個(gè)系統(tǒng)是否運(yùn)行正常，我主要采用將測試網(wǎng)站長時(shí)間運(yùn)轉(zhuǎn)進(jìn)行測試，派生出執(zhí)行程序所有功能需求的輸入條件，從而導(dǎo)出測試用例，進(jìn)行測試，網(wǎng)站中的每個(gè)版塊的每個(gè)頁面都出現(xiàn)了很多的鏈接，所以每個(gè)版塊要先進(jìn)行單獨(dú)測試，單獨(dú)測試完成后，根據(jù)個(gè)版塊之間的連接結(jié)構(gòu)再進(jìn)行總體測試，從而達(dá)到網(wǎng)站的整體的運(yùn)營能夠順利地進(jìn)行。在測試這個(gè)環(huán)節(jié)時(shí)，沒有特定的測試方法，就要做到細(xì)心，做到網(wǎng)站的順利運(yùn)行。

總結(jié)：

通過這次個(gè)人網(wǎng)站設(shè)計(jì)的制作，我學(xué)會(huì)了很多東西，也了解了很多關(guān)于個(gè)人網(wǎng)站的資料。不知不覺網(wǎng)頁設(shè)計(jì)的課程將要結(jié)束了，這門課程所包含內(nèi)容的豐富是讓我從沒有想到的。在整個(gè)的學(xué)習(xí)過程中，我學(xué)習(xí)了Dreamwave、Firework、Html語言、網(wǎng)站建設(shè)的基本思想等重要內(nèi)容。到現(xiàn)在為止，我還是很慶幸能夠?qū)W到這么多的內(nèi)容。

雖然整個(gè)網(wǎng)頁的結(jié)構(gòu)還有很多不足，還有一些板塊沒有開通，但是我的確能夠感到在我們制作過程中技能的提高。整個(gè)網(wǎng)站的不足我想是沒有使用到一些動(dòng)態(tài)網(wǎng)頁的知識(shí)，使得日后網(wǎng)站的維護(hù)較為繁雜。希望以后可以自學(xué)動(dòng)態(tài)網(wǎng)站的課程，從而彌補(bǔ)自己在動(dòng)態(tài)網(wǎng)絡(luò)語言方面的不足。這樣以后可以利用業(yè)余的時(shí)間為自己或者公司，根據(jù)自己的愛好建立一個(gè)個(gè)人網(wǎng)站。

[參考文獻(xiàn)] [1] 袁曉紅.《網(wǎng)頁設(shè)計(jì)與制作》[M].高等教育出版社 2006 385頁~389頁 [2] 甘登岱.《我也能掌握Flash編程》[M].航空工業(yè)出版社 2000 [3] 趙更生.《Flash動(dòng)畫制作培訓(xùn)實(shí)錄》[M].人民郵電出版社 2004 [4] 鮑嘉.盧堅(jiān).陳丁法《Dreamweaver CS5網(wǎng)頁設(shè)計(jì)從入門到精髓》[M].中國電力出版社2010 [5] 張成龍.《網(wǎng)頁制作一點(diǎn)通》.延邊人民出版社

[6] 劉瑞新，《ASP動(dòng)態(tài)網(wǎng)站開發(fā)、畢業(yè)設(shè)計(jì)指導(dǎo)及實(shí)例》[M].機(jī)械工業(yè)出版社 2000 [7] 石曉燕、蘇萍《網(wǎng)頁設(shè)計(jì)基礎(chǔ)》[M].清華大學(xué)、交通出版社 20 04 [8] 王玉芬.《網(wǎng)站規(guī)劃與設(shè)計(jì)》[M].西北工業(yè)出版社 2003 [9] 謝希仁.計(jì)算機(jī)網(wǎng)絡(luò)(第5版)[M].北京：電子工業(yè)出版社,2008

第五篇：網(wǎng)頁制作論文

網(wǎng)頁制作論文

簡介

網(wǎng)頁制作是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計(jì)師等崗位，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在全球互聯(lián)網(wǎng)上建設(shè)站點(diǎn)，并包含域名注冊和主機(jī)托管等服務(wù)的總稱。其作用為展現(xiàn)公司形象，加強(qiáng)客戶服務(wù)，完善網(wǎng)絡(luò)業(yè)務(wù)。網(wǎng)頁制作是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。新競爭力也認(rèn)為注重網(wǎng)站的網(wǎng)絡(luò)營銷價(jià)值而不是外在表現(xiàn)。網(wǎng)頁制作是指使用標(biāo)識(shí)語言，通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，瀏覽。

網(wǎng)頁制作要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識(shí)通過藝術(shù)的手法表現(xiàn)出來。

目錄

1.網(wǎng)頁制作的兩種設(shè)計(jì)模式 2.網(wǎng)頁制作常用工具 3.flash 3.1flash簡介 3.2flash動(dòng)畫的特點(diǎn) 3.3flash動(dòng)畫的前景 3.4flash在網(wǎng)頁中的應(yīng)用 3.5flash制作流程 4.fireworks

4.1fireworks簡介

4.2fireworks在網(wǎng)頁中的應(yīng)用

4.3fireworks的重要性

4.4fireworks制作流程 5.參考文獻(xiàn)

正文

1.網(wǎng)頁制作的兩種設(shè)計(jì)模式

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

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

由于W3C是該模式極力的倡導(dǎo)者，于是業(yè)界鑒定網(wǎng)頁是否符合W3C標(biāo)準(zhǔn)，就可以在W3C網(wǎng)站自動(dòng)檢測該網(wǎng)站的情況。

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

網(wǎng)頁實(shí)際是一個(gè)文件，他存放在世界某個(gè)角落的的某一臺(tái)計(jì)算機(jī)中，而這臺(tái)計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁經(jīng)由網(wǎng)址（URL）來識(shí)別與存取，當(dāng)我們在瀏覽器輸入網(wǎng)址后，經(jīng)過一段復(fù)雜而又快速的程序，網(wǎng)頁文件會(huì)被傳送到你的計(jì)算機(jī)，然后再通過瀏覽器解釋網(wǎng)頁的內(nèi)容，再展示到你的眼前。

2.網(wǎng)頁制作常用工具

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

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

3、FLASH 網(wǎng)頁需要畫面流動(dòng)時(shí)的首選擇

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

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

6、Adobe公司推出的cs3系列，軟件之間兼容性較好?？梢杂么讼盗袑W(wǎng)站的美工特效進(jìn)行進(jìn)一步的修飾美化和優(yōu)化。

3.flash 3.1flash簡介

Flash最早出現(xiàn)并興起于網(wǎng)絡(luò)，是網(wǎng)絡(luò)多媒體動(dòng)畫的重要制作形式，它是macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)。網(wǎng)頁設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。其運(yùn)用范圍覆蓋諸多領(lǐng)域如電視廣告、網(wǎng)絡(luò)廣告、游戲、演示動(dòng)畫、課件、網(wǎng)頁、手機(jī)動(dòng)畫等新興媒體?，F(xiàn)在由于網(wǎng)絡(luò)帶寬的不斷提高，F(xiàn)lash動(dòng)態(tài)網(wǎng)頁以其具備的聲音、動(dòng)態(tài)圖像等多媒體優(yōu)勢，相信在不遠(yuǎn)的將來能夠完全替代靜態(tài)（HTML）網(wǎng)頁。

3.2flash動(dòng)畫的特點(diǎn)

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

（二）Flash動(dòng)畫具有交互性優(yōu)勢，可以更好地滿足所有用戶的需要。它可以讓欣賞者的動(dòng)作成為動(dòng)畫的一部分。用戶可以通過點(diǎn)擊、選擇等動(dòng)作，決定動(dòng)畫的運(yùn)行過程和結(jié)果，這一點(diǎn)是傳統(tǒng)動(dòng)畫所無法比擬的。

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

（四）Flash動(dòng)畫有嶄新的視覺效果，比傳統(tǒng)的動(dòng)畫更加輕易與靈巧，更加“酷”。不可否認(rèn)，它已經(jīng)成為一種新時(shí)代的藝術(shù)表現(xiàn)形式。

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

（六）Flash動(dòng)畫在制作完成后，可以把生成的檔設(shè)置成帶保護(hù)的格式，這樣維護(hù)了設(shè)計(jì)者的版權(quán)利益。

3.3flash動(dòng)畫的前景

現(xiàn)在的Flash平臺(tái)包括:Flash Studio

8、Flash Player

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

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

（二）Flex 2產(chǎn)品線和Flash Player 8.5出手不凡

Macromedia Flex 2產(chǎn)品線和Macromedia Flash Player 8.5是本次發(fā)布會(huì)的重頭戲。新產(chǎn)品涵蓋RIA的全部應(yīng)用場景，從電子商務(wù)產(chǎn)品配置，到需要與實(shí)時(shí)數(shù)據(jù)集成的可視交易應(yīng)用。

Flash Player目前在全球6億多個(gè)桌面和移動(dòng)設(shè)備上安裝,估計(jì)新版本在12個(gè)月內(nèi)將被80%的聯(lián)網(wǎng)計(jì)算機(jī)下載。Flash Player 8.5在Flash Player 8的基礎(chǔ)上增加了適合行業(yè)使用的編程功能，并構(gòu)建了先進(jìn)的跨平臺(tái)運(yùn)行時(shí)環(huán)境。它備有一個(gè)新的虛擬機(jī)，可以提供更高的運(yùn)行性能、全面的運(yùn)行錯(cuò)誤報(bào)告、增強(qiáng)型調(diào)試功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script規(guī)范，能夠更易于查找及解決問題，從而提高開發(fā)人員的工作效率。

3.4flash在網(wǎng)頁中的應(yīng)用

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

（1）建立一個(gè)新的場景

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

（1）

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

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

（2）

（3）插入水平線結(jié)束幀

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

（3）（4）插入跳動(dòng)的小球涂層，畫小球的初始狀態(tài)

雙擊默認(rèn)的涂層名，改為跳動(dòng)的小球涂層，此圖層處于激活狀態(tài)。設(shè)置填充色為黑色，在第一幀的舞臺(tái)上方，畫一個(gè)小球，刪除輪廓線。

（4）

（5）插入下一幀

單擊跳動(dòng)的小球?qū)拥诙男》娇?，選中該幀；依次選擇“插入”、“時(shí)間軸”、“關(guān)鍵幀”命令，在第二幀中復(fù)制第一幀的圖形；拖動(dòng)小球向下移動(dòng)一個(gè)距離，表示球在下落。

（5）

（6）制作下落動(dòng)作的變化

重復(fù)上一步驟。

（6）

（7）小球變形

在下一幀的位置插入關(guān)鍵幀，利用任意變性工具把小球縱向壓縮。單擊“任意變形”按鈕,指針根據(jù)可實(shí)現(xiàn)的變形方式箭頭右下方的小圖形會(huì)有所變化；單擊小球，小球周圍出現(xiàn)8個(gè)黑色句柄框；把鼠標(biāo)指針移動(dòng)到4個(gè)中間句柄處，拖動(dòng)鼠標(biāo)，把圓球編程橢球形。

（7）

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

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

4.2fireworks在網(wǎng)頁中的應(yīng)用

眾所周知，在網(wǎng)頁上的jpg圖片如果過大，會(huì)嚴(yán)重影響頁面的打開速度，F(xiàn)ireworks提供優(yōu)化圖片的功能，即縮小圖片的KB，而且不影響畫面的質(zhì)量（除非放大了與原圖對比）。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會(huì)很大（因?yàn)樗沁m合處理印刷品，要求比較清晰），最終還是要用Fireworks來處理一下。

在優(yōu)化面板里有“導(dǎo)出jpg較高品質(zhì)”，導(dǎo)出默認(rèn)的80品質(zhì)（可以用“2幅”畫面對比之前之后的大?。?/p>

4.3fireworks的重要性

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

4.4fireworks制作流程

1.準(zhǔn)備素材 如圖

2、因?yàn)檫@幅圖片是位圖，我們可以用魔術(shù)棒將電視機(jī)中間的畫面選取成選區(qū)

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

出

電

視

畫

面的路

徑

4.將選中區(qū)域填充成折疊漸變

顏色可以自己選擇：

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

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

7.依次選擇其他幀，拖動(dòng)漸變調(diào)整手柄將其改變位置：柄以初選中區(qū)域 并在幀屬性幀命令：

最后保存 導(dǎo)出gif圖片 即可完成。

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

2.輸入文本 1 然后再打開幀屬性 選擇重置幀 9 因?yàn)閿?shù)字0-9 一共是十個(gè)

3.然后選擇每一幀，并修改畫布中的相應(yīng)數(shù)字。

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

6.也可以在幀面板的底部設(shè)置Gif動(dòng)畫循環(huán)，默認(rèn)為“永久”選項(xiàng)

7.畫布顏色可以隨意更改 再按f12 預(yù)覽就可以了，最后導(dǎo)出文件

5.參考文獻(xiàn)

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