网站建设与网页制作结业论文

第一篇：网站建设与网页制作结业论文

网站建设与网页制作结业论文

简介：

本课程的考查方法采用选题课程论文进行，学生选择的题目可重复，但是内容不可雷同，如果内容雷同将取消相关学生本课程的最终成绩。为避免出现非人为的论文内容雷同，请同学们在确定选题之后到本班级学习委员处登记自己的选题（截止时间为12月10日），然后与选择同样题目的同学进行沟通。所有论文都必须上交打印的文字版，论文完成后交给学习委员，由学习委员按学号排列，论文上交的最终时间为2011年12月30日。

课程论文格式包括下列几个部分：

一，题目（题目应突出论文的核心内容）

二，摘要 不超过200个字

三，引言 介绍选题的意义

四，主体论文的主体可以包括如下几个方面：选题的主要内容介绍、作者的思想、选题的应用、选题研究的方法或价值。

五，展望今后的发展趋势

六，参考文献

论文总字数不得少于 2000字

选题范围：（可以在此范围之外选题，但是内容必须是属于计算机网络技术或网站建设与网页制作范畴）

1.HTML语言（学习技巧、心得）

2.OSI与TCP/IP体系结构

3.信道复用技术

4.局域网

5.拥塞控制

6.路由器

7.IP协议

8.IPv6

9.TCP

10.域名系统DNS

11.电子邮件传输协议

12.HTTP

13.计算机网络安全（防火墙、VPN、杀毒软件等）

14.IP电话

15.制作网页个人心得（布局的技巧、**问题的解决）

16.网络信息安全（加密，隐写，隐写分析，水印等）

第二篇：个人网站网页制作论文

个人网站网页

制 作 论 文

学院： 专业： 姓名： 学号：

摘要

本文就个人网站的规划与建设，以软件工程的方法对全过程进行了分析与研究。本文的主要工作集中在：

1.对Web页进行概述，主要是对Internet的历史和发展作了回顾，并对Web页的定义和特性进行阐述。并对网站开发过程中使用的开发工具和技术作了简要的介绍。

2.对网站建设中提及到的术语进行了解释，并对个人网站的由来和发展进行了讨论。

3.对自己的个人网站从规划到建设进行了详细的分析。

4.使用ASP＋IIS＋Access技术实现了我的网站的各种功能，其中和数据库的连接使用到了ODBC技术。

5.就网站建设提出了自己的观点与建议。

【关键词】 网站 ASP SQL Server 风格 创意

一、引言

在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。

（一）Web页概述

1、认识Web

