摘要:
在当今www风行的社会里,上网成为越来越多人们的选择.随着互连网的飞速发展,有关网络的技术也层出不穷.信息技术的发展,上网冲浪已逐渐成为人们生活中的一部分.于是每一个网络用户都希望在网上有一个自己独有的空间,也就是说拥有一个属于自己的Web站点,来展示自己的才华和个性.这样如何在短时间内使自己可以亲手制作出一个表现自己个性和特色的网站,是每个网站作者要首先必需考虑的事情了.进入2000年,中国旅游业作为国民经济新的增长点,正在进入全面加返期,发展势力非常强劲.有关旅游的网站也丰富多彩.FrontPage 2000是Micrsoft推出的最流行的软件之一,也是目前最优秀的网页制作与开发工具之一.此外,微软公司首次把FrontPage 2000捆绑在Office 2000上,这既是Office 2000面向网络与Internet应用的一次重大突破,也是FrontPage系列产品的一次质的飞跃.
FrontPage 2000保留了大部分FrontPage 98以及其他原有版本的优点,而且又增加了几十中新功能,囊括了Internet与Web的最新技术成果,框架技术,动态HTML,新增的交互式网页技术,ActiveX和Java插件,动态数据库链接技术等.Microsoft FrontPage 2000的出现使得Web的创建和发布变得十分简单和实用.即使是没有HTML语言知识的用户,都可使用FrontPage 2000来轻松创建和管理自己的Web站点,并且这个站点能够实现当今最时髦和最高级的各种特性效果.
本文主要介绍了frontpage,flash5.0,Asp技术相关的基础知识,并探讨建立网页的设计思想,方法及设计过程.
序言
Internet发展到今天,可谓是风靡世界,成为一大热门,究竟是什么使Internet有那么大的魅力呢 在这个日新月异的社会中,商业,企业和个人不断地在探索共享信息的更好,更快,更方便的方式,Internet正好具备这样的特点,它能够提供丰富的信息资源,而Web站点是与办公室或世界上其他人共享信息的一种途径,它是计算机网络上的位置,使信息以网页或文档的形式提供给使用浏览器软件访问战点的访问者.
由于Web技术的飞速发展,人们对网页的要求再也不是局限于简单的,静止的Web页,而是一种根据用户要求控制Web页信息的"活动"页面.所谓Web是交互式的,主要表现在用户能Web站点发送信息或命令,从而对Web服务器上运行的应用程序进行控制,服务器则根据相应的命令对使用者的操作做出响应,在这种需求的推动下,微软公司推出了"活动服务器页"(Asp,active server page).
一,概述
frontpage: frontpage是Oofice2000家族中的一员,界面保持了word,excel等软件的一贯风格,非常友好.我们几乎可以象使用word一样来制作出一个网页.而且frontpage2000与操作系统的集成性非常好,所以站点管理等方面具有其它网页编辑软件所无法比拟的优势.
Flash5.0:flash5.0是macromedia公司最新推出的三答网页制作利器之一,flash动画在最近两年的时间里已成为一门热门的技术.由于flash5采用矢量图格式来制作动画,以其强大的功能和友好的操作界面,赢得了广大网页制作者的青睐.用flash制作出来的动画不仅具有高品质输出画面,而且占有空间小,交互性强,兼容性强等优点,使得用flash制作的网页的可读性达到百分之百.
Asp技术:Asp(Active server page),中文理解即是活动的服务器页面.它与普通的html页面的区别在于某人请求一个普通的html网页时,web服务器并不注意文件的内容.Web服务器担当的角色只是取出文件,而并不处理文件.所有对文件内容的解释工作均由用户的web浏览器来完成.但是当某人请求一格Asp网页的时候,web浏览器担当的是一个较活跃的角度.在文件被发送到用户的web浏览器之前,它首先要由web服务器进行处理.Web服务器先对Asp网页中的所有脚本解释和执行,再将它发送到用户的web服务器.
Asp运行环境:
Pws:Pws(personal web server ).
二,网页设计基本常识
版面布局:基本要求需能清楚及条理地呈现主题,并且让上网者能很流畅地浏览网页内容,很容易找到关心的资料.
美工设计:文字是较无法吸引人来上网观看我们所架设的网站,良好的美工设计可增加网页整体的美感,并不吸引上网站浏览的兴趣,在网页设计上,美工设计占有极为重要的地位.
程式设计: 一个好的网站,不止是单调的资料呈现,亦应提供各样的使用工具,并能与资料库相连接,此时程式设计是一门必学的科目.
资料库设计:资料库的规划,能让我们做到良好的资料管理,亦方便提供上网者资料查询,一个完整的网站,资料库的建置是不可或缺的.
内容更新: 一个有活力的网站,除含有常态性的资料外,亦应提供即时性的更新资讯,以吸引大众再次前往观看.同时,建站者本身架设网站的目的之一,就是要向社会大众传达单位的讯息.如无法做即时内容更新,网站架设的目的即丧失一大半了.
三,网站设计说明书
网站的主页面简图
扬州旅游网
商标
BBS
聊天室
娱乐
搜索
邮件
会员注册
会员服务
收藏夹
标题广告
日期
天气
空气质量
首页
English
新闻频道
预订中心
特惠专栏
多媒体频道
客户服务
会员社区
城市概况
扬州标志建筑或
景点图
每日扬州
>>更多
会员名
密码
注册 申请会员
历史文化
旅游景点
宾馆饭店
扬州旅游新闻
1,
2,
>>更多
城市文化活动或旅游活动
宣传图文
特惠信息栏
消费向导
酒店特惠房
>>更多
酒店名 房型
原价 网上价
交通指引
国内旅游动态
1,
2,
>>更多
景点介绍
xxxxxx 图片或动画
xxxxxx 图片或动画
xxxxxx 图片或动画
xxxxxx 图片或动画
xxxxxx 图片或动画
特惠旅行线路
>>更多
旅行社 线路
原价 网上价
旅游服务
特惠旅游商品
>>更多
购物场所 商品
原价 网上价
旅游路线
国际旅游时尚
1
2,
>>更多
特色历史文化
>>更多
旅行常识
客户网页链接
酒店 >>更多
旅行社 >>更多
购物场所 >>更多
电子地图
扬州精品旅游线路
1,
2,
>>更多
本地连接
龙行天涯
Copyright 扬州旅游网 2002年
管理员 Email xxx@xxx.com
网站中各个子网页的功能
城市概况
介绍扬州市的基本情况,历史沿革,地理位置,社会构成及行政区划和扬州的市花,市树,工艺精品等的一个页面.页面上留有链接以便详细介绍市花,市树,工艺精及何处观赏,何处采购等.
风景名胜
列出风景名胜如:瘦西湖景区,大明寺,何园等主要景点的图形链接和大致介绍,及如何到达相应地点一个交通线路.页面上留有交通路线,扬州旅游图的链接.
宾馆酒店
列出扬州的宾馆酒店的名称,地址,联系电话,星级及推荐宾馆等,留有链接具体介绍各个宾馆酒店的详细资料如客房情况,价目或是特色菜情况.每一个宾馆有一个链接让客户进行预定.
旅游服务
列出服务台,旅游机构及旅行社,公共设施,旅游安全与保险等链接的一个页面,页面上的链接可以生成新的页面,详细介绍各分向的内容.
旅行线路
列出扬州的热点线路,精品线路,特色旅游线路,旅行社链接和扬州地图及假日好去处和交通路线.其中特色文化游所保护的烹饪交
详细的描述说明.
历史文化
列出名人故事,扬州诗词,旅游天书,乡风民俗,地方戏曲,民间工艺,节庆活动,文化画册,人文景观等信息的 一个页面.其中民间工艺网页又包含雕版印刷,漆具,玉器等.
交通指引
列出扬州航空,铁路,航运,长途客车,市内交通.另外还包括客运部门的介绍,问讯电话,预订电话,在该页面上可适当包含指向相关客运部门或其时刻表的链接,或直接包含时刻表及相应站牌,价格等.
预订中心
该页面列出了票务预订,旅游团预订,客房预定.分别链接指向客运处,旅行社,宾馆酒店或服务台.
客户服务
列出了商务代理,广告代理,旅游求助和服务台等.
▲电子地图
列出了一副交通旅游图,扬州的交通路线和去风景名胜区的方法等的一个页面.交通图包含市内交通图,郊县交通图等.
▲多媒体中心
该页面实际上是一个"多媒体频道",利用它可以展示扬州的改革开放的成就和扬州的风貌或播发相应旅游景点的动画或做一些广告宣传或显示重要名人,领导人的活动等.
▲特惠信息广告
较喜欢"忆江南旅游网"."忆江南旅游网"是一家提供区域性旅游资讯的专业网站,着重介绍江南五省一市(上海,江南,浙江,安徽,江西,湖南)的旅游资源特色.包括吃,住,行,游,购,娱.从行程设计到费用预标,服务参考及时间安排,风情万种全面介绍,是一部完全个性化的旅游资讯服务指南.它是由加拿大风险投资公司,国内网络公司旅行社提供起始种子资金.上海,浙江,江南网络和旅游业人士联盟开发.
态.网.站.设.计
摘要:
在当今www风行的社会里,上网成为越来越多人们的选择.随着互连网的飞速发展,有关网络的技术也层出不穷.信息技术的发展,上网冲浪已逐渐成为人们生活中的一部分.于是每一个网络用户都希望在网上有一个自己独有的空间,也就是说拥有一个属于自己的Web站点,来展示自己的才华和个性.这样如何在短时间内使自己可以亲手制作出一个表现自己个性和特色的网站,是每个网站作者要首先必需考虑的事情了.进入2000年,中国旅游业作为国民经济新的增长点,正在进入全面
黑色
明度最低,象征严肃悲哀或文雅庄重,与高明度和高彩度颜色配合时能
夸张对方
白色
明度最高,象征明亮干净纯真高雅或恐怖神圣,在较暗网页中使用可使
白色内容突出
绿色
中间色,象征生命之色,青春宁静,能给人以恬静新鲜的感觉
紫色
冷色,有神秘感,象征高贵威严,由于它能给人以污秽和忧郁感,所以
要务必小心使用
红色
彩度最高,醒目,象征热情喜庆活泼或给人一中焦躁危险的感觉
蓝色
色中最冷色,象征智慧安静或寒冷冷淡
黄色
彩色中明度最高,令人轻快,象征活泼或叛逆,因为它能使人兴奋,网页
中可多多利用
橙色
动感强,象征热烈光明活泼 ,可以好好利用,但要注意不能大面积使用
,否则让日呢有闷满感
玫瑰色
欢快富丽,非常适用于交互式的网页中,它能让人的心理活动趋向活跃
激发情趣高涨
灰色
明度中等,象征安静柔和,如果你的网页想给人一种质朴的感觉,那么
请利用它吧
知道了色彩的特征以后,对于一个网页来说究竟调配什么颜色,要考虑的因素很多,从适应网民心理的角度来说:色彩在一个网页中只能有一个基调,这好比乐曲中的主旋律起主导作用,其它色彩只是起衬托,点缀,补充作用,而不能喧宾夺主,弄得人眼花缭乱.这个基调决定这个网站是严肃的,还是活泼的等,基调的选择应该针对有可能浏览本页网民的心理与生理特点,以及网站所要表达的一种气氛,从而去设计组合你的网页颜色.制作"扬州旅游网"这个网站,我觉得它应该给人一种很清晰,舒服,有生命之活力的感觉,体现扬州是个风景秀丽,人杰地灵的好地方,展现扬州的风采所以我把它设计成以绿色为基调,以白色为背景.
五,网站制作过程
∮首页制作步骤:
1,启动Frontpage,先单击"开始"按钮,将光标移动到"程序", 单 击"Microsoft Frontpage".
2,执行"文件/新建/站点"命令,出现该对话框,选择"只有一个网页的站点",并输入新的站点位置,点击"确定"按钮.
3,在文件夹列表中自动生成两个文件夹"_private","images",和一个默认网页"index.htm".文件夹列表它可方便地查看,修改网页,插入图片,动画.
4,单击工具栏上的"插入表格"按钮,用鼠标拉出"3*8"的表格,选中第一行中的后7列,右击,选择"合并单元格",把单元格合并起来.然后再将该单元格拆分成二行,在所拆分的第一行中插入"1*8"的表格,单元格中各自输入所需文字;在所拆分的第二行中,继续将该单元格拆分成两列,第一列中插入"横副广告动画,它是用flash5.0做成的.
5,在表格的第三行中,选择整行,右击选择"合并单元格",且可设置表格属性.
6,将该表格选中,右击,选择"拆分单元格",将表格拆分成两列,在第一列中插入"15*1"的表格,在每行中输入相关内容.
7,在第二列中,插入一个"3*2"的表格,将表格中的第三行合并;将表格中的第一行的第一个单元格拆分成两列,输入相关内容;在表格中的第二行的第一个单元格中插入一个"4*2"的表格,将该表格中的第二列全部选中,合并,再拆分成三行,各单元格中输入相关内容,也可设置"表格属性","单元格属性".
∮动画(标题广告)制作步骤:
启动Flash5.0,先单击"开始"按钮,依次移动光标到"程序","macromedia Flash5.0",再单击"Flash5"快捷图标.
启动Flash之后,系统默认新建一个名为"movie1"的新文件 .
执行"modify/movie"命令,打开"movie"对话框,从中输入影片尺寸大小,单击"确定"按钮.
执行"file/import"命令,出现"import"对话框,从中选择可导入的图片.以该图片为背景.
执行"insert/new symbol"命令,打开"symbol properties"对话框,从中输入组件名称,并选择"graphic"单选项.再单击工具箱中文本工具,输入相关文字.
单击scene1标签,返回到场景中,然后单击insert layer 按钮,插入一个新层layer2.执行"window/library"命令,打开"library"窗口.
将制作好的文字拖放到图层中.
执行"window/panels/effect"命令,打开"effect"面板,在"effect"标签中,选择下拉列表中的"alpha",将它置为0.
再在第15帧时,按f6,插入一个关键帧,将"alpha"置为100%,并右击第一帧设置动画效果.
依次类推,做好一个flash 动画.
执行"file/export movie",导出动画,以".swf"为扩展名,再将它插入到frongpage中.
·插入flash动画的方法:
可利用dreamever中的"insert flash"来插入.
利用frontpage中"插入/高级/插件"进行插入.
·本地页面的超链接:
网页中的超链接有很多种,但一般可以分为:一种是绝对的超链 接,一种是相对的超链接.绝对的超链接指向绝对的地址,而相对的超链接是指向相对的路径.由于在本地的网页文件都是有规律的储存的,因此使用相对超链接指向本地的网页会使html语言更加简便,这也是产生本地页面超链接的一种常用的超链接方法.
步骤:
选择要使用超链接的文字或者图形
单击"插入"菜单,从下拉菜单中选择"超链接"选项,单击该选项
在"创建超链接"窗口中选择你所想要的本地页面.
单击"确定"按钮.
·图片处理步骤:
单击"程序/附件/画图",打开该对话框,可在里面画你所要的图.
利用"adobe photoshop"软件将图片的扩展名".bmp"转换为"..gif".
将图片插入到frontpage中.
·用Asp做注册,登录,动态新闻
启动Access,首先建立一个空的数据库,再在库中插入一个表,并在这个表中输入用户名,密码等内容.
利用Visual Interdev6.0进行编程.
六,设计心得:
◎制作一个网站需要长时间的酝酿,制作一个出色的网站还需要观 察人,事,物,或许还不够.
◎制作一个网站需要有自己的站标和图片,还要有连接和介绍功能,尽可能地使不同功能模块体现出不同的风格和特色,且在选择颜色也要慎重.
◎Asp技术掌握的不是很透彻,不太会使用.
七,设计要点:
∷修改文字的属性时必须把需要修改的文字用鼠标左键括起来
∷网站内所有文件都必须保存在文件夹内
∷已经插入到网页中的图片不能再修改它的文件名
∷插入到网页中的图片格式必须是"jpg"或"gif"格式的
∷必须把网页中使用到的图片保存在网站文件夹的"images"文件夹中,要是你插入的图片不是保存在网站文件夹里的话,那网页浏览的时候就看不到网页中所插入的图片了.
∷网页中所有的文件,包括网页,图片等等都必须保存在这个网站的文件夹中,还必须用英文名字.
∷学会善于运用表格,使整个网页页面看起来更整洁
∷多使用"左对齐","居中","右对齐"按钮配合表格的使用
∷保存网页时记住不能使用中文保存
∷网站文件夹里面"_private","_vti_cnf"之类的文件夹不要删除
∷有的图片,内容是通过"扬州热线"这个网址来获取
答谢
感谢指导教师严双林提供我们所需要的资料,设计期间指导我们.感谢同学的帮忙.
参考文献
《新概念 FrontPage 2000教程》 北京科海培中技术有限责任公司 曲志伟
《FrontPage 2002从入门到精通》 电子工业出版社 马树奇
《新概念Flash 5.0教程》 北京科海培中技术有限责任公司 陈江枫
《ASP 编程高手》 北京大学出版社 博彦科技 |
论文定制
发表论文
合作流程
付款方式
信用说明
刊物介绍
50403530