【摘要】
企业网站也像其它企业一样也应通过Internet来对外宣传自己,为企业提供方便快捷的信息服务与交流。随着网络技术的迅猛发展,ASP已成为Web应用程序的一种重要的开发工具,用ASP(Active Server Pages)技术创建的此信息服务系统分为前端的客户信息浏览、查询和后台的数据库维护两大部分。对数据库设计、程序设计和实现、系统安全进了详细论述。威胜网络有限公司网站就是ASP结合Web实现旅游度假村信息的浏览与信息交流和后台的数据库操作与维护的平台。
【关键词:数据库 浏览 网页美工 链接 HTML ASP 程序设计
一、系统主要功能
1、实现对公司整体介绍----------------------------------------------(3)
2、实现客户留言系统------------------------------------------------(3)
二、系统开发环境
1、开发工具与环境--------------------------------------------------(3)
2、开发语言 -------------------------------------------------------(3)
(1)HTML(Hyper Text Markup Language)超文本标识语言 ----------------(3)
(2)VBScrip脚本语言 -----------------------------------------------(3)
(3)ASP (Active Server Pages,动态网页)--------------------------(3)
(4)ACCESS数据库的建立---------------------------------------------(3)
三、数据库设计
1、创建数据库步骤 -------------------------------------------------(3)
2、数据库列表 -----------------------------------------------------(3)
四、程序设计和实现
1、页面介绍--------------------------------------------------------(4)
②、时间介绍------------------------------------------------------(5)
④、设为首页介绍--------------------------------------------------(7)
⑤、加入收藏介绍--------------------------------------------------(7)
2、留言簿介绍------------------------------------------------------(7)
个人网页设计制作与发布
前言
近年来,随着网络技术的迅猛发展,越来越多的部门、企事业单位都要通过Internet对外宣传自己,同时为那些有信息需求的人提供方便快捷的服务。威胜网络公司网站是各旅游胜地对外宣传中不可缺少的工具,它的内容对于本公司的宣传和公司项目开发决策起着非常重要的作用。
因此,开发一个公司网站是很有必要的。而网站的组成都是由一个个网页有联系的组合在一起从而起到应有的作用的,下面各章节中我以蓬勃发展的Web Server的ASP(Active Server Pages)技术作为Web应用程序为重要开发工具来开发一个威胜网络有限公司网站系统的网页部分为例,谈谈其开发过程和所涉及到的问题及解决方法,本文对涉及到数据库的知识只做简单的介绍,重点将放在网页的设计部分。
一、系统主要功能
此网站的信息服务系统主要功能是提供一些有关企业信息和客户交流等方面的信息浏览服务、企业与客户的交流和客户与产品的交流。系统分为前端的客户信息浏览及交流平台两大部分。
二、系统开发环境
1、开发工具与环境
2、开发语言
(1) HTML(Hyper Text Markup Language)超文本标识语言
(2) VBScript脚本语言
(3) ASP (Active Server Pages,动态网页)
(4) SQL是结构化查询语言(Structured Query Language)
三、数据库设计
1、创建数据库步骤
2、数据库列表
如图所示:以下是数据库book.mdb所创建的数据库表。
四、程序设计和实现
1、页面介绍
首页index.asp采用了框架技术!
页面如下:
语言如下:
<frameset rows="115,*,45" cols="*" framespacing="0" frameborder="no" border="0">
</frameset>
分别有整体框架(index.asp)上框架(topFrame.asp)左框架(leftFrame.asp)下框架(bottom.asp)主框架区域(mainFrame.asp)。
其中上框架包含链接(link.asp)和网站的banner(image/top.swf)
①、链接介绍
链接(link.asp)主要实现网页的活动链接。
点击公司简介,主框架区域(mainFrame.asp)会相应的变为(RegionalIntroduction.htm)其它框架不会动。
点击业务范围,主框架区域(mainFrame.asp)会相应的变为(RegionalBusiness.htm)其它框架不会动。
点击招贤纳士,主框架区域(mainFrame.asp)会相应的变为(RegionalRecruitment.htm)其它框架不会动。
点击客户留言,主框架区域(mainFrame.asp)会相应跳转到(book/)默认为index.asp页面。
点击联系我们,主框架区域(mainFrame.asp)会相应的变为(Regionallink.htm)其它框架不会动。
②、时间介绍
运用代码实现活动时间!代码如下:
<body >
<form >
<script language="JavaScript">
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;}
function startclock () {
stopclock();
showtime();}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日" +((hours >= 12) ? " 下午 " : " 上午 " )
timeValue += ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
document.clock.thetime.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;}
</script>
<input style="font-size:9pt;color:#000000;border:1px solid #FFFFFF; ; " size="28"></form>
③、公司动态介绍
公司动态滚动链接运用了代码
<marquee style="line-height:17px;"direction="up" scrollamount="1" scrolldelay="100" height="100">
④、设为首页介绍
用以下代码实现了,点击后会跳出“是否将本站设为首面”页面<span
⑤、加入收藏介绍
用以下代码实现了,点击后会跳出“是否将本站加入收藏夹”页面<a href=" '加入收藏')">加入收藏</a>
2、留言簿介绍
首面下,点击客户留言,就可以打开一个新的网页(book下默认的是index.asp)如下图:
在这个页面下,您可以发表留言,也可以看别人的留言。分别是上边中间的两个按扭。
还有最下面的三个按扭,作用分别是到页面顶端、反回公司主页、后台管理登陆。前两个不用多做介绍吧。就介绍{zh1}一个登陆按扭,点击后会跳转到book_admin.asp页面,如下图:
可以从这里登陆,对留言的管理。
登陆管理员用户名为admin密码为admin。点击管理登陆按扭出现如下对话框,表示登陆成功!
确定后,跳转到book_admin.asp进入页面,就可发对留言簿进行管理!在这页可以对留言进行删除操作。点击管理先项按扭,到book_admin.asp?action=setup页,可以进行详细设置留言簿。
在以上用到了。调用数据库字符文件,也就是book_conn.asp
Css布局文件,也就是book.css
五、 结束语—心得体会
设计过程中遇到的问题:
XP中配置IIS所要注意的事项
解决办法:
以下是制作过程中体会到的一些东西
网页制作注意事项:
1、网页制作的原则
通常遵循的三个基本原则:内容、速度和美观。
内容是最重要的,一个成功的网页首先在内容上有吸引力。所以首先应该考虑网站的内容,包括网站功能和用户需求。整个设计都应该围绕这些方面来进行。
在确定内容的基础上,尽量提高速度十分必要,以免影响网站的访问量。要提高速度有时必须牺牲页面美观,抛弃太大的图片或者动画。
在以上两点为前提的情况下,再考虑页面的美观性,提高网页的亲和力。这要求设计者有较高的创意,懂得使用众多的工具软件。
2、关于网页导航
主页的一个很重要的功能就是导航,指引用户查阅信息。基于清晰明确和速度的考虑,主页上的超级链接应限于几个大的类别。
此外,超级链接的层数不能太多,不能超过4层。应在广度和深度之间求取平衡。
3、关于网页布局
网页的布局一定要简洁清晰,以最少的元素表达最多的信息。一个页面应该只有一个重点的屏幕元素作为页面的主体,它可以是文字块或图像,具体随内容而定。其他屏幕元素不应比主体元素更醒目,而应该围绕主体,突出主体。
4、关于表格
现在许多门户网站的布局方式往往应用表格,使网页内容整齐合一。不要将网站内容简单的罗列,要注意多用表格把内容的层次性和空间性突出显示出来,以便重点突出,结构分明。
5、关于图形
图形是WWW网站的特色之一,是两大网页元素之一,它带有醒目、吸引人以及传达讯息形象的功能,应用好的图形可以使网页增色不少,但图形应用不当则会带来反效果。
使用图形时应尽量缩小或省略图形,且一定要考虑传输时间的问题。一般超过90秒钟的传输会使浏览者放弃打开页面。因此必须依据HTML文件、图形文件的大小,考虑传输速率、延迟时间、网络交通状况,以及服务端与客户端的软硬件条件,估算网页的传输与显示时间。
在图形使用上,尽量采用浏览器支持的压缩图形格式,目前因特网上大多使用Gif和Jpeg格式的图象。在这两种图像中JPEG的压缩效果较好,适合中大型的图形,以节省传输时间。给图像加上替代文字及低分辨率图像替代也很重要。
6、关于背景
在页面上添加背景图案,虽可增加美观,但却会耗费传输时间,且有时影响视觉,反而给人不好的印象。若没有{jd1}必要,{zh0}避免,保持干净清爽的背景。
7、关于动画
动画很耗费系统资源,使操作较困难,网页中应使用尽量少的动画,Flash动画虽然有许多优点,但需要浏览者的电脑安装插件,多采用Gif动画,其文件格式要小得多。
闪烁的文字也不能应用太多,以免给人眼花缭乱的感觉。
8、关于页面
页面的长度要适中,因为长页面的传输时间明显比短页面的传输时间长。而且长文本的页面阅读不便,单页不易放置过多的文字。且不要把重要的内容放到页尾,访问者注重页面头部,尾部可能来不及看就跳转啦。
整个页面的风格要统一,网页上所有的图像、文字,包括背景色、分隔线、字体、标题、注脚等,要统一风格,贯穿全站,给浏览者一个专业的印象。
9、更新与维护
成功的网页一定是要时时更新,精心维护的,在网页内容上一定要注意即时性,时时保持新鲜感才较容易成功。另外,与访问者产生互动是制作成功网页的重要方法,网站推广也很重要。
六、参考文献
1、《网页配色密码》顾群业
2、《经典商业网站大制作》沈炜 王槐三
已投稿到: |
|
---|