Web(World Wide Web，简称，其意思就是采用http超文本传输协议访问新浪网的首页，由于网页均是通过http超文本传输协议进行访问，默认下，“http://”可以省略不输。

5、IP地址

为了使互联网上的电脑主机在通信时能够相互识别，每台主机都分配一个能表示其位置的IP（Internet Protocol）地址，这如同公用电话网中电话的号码一样。IP地址是由专门的互联网机构来分配。IP地址具有惟一性，是由32位二进制数组成，分为四组，每组8位，每组之间用小数点分隔，在实际之中常转换成十进制数表示。

（二）个人网站的由来和发展

互联网在中国的出现只有短短七年时间，1994年中国科学院高能物理研究所设立了国内第一个Web服务器，推出一个叫做“中国之窗”的网页，这可能是国内Internet上出现的第一个Web网页，1995年开始，中国教育科研网，中国科技网，中国公用计算机互联网以及中国金桥网这构成中国数字神经系统的四大互联网络相继建成，使互联网在中国开始真正进入社会生活之中。

这时期，个人网站出现的条件还很不成熟，国内上网的人数很少，也缺乏支持个人建站的环境，用户很难找到理想的个人主页存放地。

个人网站发展的第二阶段是从1997年初到1998年，这段时间，中国网民数量飞速增长，个人网站日渐繁荣，个人主页的数量急剧增加。同时，越来越多的商业网站开始免费提供个人主页空间，这些良好的外部极大地促进了个人网站的发展，涌现了一批很著名的个人网页，从1998年下半年开始，随着互联网应用的深入的普及，随着众多主页制作工具的出现，使得建站成为一件非常容易的事，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。

（三）我的个人网站的设计与规划

1、明确架设网站的目的及客户要求

通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。

2、我的个人网站概貌

因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。

3、功能划分

网站设计有新闻更新，浏览者可以在首页浏览自己喜欢的新闻，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员——我，可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏，与大家一起分享。

4、功能描述(1)新闻

嵌入百度新闻每日更新代码，使用在本站首页显示今日国内国际新闻和体育新闻，供浏览者浏览。

(2)留言板

是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

(3)后台管理页面 是我管理和添加到新内容的地方，为了方便实现信息的经常更新，我设计了这个管理页面，经过身份认证后我可以进入网站对其中的信息进行管理。

(4)日记

在其中展示我喜爱的东西，包括我的日记、精品文章、社会文化和一些杂七杂八的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。

(5)相册

在其中展示漂亮的图片，包括我的照片、我的同学、风景照片、妹眉帅哥栏目。让大家一起来欣赏人物、风景风采。

(6)音乐

在其中展示个人喜欢的歌曲，朋友们可以在里面点播自己喜欢的歌。(7)页面组织和数据库设计

在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。

建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将自己的个人网站分为五个栏目，分别是关于我、相册、日记、音乐、留言。

三、详细设计

1、界面设计（1）相册

是一个个人相片和精彩图片展示的地方，在相册中，我们可以了解到站长的个人风采和自己喜欢的图片。a、功能

利用ASP对象语句显示图片，让大家可以看见所有图片的缩略图，同时每个图片都有快照功能，可以浏览图片的全图。

b、组成构造

相册结果显示页面 photo.asp：用来显示所有图片，同时还具备图片的分类功能和图片单个浏览功能。

站长基本信息显示页面 include.asp： 数据库连接页面 conn.asp(2)日记

是一个记录个人日记和精品收藏文章的地方，供给大家一起分享。a、功能

利用ASP对象语句分类显示日记或文章记录，让大家浏览到最新的日记或文章

b、组成结构

日记或文章显示页面 diary.asp：显示所有日记或文章，同时还具备显示不同子类日记或文章

站长基本信息显示页面 include.asp 数据库连接页面 conn.asp c、日记页面浏览效果图，如图12。(3)、音乐

是一个音乐收藏和音乐欣赏的地方。a、功能

利用ASP对象语句来显示歌曲曲目、演唱人和在线播放功能。b、组成结构

歌曲显示播放页面 media.asp：完成曲目的显示和播放功能的页面。站长基本信息显示页面 include.asp 数据库连接页面 conn.asp(4)、留言本

是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

a、功能

利用SQL语法过滤特定的用户留言意见，让站长可以针对某位特定用户所发表的意见作出独立的回答，同时，用户在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来让大家看到，当然，站长拥有管理的能力，只要以密码登录管理模式，就可以进行各个用户的单独意见回复，而且还能看到用户所留下的“悄悄话

b、组成构造

意见留言结果网页gbook.asp：用来显示用户发言与站长回复内容，同时还具备查看留言和发表留言两个功能。

站长基本信息显示页面 include.asp 数据库连接页面 conn.asp

(三)、关键代码设计

1、分页功能模块代码

<% if not rs.eof then rs.MoveFirst '注意放到前面来,否则到任何页总是在第一个记录上

end if rs.pagesize=MaxPerPage '设置每页最多显示多少条记录

If trim(Request(“Page”))<>“" then '如果请求的页次不为空

CurrentPage= CLng(request(”Page“))'clng是转换成长整型数据类型,并赋值到当前页次上

If CurrentPage> rs.PageCount then '如果当前页次大于总页数,则将最大页次赋值到当前页次上

CurrentPage = rs.PageCount

End If Else

CurrentPage= 1 '一切条件不成立,将当前页设为第一页 End If totalPut=rs.recordcount '将总记录赋值于TOTALPUT

if CurrentPage<>1 then '如果当前页数不等于第一页

if(currentPage-1)*MaxPerPage

rs.move(currentPage-1)*MaxPerPage '相对当前记录数向后移动

dim bookmark '定义书签变量

bookmark=rs.bookmark '将当前记录的标签赋于变量BOOKMARK上

end if

end if

dim n,k

if(totalPut mod MaxPerPage)=0 then '总记录数与每页最大记录数求余的结果为零时,则N返回整数页次,否则再加一.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、发表留言提交内容判断模块代码 <% 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 %>

（四）、网站管理系统

1、完成站长对网站信息管理及更新的系统，包括以下几部分：（1）管理登陆页面Index.asp（2）相册管理页面Admin_pro.asp（3）日记管理页面Admin_new.asp（4）音乐管理页面Admin_down.asp（5）留言管理页面GuestBook.asp

2、管理登陆

管理系统的登陆页面，主要用于管理登陆和判断用户是否已注册。（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）其中验证码验证代码：

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

3、主要功能程序段（1）打开数据库 <% set conn = Server.CreateObject(”ADODB.Connection“)conn.open ”YourDSNName“,”username“,”password“ %>（2）数据库查询操作 大类查讯

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 添加相应的记录 rs(username)=username „„„„ rs(zhuangtai)=6 rs(zonger)=0 rs.update 更新数据库（4）删除记录操作

从表actions中删除actionid匹配的记录 conn.executedeletefromactionswhereactionid= &request.QueryString(actionid)

四、编码、测试与维护

（一）测试与维护

1、IIS(Internet 信息服务)安装配置

可以在”添加或删除程序 >>添加/删除Windows组件“对话框中把”Internet 信息服务(IIS)“前的勾选中，点”下一步“进行安装就行了(注：在这之前应把系统安装盘放到光驱)。IIS 装好之后再作一下简单的配置。定位到”开始>>管理工具>>Internet 信息服务(IIS)管理器“，打开IIS管理器。在”本地计算机>>网站>>默认网站“上右键单击，在快捷菜单里选”属性“(或者直接在操作菜单下选”属性“)，弹出如下对话框图16: 图16 切换到”主目录“标签(图2)，重新选择网站根目录(我选择的是E盘下的my web目录)，默认是”系统盘:Inetpubwwwroot“,因为系统盘不宜放太多的非系统文件，所以在这里重设默认网站要目录，如果嫌麻烦可以跳过这步。再切换到”文档“标签，通过”添加“、”删除“、”上移“、”下移 “，把站点的默认文档设置如图17：

图17 可能有些朋友会疑惑，设置默认内容文档有什么作用？细心的朋友应该会发现，在浏览一些大网站的首页时用它的一级域名就行了，并不需要指定请求页的文件名，这就是设置了默认内容文档的缘故，它的作用就是在浏览器请求没有指定文档的名称时，将默认文档提供给浏览器。要得到更详尽的解释说明，可以点击图3中的“帮助”。之所以有这步，是因为网站的默认内容页中没有index.asp，不大符合国人习惯。

2、Dream weaver测试站点和用IIS测试本地站点

Dream weaver MX提供了全面检测站点的功能，它比检测链接更全面。全面地检测内部、外部链接、去除错标签、空标签、多余的标签等，它的使用相当简单，使用全面检测站点功能如下：

（1）、选择菜单中【站点】的【报告】命令，打开一个窗口。

（2）、选择检测范围，在【报告】选项中有四个内容供选择：Current Document、Entire Local Site、Select Files in site、Folder。

（3）、对工作流方面的信息进行检测。

（4）、对HTML文件的信息做出检查。

把编好的网站文件复制到D:/my web文件夹中，可以打开浏览器，在地址栏中输入http://localhost/my web/index.asp ,就会看见网站了。

3、维护

网站建成后并不意味着网站建设的结束，网站内容需要不断更新，这样才会不断的吸引更多的浏览者访问，才能成为一个优秀的网站。通过FTP软件将更新过的网页上传到服务器或通过Dream weaver MX来远程管理站点，同时还要认真回复浏览者的电子邮件和留言，做到有问比答。平时多收集资料，多听听别人建议，定期更新版面，还有推广站点。

（二）设计技巧和解决方法

用服务器端包含技术实现对文件的引用

系统中有许多页面都会引用相同的代码文件，所以使用include语句将已完成代码的文件包含进来，就可以简化代码的缩写。如首页面indes.asp中第二行和第三行代码。

结束语

经过老师耐心细致的指导，及同学之间的相互交流，同时翻阅了大量的资料(包括网上资料，书本及学校的一些相关资料)经过近一段时间的努力，个人网站的设计制作告一段落。总结这次“文武屋-个人网站”开发制作过程，我们综合使用了目前因特网上比较流行的各种静态制作方法及交互式动态网站的制作设计手段，并对初步利用后台程序完成了网站的动态响应与生成网页的技术。同时也从中学习了对静态页面的处理风格，色彩搭配，页面导航方面有了一定经验。对用Javascript语言制作动态效果也有了更进一步的认识。在交互式网页设计学会了如何使用Access建立数据库，以及对数据库浏览，修改，添加，查询。如何用ASP编写程序来方便用户在网上查看网站各方面的信息和交流。本次设计由于设计时间较紧，且相关模块比较多，加之设计经验的不足，在网站的整体设计及各模块功能可能设计的不完全，有待于进一步的完善和改进。

参考文献

[1]吴涛主编，网站全程设计技术（修订本），北京：清华大学出版社；北京交通大学出版社，2006.7 [2]龙马工作室编，ASP+SQL Server组建动态网站实例精讲，北京：人民邮电出版社，2004.8 [3] 赵增敏编，ASP动态网页设计，电子工业出版社，2003.8 [4] 任学文、范严编, 网页设计与制作，中国科学技术出版社，2006.8 [5] 武创、王惠,网页设计探索之旅 ,电子工业出版社，2006.9 [6] 杜巧玲等编, 网页设计超级梦幻组合,清华大学出版社, 2003.3 [7] 吴黎兵、罗云芳编，网页设计教程，武汉大学出版社，2006.2 [8] 庄王健编，网页设计三剑客白金教程，电子工业出版社，2006.01

第三篇：网页制作与网站建设0586-教学大纲

南京理工大学编(高纲号 0586)I、课程性质与设置目的要求

《网页制作与网站建设》课程是江苏省高等教育自学考试信息管理与信息系统专业（独立本科段）的必修课，是信息管理类专业课程体系中的基础课程之一。

本课程是一门非常实用的课程。它是一门开拓视野、增长知识、提高实际工作能力的一门专业课程。本课程既有理论基础又有实际应用价值，是各专业方向可以选修的一门重要的专业课。应考者在学习本课程之前应当具有计算机操作的预备知识和能力。

本课程侧重电子商务网站的设计内容、方法和原理，同时兼顾一定的基础技术——静态网页制作的掌握。本课程同时又是一门实践性很强的应用型课程，因此实践环节在教学过程中应占有重要地位，为此，教学中一定要加强实际动手能力的培养，训练应考者设计实际电子商务网站、解决网站设计中的实际问题的能力，以便应考者能把课程中所学的方法、原理应用到实际的电子商务网站设计中。设置本课程的具体要求如下：

1）了解电子商务网站分类、功能及设计、管理的内容；

2）掌握有关电子商务网站设计与管理的基本框架与工作流程；

3）理解有关电子商务网站运行平台建设的基本概念、方法与技术；

4）掌握电子商务网站的内容设计、管理、运营方法及技术，掌握静态网页制作的基本概念和HTML语言；

5）能利用上述所学的原理、方法及技术，设计实际电子商务网站。

Ⅱ、考试目标（考核知识点、考核要点）

第一章 电子商务网站概述

通过本章学习，应考者应了解电子商务网站的概念、分类、功能，掌握电子商务网站的设计与管理的工作流程，理解电子商务网站设计与管理的主要内容。

一、考核知识点

（一）电子商务网站的概念、分类、功能

（二）电子商务网站的设计与管理的理论依据和总体思路

二、考核要求

（一）电子商务网站的概念、分类、功能

1、识记：（1）什么是电子商务；（2）什么是电子商务网站；（3）电子商务网站的分类及特点；（4）电子商务网站的功能；（5）电子商务网站的结构。

2、领会：影响电子商务网站的构架的重要因素。

（二）电子商务网站的设计与管理的理论依据和总体思路

1、识记：（1）电子商务网站的设计与管理的理论依据；（2）电子商务网站的设计与管理的基本过程；（3）电子商务网站的多种推广途径。

2、领会：电子商务网站设计与管理所包含的内容。

3、应用：采用各种方式对网站进行宣传推广工作。

第二章 电子商务网站的规划

通过本章学习，应考者应当了解电子商务网站规划的意义和作用，掌握电子商务网站规划的主要内容，掌握网站域名注册的方法，了解IT公司提出的电子商务网站解决方案。

一、考核知识点

（一）电子商务网站规划的意义

（二）电子商务网站构建的目标和市场需求调查分析

（三）电子商务网站设计与管理的可行性分析

（四）电子商务网站域名注册

（五）电子商务网站设计与管理的解决方案

二、考核要求

（一）电子商务网站规划的意义

1、识记：（1）网站规划是企业电子商务战略管理的需要；

（2）网站规划促进企业基础管理信息化和经营管理；

（3）网站规划可调动企业员工关注与投入电子商务的积极性。

（二）电子商务网站构建的目标和市场需求调查分析

1、识记：（1）电子商务网站构建的目标；（2）目标客户的调查与分析的方法与途径；（3）竞争对手的调查与分析的主要内容。

2、应用：（1）运用网站规划、目标分析的原则及方法分析、确定电子商务网站建站的目标；（2）运用目标客户和竞争对手调查与分析的原理和方法对电子商务网站在用户、竞争性等方面进行分析。

（三）电子商务网站设计与管理的可行性分析

1、识记：（1）可行性分析包括3个方面的可行性分析；（2）经济可行性分析的内容；（3）技术可行性分析的内容。

2、应用：运用可行性分析的原则和方法对电子商务网站进行可行性分析。

（四）电子商务网站域名注册

1、识记：（1）什么是域名；（2）域名命名的一般规则；（3）国内域名的注册步骤；（4）国际域名的注册步骤；（5）电子商务网站主机位置存放的三种方式；（6）什么是虚拟主机。

2、领会：（1）ISP的选择条件；（2）域名设计的方法和技巧；（3）中文域名的概念。

3、应用：（1）为网站设计一个好的域名；（2）模拟域名申请的过程，进行国际域名的注册申请；（3）根据企业不同的情况选择不同的电子商务网站主机位置存放方式。

（五）电子商务网站设计与管理的解决方案

1、领会：各种电子商务网站解决方案的基本特征。

第三章 电子商务网站的运行环境

通过本章学习，应考者应当掌握电子商务网站运行平台的基本组成、Internet的接入方式、服务器、WebServer软件、网络数据库的选择。

一、考核知识点

（一）电子商务网站运行平台的要求和构成（二）Internet接入

（三）服务器及其选择

（四）应用服务器及Web服务器软件

（五）网络数据库

二、考核要求

（一）电子商务网站运行平台的要求和构成

1、识记：（1）电子商务网站运行平台的要求：（2）电子商务网站运行平台的基本构成。

（二）Internet的接入

1、识记：（1）网络传输介质的类型；（2）网络互连设备的种类；（3）常见的几种Internet的接入方式。

2、领会：（1）常用的网络互连设备的特点与功能；（2）常见的几种Internet的接入方式及其特点。

3、应用：根据情况选择和应用适当的接入方式接入Internet。

（三）服务器及其选择

1、识记：（1）服务器的类型及其选择原则；（2）常见的网络操作系统的类型。

2、领会：（1）常见的网络操作系统及其特点；（2）常见的PC服务器和UNIX服务器及其特点。

3、应用：（1）根据企业电子商务网站建设的自身需求选择合适的服务器硬件；（2）根据企业电子商务网站建设的自身需求选择合适的网络操作系统。

（四）应用服务器及Web服务器软件

1、识记：（1）什么是应用服务器；（2）什么是Web服务器；（3）应用服务器和Web服务器的选择原则；（4）主流应用服务器和Web服务器软件。

2、领会：常见的WebServer软件及其特点。

3、应用：根据企业电子商务网站建设的自身需求选择合适的WebServer软件。

（五）网络数据库

1、识记：常见的网络数据库的类型。

2、领会：常见的网络数据库及其特点。

3、应用：根据企业电子商务网站建设的自身需求选择合适的网络数据库。

第四章 电子商务网站的开发技术与工具

通过本章学习，应考者应当了解各类网页开发技术、网络数据库技术、Web数据库技术的基本概念及其技术。

一、考核知识点

（一）网页制作技术

（二）网络数据库技术

（三）Web数据库技术

（四）电子商务网站的运行平台及其开发工具最优组合

二、考核要求

（一）网页制作技术

1、识记：（1）网页制作技术的种类；（2）HTML、XML、CSS的概念。

2、领会：XML用于电子商务的优缺点。

（二）网络数据库技术

1、识记：（1）ODBC的概念；（2）SQL的概念及其类型；（3）数据仓库的定义。

2、领会：SQL的语言的特点。

（三）Web数据库技术

1、识记：Web数据技术的种类

2、领会：各类Web数据库技术及其工作原理。

（四）电子商务网站的运行平台及其开发工具最优组合

1、识记：（1）PC服务器中Web平台的最优化组合；（2）UNIX服务器中Web平台的最优化组合。

2、领会：常见的PC服务器和UNIX服务器中Web平台的最优化组合。

3、应用：根据企业电子商务网站建设的自身需求选择合适的运行平台及其开发工具。

第五章 电子商务网站的内容设计与开发

通过本章学习，应考者应当掌握电子商务网站内容设计的流程和设计原理，熟练掌握网站内容的信息结构的设计、链接结构、导航系统的设计，对网页的可视化设计有一定的认识。在掌握网页制作的理论基础上，能够用HTML语言制作静态网页并加以实际应用。

一、考核知识点

（一）网站内容设计的原则及流程

（二）网站信息结构的设计

（三）网页的可视化设计

（四）首页设计

（五）网页制作

（六）HTML语言

二、考核要求

（一）网站内容设计的原则及流程

1、识记：（1）内容设计的3大原则；（2）内容设计的一般流程。

2、领会：网站内容设计的步骤及包括的内容。

（二）网站信息结构的设计

1、识记：（1）一般的电子商务网站信息内容的组成；（2）网站链接结构的几种方式；（3）四种类型的网站导航系统。

2、领会：（1）网站整体风格的设计技巧；（2）网站搜索系统的设计流程。

3、应用：（1）运用内容设计的原理和方法设计电子商务网站的信息结构及其功能；（2）运用网站信息结构设计的方法与原则对电子商务网站信息结构在链接结构、导航系统、整体风格等方面进行设计。

（三）网页的可视化设计

1、识记：（1）常见的版面布局形式；（2）216网页安全颜色的概念；（3）网页中常用的图片格式。

2、领会：（1）网页设计原则；（2）常见的版面布局形式及其特点；（3）常用的网页色彩搭配的技巧；（4）常用的图片和文字使用技巧。

3、应用：运用可视化设计的原则、方法和技术设计电子商务网站的网页形式及其布局。

（四）首页设计

1、领会：（1）首页中包含的内容；（2）首页设计时的注意事项。

2、应用：运用首面设计的原则、方法和技巧设计电子商务网站的首页。

（五）网页制作

1、识记：（1）静态网页的制作方法；（2）动态网页的制作方式。

2、领会：（1）网页表示形式的动态制作方式；（2）交互式动态网页的制作方式及其制作步骤。

（六）HTML的语言

1、识记：常见的HTML标记。

2、领会：常见的HTML标记及其功能、表现形式。

3、应用：运用HTML标记制作电子商务网站中的静态网页。

第六章 电子商务网站的支付与物流设计

通过本章学习，掌握EI数据库、INSPEC数据库的使用，了解经济类、化工类和生物医学类专业数据库的使用方法。

一、考核知识点

（一）电子商务网站的支付设计概述

（二）基于第三方支付平台的电子商务网站支付设计

（三）电子商务网站中的物流概述

（四）电子商务网站中的物流系统的设计

二、考核要求

（一）电子商务网站的支付设计

1、识记：（1）电子商务网站的支付形式及其发展；（2）电子商务支付系统的构成；（3）电子支付工具及其类型。

2、应用：应用任一种支付工具进行电子商务的支付实践。

（二）基于第三方支付平台的电子商务网站支付设计

1、识记：（1）第三支付平台的支付流程。

2、领会：书中基于第三方支付平台的电子商务网站支付设计案例。

（三）电子商务网站中的物流概述

1、识记：（1）第三方物流；（2）我国电子商务网站中的物流发展。

（四）电子商务网站中的物流系统的设计

1、识记：物流系统设计的建设要点。

2、领会：电子商务网站中的物流系统设计与分析方法。

第七章 电子商务网站管理概述

通过本章学习，应考者应当了解电子商务网站管理的模式及其发展，掌握电子商务网站管理的层次结构，了解电子商务网站的文件管理、内容管理和安全管理的方法和技术。

一、考核知识点

（一）电子商务网站管理概述

（二）电子商务网站的文件管理

（三）电子商务网站的内容管理

（四）电子商务网站的综合管理

（五）电子商务网站的安全管理

二、考核要求

（一）电子商务网站管理的概述

1、识记：（1）电子商务网站管理的概念；（2）电子商务网站管理的几种模式；（3）电子商务网站管理的层次结构及其管理内容。

2、领会：电子商务网站管理的作用和意义。

（二）电子商务网站的文件管理

1、识记：（1）电子商务网站的文件管理的概念；（2）网站目录结构的管理方法。

（三）电子商务网站的内容管理

1、识记：电子商务网站内容管理的概念。

（四）电子商务网站的综合管理

1、识记：电子商务网站综合管理的内容

（五）电子商务网站的安全管理

1、识记：（1）电子商务网站的安全要素；（2）电子商务网站的安全威胁来源；（3）加密技术的类型。

2、领会：（1）防火墙的概念、类型及其优点；（2）电子商务网站的安全技术和安全管理措施。

第八章 电子商务网站管理系统的建立

通过本章学习，应考者应当了解电子商务网站中常见的文件管理系统、新闻管理系统、客户管理系统、在线购物管理系统的功能及其建立方法。

一、考核知识点

（一）文件管理系统

（二）新闻管理系统

（三）客户管理系统

（四）在线购物管理系统

二、考核要求

（一）文件管理系统

1、领会：FTP与HTTP两种文件上传方式异同。

（二）新闻管理系统

1、识记：新闻管理系统的2种运行方式。

（三）客户管理系统

1、领会：（1）用户登录注册的系统结构；（2）客户管理系统的功能。

（四）在线购物管理系统

1、领会：在线购物管理系统的功能。

第九章 电子商务网站设计案例

通过本章学习，应考者应当了解书中给出的电子商务网站设计案例，并能够在理解书中案例的基础上对其它电子商务网站进行分析。

一、考核知识点

电子商务网站案例分析

二、考核要求

1、应用：利用本课程中的原理、方法对电子商务网站的案例进行分析。

2、实践：应考者应实际上网考察书中介绍的电子商务网站，并结合本章给出的案例分析，使应考者对这些网站的设计有感性的认识，从而加深对本课程中的原理、方法和技术的理解和掌握。

Ⅲ、有关说明和实施要求

一、关于考核目标的说明

本大纲在考核目标中，按照识记、领会、应用三个层次要求应考者掌握，三个能力层次是递进关系，各能力层次分别表示：

1、识记：掌握本课程中有关的名词、概念，这是最低层次的要求。

2、领会：在识记的基础上，能全面理解本课程教材中提出的基本概念、原理、方法和技术，回答一些基本的问题，并能对各种概念、原理、方法进行联系和区别，这是较高层次的要求。

3、应用：在识记和领会的基础上，能运用基本概念、原理与方法综合分析和解决比较复杂的理论问题，并能进行电子商务网站的实际设计与管理，同时能正确、完整地表述，这是最高层次的要求。

二、关于自学教材

《电子商务网站设计与管理》，王曰芬、丁晟春编著，北京大学出版社，2004年版。

三、自学方法指导

本课程是一门应用性、实践性很强的课程，侧重于电子商务网站的设计内容、方法和原理上，同时兼顾了实践应用。试题可能涉及到本大纲中的任何一个考核点的内容，本课程的考试，不仅要求应考者能掌握本课程各考核知识点中所介绍的基本原理、方法和技术，而且还要求应考者能运用所学知识在实践中获得的宝贵经验对案例进行分析，根据要求设计电子商务网站。应考者在自学过程中，应注意以下几点：

（1）在全面系统学习的基础上掌握基本概念、基本知识、基本方法和技巧。本课程内容涉及电子商务网站的设计与管理的各个方面，知识、范围比较广泛，全书是一个整体，但各章之间又有相对独立性。自学者应首先全面系统地学习各章的内容，深刻领会电子商务网站设计与管理中的理论知识；其次，要注意各章之间的联系；然后，在全面系统的基础上掌握重点，有目的地深入学习重点章节，但切忌在没有了解全貌的情况下孤立地去抓重点，押题目。（2）注意将掌握的课程理论与实践应用相结合。应考者应明白，电子商务网站设计与管理这门课是一门实践性很强的课程，在学习过程中切忌死记硬背，而应当尽可能多上网，观察、分析和研究实际电子商务网站的设计，将课程中所讲述的基本理论知识，与一定的实际相联系，并通过实际操作（如网页可视化的设计与制作）来更好地理解和掌握相关的理论知识。

四、对社会助学的要求

（1）社会助学者应根据本大纲规定的考试内容和考核目标，认真钻石指定教材，明确本课程与其它课程不同的特点和学习要求，对自学者进行切实有效的辅导，引导他们防止自学中的各种偏向，把握社会助学的正确方向。

（2）如果进行辅导，按应考者平均每周接受6学时面授计算，本课程计划需要8周，讲授48学时。同时要保证应考者每周还需6小时用于自学、完成上机操作和上网案例教学方法。

（3）在本课程的助学或教学中，建议采用案例教学方法。

（4）要尽可能给予应考者获得实践经验的机会，并为他们提供各种类型的案例，以使他们在各种情况下运用所学知识和获得的经验。

（5）为应考者提供尽可能多的上网和上机的机会和时间，使应考者能够通过一定的实际动手操作感性认识电子商务网站，掌握基本的网页制作的技能，加深对本课程的理解和掌握。

（6）要正确处理重点和一般的关系。课程内容有重点与一般之分，但考试内容是全面的，而且重点与一般是相互影响的，不是截然分开的，社会助学者应指导自学应考者全面系统地学习教材，掌握全部考核内容和考核知识点，并在此基础上在突出重点。总之，要把重点学习同兼顾一般结合起来，切勿孤立地抓重点，把自学者引向猜题押题。

五、关于命题考试的若干要求

（1）本课程的命题应根据本大纲所规定的考试内容和考试目标来确定范围，本大纲各章所列内容和考试目标均为考试内容，不要任意扩大和缩小考试范围，提高或降低考核要求。考试例题覆盖到各章，并适当突出重点章节，体现本课程的重点内容。

（2）试题要合理安排难度结构。试题难易可分为易、较易、较难、难四个等级。每份试卷中，不同难易试题的分类比例一般为：易占20%，较易占30%，较难占30%，难20%。注意，试题的难易度与能力层次不是一个概念，在各能力层次上都会存在不同难度的问题。

（3）本课程考试为闭卷考试，可能采用的题型有：填空题、名词解释、单项选择题、简答题、论述题、网页制作题。各种题型的具体样式参见本大纲附录。

附录：

题型举例

一、填空（根据本课程指定教材，将正确的词或数字填入空白处）

1、在Linux操作系统下，www.xiexiebang.comNIC）所作的统计报告进行比较以了解原来服务的客户上网和网上购物的可能性；

（2定期跟踪分析CNNIC统计报告，了解网民变化情况和网上购物的发展趋势；

（3）直接对原有客户进行有关网行为的问卷调查、采访、实地调查等获取客户数据并分析；

（4）通过专门的咨询公司进行实地调查研究；（5）利用ISP或有影响的行业网站进行网上调研；

2、防火墙有哪些优点？

答：防火墙具有如下优点：①保护那些容易受到攻击的服务，只有预先被允许的服务才能通过防火墙。②控制对特殊节点的访问。通常种情况下，在内部网中只有MAIL服务器、FTP服务器和WWW服务器能够被外部网访问。③集中化的安全管理。④对网络访问进行记录和统计，并提供入侵检测和预警。

五、网页制作题

diaocha.htm,当用户点击[查看]按钮时触发chakan.htm文件。

第四篇：网页制作论文--个人网站设计

网页制作课程论文

（个人网站设计论文）

姓名：薛金鸽 学号：105031040025 班级：103212 专业：市场营销（电子商务方向）学期：2011-2012学年第2学期 任课教师：刘新飞

个人网站策划书

1.组织机构描述

1.1个人网站的应用背景

网络发展到今天，建立网站已经成为一个很普遍的问题了，对于个人来说，建设好时间的个性化网站可以更加方便的收集信息，开展更加直接的网络交流，使用自己构筑的友善平台，我们可以为自己毕业后找工作做好充分的准备，通过自己建设的网站，用人单位可以更好的去了解你，从而给自己增加了一份很重的砝码。在我的这个个人网站的制作过程中，我选择了我比较熟悉的大学生活中的许多内容做为我的网站的重要组成部分，这样相对于其他包括种类齐全的网站，我就有了一定的材料基础。这是我这个网站选择大学生主题的原因之一。

其次，做为在校大学生，我知道大学生现在对什么事物，内容，活动等等感兴趣，所以，我做起来的时候相对来说是比较随手的，我不用像其他的网站那样去刻意的收集信息，资料，我只要在校园里稍微留意，我就会捕捉到大学生的兴趣点。所以，在整个网站的设计过程中，我广泛的听取同学的意见和建议，不断的改进和提高我的网站的内容和质量，这些都取得了比较好的效果。

在整个网站的设计过程中，我根据自己以往的设计经验和自己找来的资料，又经过老师的指点，经过了近一个月的努力，几经易稿，最终做成了我的这个个人主页。.2 个人网站建设的目的

在我们的工作、日常生活中，能够拥有一个自己的网站，一个已经成为不少人的希望和骄傲。一个网站项目的确立是建立在各种各样的需求上面的，这是个人网站，所以这种需求往往来自于个人的实际需求，其中每个人的实际需求占了绝大部分[6]。因此如何更好地的了解、分析、明确需求，并且能够准确、清晰以文档的形式表达出来，保证开发过程按照个人需求为目的正确项目开发方向进行。不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同，在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时，我选择了和大学生的生活和学习相关联的主题。

1.3 相关应用软件选用、技术采用

在网页的设计过程中，我选用的软件包括Dreamweavercs5、Fireworks cs5和Photoshopcs5，其中，Dreamweaver 是网页编辑软件，Fireworks cs5是图形/图像处理软件，photoshopcs5是图片处理软件。它们是Macromedia公司专门为网页设计、制作开发的系列软件套件，三者之间可以无缝集成，能够有效地解决网络带宽问题，是设计动画网页的最佳工具。

Dreamweaver cs5采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现部分和设计部分分离开来，使用户只需专注于设计，而其余的工作由Dreamweavercs5自动完成。另外，还有一点值得说明的是，Dreamweaver cs5可以控制和删除冗余代码，减小网页文件的大小。从而能够快速上传和下载。

Fireworkscs4的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件，提供了一种革命性的新方法来创建WEB图形，并且具有所有其他图形处理工具的诸多优点。Fireworks cs4的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。另外，Fireworks cs4中的诸多功能都是面向WEB应用的，因此对于WEB设计新手来说也很容易学习的。

在我设计我的个人网站的过程中，我选择了Dreamwearcs5和 Photoshopcs5 Fireworks cs4三种软件。因为自己向对于其它的软件来说，这三个还算是比较熟悉的。

2．网站的技术参数部分

2.1我的导航系统

我所制作的个人网站的导航系统包括：

1.个人简介2.个人专题4.我的相册5.网站说明6.给我留言 8.发送邮件9.链接百度10.女生花园

2.2功能模块的划分

1．搜索引擎：

根据浏览者的要求，使用主页上的搜索引擎链接到百度，在整个Internet上进行搜索，完成信息的优化与提取。

2．论坛：

主要功能是网友和网站之间的交流平台，也是网友给版主提出意见的主要渠道。在论坛中用户可以发表意见，这些意见可以让所有人看到，也可以只让版主看到，版主和其他人可以针对留言的内容进行回复，只留给版主的留言只有版主能够回复，并且版主可以登录后台对留言进行管理，是否发表或删除。

3．发送电子邮件：

网友可以通过“联系我”利用outlook 向版主或其他人发送电子邮件。4．精品收藏：

在其中展示我喜爱的东西，包括电影、歌曲和一些优美的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。但我增加了管理权限，我以管理员的身份可以对加入的新内容进行管理，即允许加入和对其进行删除。

5．留言板：

是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

2.3 首页的设计 我的网站首页主要采用简单大方的设计方法，用的是色调一致的一组图片做的LOGO和相关的背景图片，主要页面布局如下：

2.4主要栏目的介绍

1．个人简介：

介绍版主的一些基本信息，希望各位访客能够认识版主。2.我的论坛：

此版块又分为主页、发表意见、回复意见、显示论坛内容、版主后台管理以及版主的回复界面。其中发表意见界面是所有访客都可以在论坛里面发表自己的意见，这些意见可以是发表给所有的访客，也可以是只发表给版主，如果只发表给版主，只有版主可以看到和回复；回复意见是所有访客针对自己感兴趣的话题进行回复；这些发表的意见和回复可以在显示论坛内容的界面都显示出来，供大家讨论；那些只有版主才能看到的信息在版主的管理界面，这个界面需要登录，设有用户名和密码，在这里版主可以对所有评论进行发表或删除的管理。3.个人专题：

这里收录了我平时搜集的一些文章和音乐，各位访客可以根据自己的喜好进行阅览。4.我的相册：

在这个板块可以看到我的照片，班级照片和搜集的校园照片，如果大家喜欢可以收藏。更改照片的时候只要更新数据库就可以了。5.网站说明：

里面是我对整个网站的介绍，不太清楚网站构架的访客可以先到这里。6.给我留言：

这是每位访客针对我的网站情况给我留言，这些留言会直接保存到数据库里面，并且能够轻松的读取。7.发送邮件：

各位访客可以通过outlook向版主或者其他人发送电子邮件。8.链接百度：

如果访客想在互联网上查找东西，可以直接点击这里。9.女生花园：

收集了一些女生喜欢的东西，如果你是女生，可以进来看看。

2.5二级页面的设计

我的网站主页内容简单所以主要内容再二级页面里要有详细的说明，具体说明如下：

2.5.1个人简介

本模块是个人简介部分，每个个人网站都会有作者介绍。在这个模块访客会了解到作者的一些基本信息.2.5.2文学欣赏

这个版块主要介绍我自己喜欢的相关文学作品。此版块的界面如图所示：

图3.6 文学欣赏界面

2.5.3快乐音乐

进入此版块，界面如图所示：

通过在数据库中存放音乐路径，达到在网页上播放的效果。在音乐的首页上放置了歌曲的名字，网友无需登录，即可收听自己喜欢的歌曲。

音乐界面

2.5.4我的相册版块

个人网站中又一亮点就是个人相册的设置，在我的相册里，放置了我自己的照片、班级照片和校园照片。

相册里面的这三个版块具有相同的版面设计，如下图所示：

相册界面

2.5.5网站说明版块

此版块是我根据自己的网站结构对整个网站以及每个版块所做的网站结构和功能的说明，以及网站和作者版权说明。如下图所示：

网站说明界面

如果网友不清楚网站的构架，可以查看此版块。2.5.6给我留言版块

留言板是目前最为流行的网络应用之一，使用留言板，可以为留言者提供发言的机会，让他们能够及时、准确地交换自己的观点。

2.5.7留言板主界面

完整的留言板具有发表留言和察看别人留言的功能，如图所示的留言板主界面index1.ASP，可由此进入留言界面和察看留言界面。

留言主界面

在主界面中存有全部留言的作者和主题，点击你想察看的主题就会进入察看留言界面，点击 “发表帖子”进入留言界面。

3．网站的维护方案

3.1域名的申请

域名（Domain Name），是由一串用点分隔的名字组成的,Internet上提供用户访问某网站或网页的路径，用于在数据传输时标识计算机的电子方位（有时也指地理位置）。

域名申请的含义

“域名申请”：为保证每个网站的域名或访问地址是独一无二的，需要向统一管理域名的机构或组织注册或备档的一种行为。也就是说，为了保证网络安全和有序性，网站建立后为其绑定一个全球独一无二的域名或访问地址，必须向全球统一管理域名的机构或组织去注册或者备档方可使用的一种行为。由于域名是网站必不可少的“门牌号”，域名可用于：网站地址访问、电子邮箱、品牌保护等用途，所以很多企业或个人均会进行域名申请。

3.2空间或者主机的租用

有了自己的域名这个门牌号后，就需要一个空间来存放自己的网站，也就是虚拟主机。一般虚拟主机提供商都向用户提供100MB、500MB、3GB等虚拟主机空间。我的个人网站选择100-300MB的虚拟主机空间。购买虚拟主机主要考虑几个方面：售后服务、稳定性、访问速度等。首先我选择在万网上注册一个域名然后申请租用空间建立个人网站。

3.3网站链接稳定性测试

超级链接对于网站用户而言意味着能不能流畅的使用整个网站提供的服务，因而链接将作为一个独立的项目进行测试。网站能够正确运行首先要保证链接能够连贯运行。

网站的运行中整个系统是否运行正常，我主要采用将测试网站长时间运转进行测试，派生出执行程序所有功能需求的输入条件，从而导出测试用例，进行测试，网站中的每个版块的每个页面都出现了很多的链接，所以每个版块要先进行单独测试，单独测试完成后，根据个版块之间的连接结构再进行总体测试，从而达到网站的整体的运营能够顺利地进行。在测试这个环节时，没有特定的测试方法，就要做到细心，做到网站的顺利运行。

总结：

通过这次个人网站设计的制作，我学会了很多东西，也了解了很多关于个人网站的资料。不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了Dreamwave、Firework、Html语言、网站建设的基本思想等重要内容。到现在为止，我还是很庆幸能够学到这么多的内容。

虽然整个网页的结构还有很多不足，还有一些板块没有开通，但是我的确能够感到在我们制作过程中技能的提高。整个网站的不足我想是没有使用到一些动态网页的知识，使得日后网站的维护较为繁杂。希望以后可以自学动态网站的课程，从而弥补自己在动态网络语言方面的不足。这样以后可以利用业余的时间为自己或者公司，根据自己的爱好建立一个个人网站。

[参考文献] [1] 袁晓红.《网页设计与制作》[M].高等教育出版社 2006 385页~389页 [2] 甘登岱.《我也能掌握Flash编程》[M].航空工业出版社 2000 [3] 赵更生.《Flash动画制作培训实录》[M].人民邮电出版社 2004 [4] 鲍嘉.卢坚.陈丁法《Dreamweaver CS5网页设计从入门到精髓》[M].中国电力出版社2010 [5] 张成龙.《网页制作一点通》.延边人民出版社

[6] 刘瑞新，《ASP动态网站开发、毕业设计指导及实例》[M].机械工业出版社 2000 [7] 石晓燕、苏萍《网页设计基础》[M].清华大学、交通出版社 20 04 [8] 王玉芬.《网站规划与设计》[M].西北工业出版社 2003 [9] 谢希仁.计算机网络(第5版)[M].北京：电子工业出版社,2008

第五篇：网页制作论文

网页制作论文

简介

网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台，是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