毕业设计样本(上).doc
保定风光网站设计与制作小二黑体一、 设计思想 一级标题小四宋体加粗（一） 网站的设计思路随着经济的飞速发展，人们生活节奏的日益加快，许多人开始利用计算机网络获取和发送信息，以求得效率的提高，办事的方便性和可行性。于是就出现了网站的建设，设计和规划。许多企业和个人拥有自己的网站，主页，并把他们发布到Internet上去展示和宣传自己。（正文：小四宋体）本网站主要以介绍保定市及周边地区的景点为主，并附有一些各地所处的地理位置，面积，人口，交通情况，气候，历史文化等。当您浏览保定风光网站时，会有一种清新爽朗的感觉，因为我们的页面简洁大方，明快整齐。各种景观尽收眼底，我们网站以概括性的知识介绍为核心，伴有一些景点图片展示，让您看后对保定有一个很深的认识。本网站使用的色调比较简单，是自己利用所学的Photoshop 7.0做的图片，主要突出的是自然的美，给人回归自然的感觉。典雅，朴素，干净是本网站的风格。每个页面的版面设计风格相近，主题鲜明。本网站由五部分组成：保定简介，保定市区内景点介绍， 保定地区景点介绍，各地特产，出游小常识。页面美观大方，操作快捷，运用自如。（二） 网站的技术要求 利用所学课程网页制作Dreamweaver MX,动画制作Flash MX,图象处理Photoshop 7.0做一主题鲜明典雅,朴素,干净的网站。通过点击您就能轻松的了解，保定的各地旅游景点。二、 网站的设计工具（一） web的介绍Web 具备以下特征：完好的封装性，Web服务既然是一种部署在Web上的对象，自然具备对象的良好封装性，对于使用者而言，他能且仅能看到该对象提供的功能列表。使用协约的规范性，这一特征从对象而来，但相比一般对象其界面规范更加规范化和易于机器理解。首先，作为Web服务，对象界面所提供的功能应当使用标准的描述语言来描述(比如WSDL)；其次，由标准描述语言描述的服务界面应当是能够被发现的，因此这一描述文档需要被存储在私有的或公共的注册库里面。同时，使用标准描述语言描述的使用协约将不仅仅是服务界面，它将被延伸到Web服务的聚合、跨Web服务的事务、工作流等，而这些又都需要服务质量(QoS)的保障。其次，我们知道安全机制对于松散耦合的对象环境的重要性，因此我们需要对诸如授权认证、数据完整性(比如签名机制)、消息源认证以及事务的不可否认性等运用规范的方法来描述、传输和交换。最后，在所有层次的处理都应当是可管理的，因此需要对管理协约运用同样的机制。使用标准协议规范，作为Web服务，其所有公共的协约完全需要使用开放的标准协议进行描述、传输和交换。这些标准协议具有完全免费的规范，以便由任意方进行实现。一般而言，绝大多数规范将最终有W3C或OASIS作为最终版本的发布方和维护方。高度可集成能力。由于Web服务采取简单的、易理解的标准Web协议作为组件界面描述和协同描述规范，完全屏蔽了不同软件平台的差异，无论是CORBA、DCOM还是EJB都可以通过这一种标准的协议进行互操作，实现了在当前环境下最高的可集成性。（二）Dreamweaver MX的应用Dreamweaver比FrontPage强吗？ Dreamweaver比FrontPage都是比较知名的网页设计软件，可称得上是网页设计中的佼佼者。但到底谁更好些呢？FrontPage占领的是中级市场，其地位犹如字处理软件中的Word，比较重视网页的开发效率、易学易用的引导过程；而Dreamweaver主攻的是网页高级设计市场，其地位犹如出版领域的PageMaker，所强调的是更强大的网页控制、设计能力及创意的完全发挥。 Dreamweaver在功能的完善，使用的便捷上比FrontPage要强的多。它囊括了FrontPage的所有基本操作，并开发了许多独具特色的设计新概念，诸如行为（Behaviors）、时间线（Timeline）、资源库（Library）等，还支持层叠式样表（CSS）和动态网页效果（DHTML）。 而动态HTML是Dreamweaver最令人欣赏的功能，是它的最大的特色Dreamweaver与FrontPage比较，有几下几点优势： 1. 产生的垃圾代码少，网页可读性好，可以提高网页浏览速度； 2. 通过图层功能，可以快速制作出复杂的页面，图片定位更容易； 3. 可基本解决IE与Netscape的兼容性； 4. 设计思路广，内涵丰富，创作随意性强，可充分展现你的创意。5.如何在浏览器地址栏前添加自定义的小图标 你是不是记得有时在浏览网易网站的首页时，在地址WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下，这个图标是一个IE浏览器的指定图片。 其实这也不是什么高深技术，只不过在网站目录下添加了一个特定文件而已。 这时，我们需要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“<head></head>”之间添加如下代码： <Link Rel="SHORTCUT ICON" href="http:/图片的地址（注意与刚才的目录对应）"> 其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，即可自动识别！ （三）Flash MX的应用 Flash MX特点 Flash MX使用了矢量图形和流式播放技术。与位图不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缩短了网页浏览者的等待时间。 通过使用关键帧和符号使得所生成的动画(.swf)文件非常小，几KB的动画文件就可以实现令人陶醉的动画效果，用在网页设计上不仅可以使网页更加生动，而且Flash文件小巧玲珑便于下载，在打开网页很短的时间里就可以播放Flash动画。 Flash能把音乐、动画、声效、交互方式融合在一起，很多用户已经把Flash作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画效果。 强大的动画编辑功能使得设计者可以随心所欲地设计出高质量的动画，通过Actions和 Common Libraries可以实现交互性，使Flash具有更大的设计自由度。另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。（四）Photoshop 7.0的应用 Photoshop是Adobe公司推出的世界著名的图形图像处理软件， 它以其功能强大和简单易用著称，并早已成为图像处理解决方案的标准是目前公认的最好的平面美术设计软件，它的功能完善，性能稳定，使用方便，所以受到所有的相关设计人员特别的青睐。学习Photoshop CS是其最新版本。与以往的版本相比，Photoshop CS不仅操作界面有所不同，更重要的是在各个功能模块中增加了许多新的强大功能，不仅使用出来更加得心应手，而且将图形图像的设计与处理推向了一个更高的艺术水三、 总体分析（一）设计过程 选题，查阅与搜集相关资料保定风光 通过各地景点来体现特产 通过介绍来体现出游常识 画程序流程图，进行设计认真调试，使设计结果可以正常运行（二） 运行环境1.硬件环境（1）机型：IBM兼容机 （2）CPU：Inter Pentium以上处理器（3）内存：64MB以上，建议用128MB的内存或更多（4）硬盘：125M以上的空间磁盘空间（5）显卡、显示器：支持256色或更高的显卡，800×600像素或更高分辨率的显示器 2.软件环境 （1）系统是在中文版的Windows2000中，也可以在Windows98、WindowsN7、WindowsXP环境中运行。 （2）网页的制作用Dreamweaver MX、Fireworks MX、Flash MX、Photoshop、Asp完成。四、 各模块功能介绍我做的“保定风光”网站是一个以介绍保定旅游风景，名胜古迹为主的网站,我通过借鉴各大网站的设计思想,排版技巧,美术设计,整体规划等,并通过加工,剪辑,创新等一套行之有效的方案,以完成本网站的制作。（一） 网站首页本网站我是利用的左侧和嵌套的顶部框架做的，杠架里套有表格，页面主要分为三大部分，上面是我自己利用学过的flash做的一个动画，动画下面是一行滚动文字，使整个页面明快流畅，动静结合，恬静而又雅致；左边是菜单栏，以供浏览者选择自己想要知道，了解的内容来查找；右下侧是主显示屏，以显示浏览者想要知道，了解的内容。网站每个页面的背景都是我一样的，是我自己利用学过的Photoshop的知识，自己做的一个淡蓝色背景。以体现一种自然的和谐的美。网站首页右下部分是介绍了保定市的地理位置，历史背景，相邻地区，气候情况，人口，地理形式等，以说明保定的历史悠久，从徐水县南庄头发掘的新石器时代早期遗址证明，远在万前我们的祖先已在这里繁衍生息。保定众清代以来至公无1968年前，近3000年为直隶和河北省的政治、军事、文化中心。保定由辖打捞市区、北市区、南市区3区，涿州、高碑店、定州、安国4个市，清苑、满城、徐水、安新、高阳、唐县、涞源、易县、涞水、定兴、容城、雄县、顺平、阜平、望都、博野、蠡县、曲阳18个县组成的。（二）保定市区内景点介绍本页面主要以显示保定市区内的景点，主要介绍了保定市区中心的古莲花池，它历史悠远，他是在唐上元年间临亭的基础上修建的，莲池内亭榭楼台，布局严谨，登高环顾水中芙蓉拥翠，荷花亭亭玉立，柳丝娜娜，小桥流水，湖光山色，是冀中平原上一颗古代园林明珠。园内有书院，还有好多的碑刻。市区内的景点还有直隶总督署，它是一处保存完好的古代衙署建筑群，这种标准的古代衙署建筑群，北京及其它省，均已无存。（三）保定地区景点介绍本部分主要以介绍保定地区各个县市的景点为主，分别从吃、住、行、玩来分别说的。阜平：天桥瀑布群位于保定区内的阜平县西部，距保定市83公里，总面积50平方公里，植被覆盖率95以上，是国家级地质公园，国家级森林公园。安新：安新县历史悠久，早在新石器时代就有人类聚居繁衍。自古即为群雄逐鹿、兵家必争之地。战国时为“燕南陲，赵北际”，是燕赵分界线，赵北口这个地名便来源于此。白洋淀盛产鱼、虾、蟹、蚌，品种繁多。不再列举，游客到来，随意享受。保您吃了之后还想吃，用赵忠祥的话说“记忆犹鲜”。曲阳：清末，曲阳石雕艺人雕刻的仙鹤、干枝梅等作品，曾在巴拿马国际艺术博览会上荣获第二名。北京的人民大会堂、人民英雄纪念碑、毛主席纪念堂、国际游乐场和天津的引滦入津纪念碑都倾注着曲阳石雕艺人的汗水和心血，并涌现出了卢进桥、甄彦苍等一批现代雕刻艺术大师集前人之成，推陈出新，更有胜世佳作，其作品曾多次荣获国际大奖，多件作品被国家定为珍品收藏。故有“天下咸称曲阳石雕”之说。清苑：清苑县的冉庄地道战遗址闻名遐迩，是全国重点文物保护单位、全国青少年教育基地和全国首批爱国主义教育示范基地。如今，这里成了一处进行爱国主义教育和国防教育、了解中国人民不甘屈辱的斗争史，独具特色的红色旅游胜地。地道战纪念馆开的“高家庄”抗战食堂，能让您吃上农家饭、住上农家院。满城：满城自1959年以来，先后发掘了中山简王刘焉墓、中山穆王刘畅墓、中山怀王刘修墓、三盘山120122号墓、陵北137号墓等。汉中山王墓为研究汉代诸侯王墓葬制度以及中山国的历史文化提供了重要实物资料。烙饼卷腊肉、摊黄子、搅苦累、柴鸡蛋、特色山野菜等等，都会令您大饱口福。涞源：涞源境内有国道108线、112线、207线和省道保涞线等干线公路，并有京原铁路横贯全境，交通极为便利。涞源以白石山国家地质公园为主要旅游区，由太行第一屏、十瀑峡、拒马源三部分组成。（四） 各地特产 本页面主要是以介绍保定地区内各个县市的特产，特色小吃等，让您不光了解欣赏保定的景色，还让您了解保定的特色。（五）邮戳 河北保定市邮政局日前选取保定市境内的19个名胜景点，分别刻制了风景邮戳，同时配以实景照片，印成保定风光戳折。邮戳戳体为钢质，可更换日期字钉，图案内容分别为直隶总督署、中山靖王墓、赴法勤工俭学纪念馆、狼牙山五勇士纪念塔、龙潭峡谷、保定军校旧址、清西陵、药王庙、野三坡风景区、影视城、白洋淀、冉庄地道战遗址、城南庄毛主席旧居、石柱、白石山、北岳庙、开元寺塔、方顺桥、古莲花池。五、 流程图顺平易县阜平定州涞水涞源满城曲阳清苑雄县涿州安新保定风光网站首页市区各县特产邮戳介绍保定市的基本情况，让人有一个大概的了解。分别介绍了保定各个地区的特产，名吃。分别介绍了保定各个地区的自然风光，吃，住，行。主要介绍保定市区内的几处景点，名胜古迹。主要是让大家知道保定的景点也上邮戳了。 在此插入图片六、 网站截图首页在此插入图片在此插入图片各地景点七、 在设计过程中遇到的困难在编辑网页时经常要输入空格，但是总是不让输入！这个问题经过询问才知道。其实在Dreamweaver中是不能直接输入空格的，你可以单击“Insert(插入)”“Non-Breaking Space(插入空格)”(快捷键：Ctrl+Shift+空格键)来实现输入空格的目的，但是要注意在编辑状态下是看不到效果的，只有在浏览器上才能看到！另外一种非常简单的方法是：将你的输入法设置为全角状态(如图2)。如果你想在编辑状态下看到的话，告诉你个最原始的办法：在一些文字编辑软件中(比如记事本)复制空格，然后在Dreamweaver中进行粘贴。结 论 网站的开发和制做是一项复杂的工程，针对其开发难对大，更新强度大，本能过对各大相关的这一类的网站进行了详细系统地分析，找出其基本的共同点，提出了系统原形并在主流网络操作系统NT平台上，以Dreamweaver MX、Fireworks MX、Flash MX、Photoshop 7.0为基础，采用Dreamweaver MX为主的开发工具设计、实现。因此，具有一定的通用性和可扩充性，为浏览者以原型法为基础进行快速浏览提供了有效的方法。本系统在客户端有1台PC机网络系统上设计实现。本论文设计的系统。 全球性的网络化、信息化进程正改变着人们的生活方式，Internet技术应用以及电子商务的飞速增长给人们生活工作的各个层面带来了深刻的影响。计算机可以不厌其烦的为你解释,大大提高了我们的学习效率.例如;在选去哪旅游选择中,只要你不选择退出,那么你将可反复学习你不理解的内容直到学会为止.这无疑是电脑众多优点之一 综上所述,我了解了计算机技术应用所具有的重要性与必要性.因此,它将需要我们这一代人对其做出深刻的探讨与发展,为人类的进步做出我们力所能及的贡献。参考文献：1.网页制作技术. 主编：于来虎、高勇.出版社：河北人民出版社2.Photoshop中文版使用教程.主编：张光、窦聚山、刘江 出版社：电子科技大学出版社3. xxxx.xxxxx.xxxxx.xxxx.xxxxx.xxxxx.4. xxxx.xxxxx.xxxxx.xxxx.xxxxx.xxxxx.5. xxxx.xxxxx.xxxxx.xxxx.xxxxx.xxxxx.
