《网页设计与应用--毕业名师资料合集(完整版)资料.doc》由会员分享，可在线阅读，更多相关《网页设计与应用--毕业名师资料合集(完整版)资料.doc（51页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页设计与应用 毕业名师资料合集（完整版）资料(可以直接使用，可编辑 优秀版资料，欢迎下载）网站的设计与应用摘 要汽车网站是一个结合了汽车销售等多功能浏览的汽车网站，我所使用的软件是Macromedia 公司推出的一款用于网页设计的软件dreamweaver8。在网页的制作与链接中，我学到了很多，然后补充一些比较热门的技巧。网站具有快捷。无距离更新的特性，同时提供进入日常业务处理平台的“入口”，具有较强的实用价值。这样的网站被广大消费者普遍使用，随着现在网络的普及和高效性的不断提高，它的展示作用和实用性已经使它的应用地位越来越高，越来越广泛。本文对网站设计作了介绍，进行了需求分析、模块划分、框
2、架和CSS的介绍。由于制作经验不足，作品和论文中存在问题之处，请老师指导完善。 关键词： 超链接，外观，性能，框架，CSS目 录第一章 前言1.1课题来源1.2网站开发项目需求分析1.3软件1.4 软件运行环境第二章 网站制作2.1做网页的步骤2.2做网页的要素2.3系统各模块功能实现第三章 网站的设计3.1主页的要求3.2子页的要求3.3网页设计技巧第四章 网站的应用 结束语参考文献第一章 前言1、1 课题来源随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，
3、因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。以往，人们出行都以自行车居多，后来公交事业发展壮大，人们便乘坐公交汽车，现如今，随着人们生活水平的提高，越来越多的家庭已经拥有或者想拥有自己的私家车。正是因为人们的这些需求，越来越多的汽车网站出现在网络上，使人们可以随时了解自己想知道的汽车方面的新闻，真正的做到足不出户，便知天下事。把汽车销售与网络连接起来，是今后汽车销售发展的必然方向之一。12 网站开发项目需求分析一个网站项目的确立是建立在
4、各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。据专家预计，2021年我国汽车需求量将超过850万辆。所以，做好汽车网站就是为了使广大的消费者提供及时和有效的信息，为其选择适合自己的产品提供良好
5、的参考。13 使用软件dreamwraver软件由美国著名的网站应用开发工具生产厂商Adobe Macromedia于2005年6月推出并正式投入市场以来，已经发展得相当成熟。关于dreamwraver的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习，对dreamwraver有了比较深刻的认识，并比较轻松的掌握了dreamwraver的操作。因此，软件技术可以完成任务的要求。14 软件运行环境Dreamweaver是一款简体中文软件，可以在Win2003/WinXP中安全运行第二章 网站制作21 制作网页的步骤在做网页之前，我确定了做网页的五个步骤。一、确定网站主题 ：
6、网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。二、搜集材料 ：明确了网站的主题以后，你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。三、规划网站 ：一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制
7、作出来的网页才能有个性、有特色，具有吸引力。四、选择合适的制作工具 ：尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。五、制作网页 ：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。此外，整体设计完成后我们还要将网页上传
8、测试，使其和其他版本浏览器能够兼容，再者对网站推广宣传，及时的维护更新。2.2 制作网页的要素2.2.1 网页的整体布局设计 网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时，更要注意为了达到最佳的视觉表现效果，而讲究整体布局的合理性，比如一家生产型的企
9、业，它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验，从而方便他对产品的了解，促成最后的购买。网页设计中色彩的运用 色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理，使得在线营销得到很好的实践效
10、果。另要注意的是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二种主色调，在已经有了完备的CIS（企业形象识别系统）的企业进行网页设计时，更应该按照其中的VI进行色彩运用。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色。在设计中要考虑众多因素。网页形式与内容相统一要将丰富的意义和多样的形式组织成统一的页面结构，形
11、式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。23 系统各模块功能实现系统登录模块1、该功能模块可以记录客户的邮箱地址，交易时还可以向客户发送交
12、易信息，到帐确认等等。2、登陆后系统会调出客户的记录，按照交易量的不同客户享受的折扣也不同， 系统主界面 车辆展示模块 1、该功能模块主要实现对车辆的展示。2、该功能模块图片、文字介绍，360度flash对各种车辆的展示。 账号管理模块1、挂失业务在正常工作中肯定会遇到挂失的业务，确定挂失后，数据库会将该账号挂起，等待客户做进一步操作。2、冻结业务，客户对账号有冻结的权利，在客户没有输入解冻密码之前，任何人都无法动用帐上的资金。3、流水查询客户可以查询曾经交易过的记录。4、客户可以自行对其账号密码进行修改，网站管理人员也可以添加或删除账号。第三章 网站的设计3.1主页的要求对于销售业务系统要求
13、运行的工作环境稳定，易于操作，界面美观大方，对于前台展示界面要求系统便于维护，安全可靠，对于广大客户所要执行的操作简单易懂，远程访问速度较快，界面友好美观，有基本的错误提醒功能，远程操作数据库正确，要求和客户有一定的互动性，在主页上直观的就可以查看浏览者所想要了解的东西。3.2 子页的要求 后面的工作就是子页的选择与链接，子页应该丰富多彩，内容充实，浏览性强，比如说，想要销售一辆汽车，应该有它的全部资料，包括外观、内饰、性能指标、出产地、价格等诸多方面，鉴于以上方面，我开始了子页的选择与链接。3.3 网页设计技巧 一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里从框架和CSS样式
14、的运用两方面来介绍网页设计的技巧。 3.3.1 框架的使用 FRAME（框架）是Web上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。 使用框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的图形；每个框架都具有自己的滚动条(如果内容太大，在窗口中显示不下)，因此访问者可以独立滚动这些框架。例如，当框架中的内容页面较长时，如果导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。 使用框架具有以下缺点：可能难以实现不同框架中各元素的精确图形对齐；对导航进行测试可能很耗时间。
15、 许多专业 Web 设计人员不喜欢使用框架，并且许多浏览 Web 的人也不喜欢框架。在大多数情况下，这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如，每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如，在允许其他框架的内容发生更改的同时，使一个框架中的导航控件保持静态)，则这些框架对于某些站点可能非常有用。 CSS样式的使用 CSS(层叠样式表)是一种制作网页的新技术,它的全称是级联样式表,即Cascading StyleSheets的缩写，又称之为风格样式表单。CSS是在网页制作过程中普遍用到的技术。采用了CSS技术控制的网页，设计者会更轻
16、松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。 第四章 网页的应用4.1 网页分为静态网页和动态网页。优点：静态网页：1. 静态网页的内容相对稳定，因此容易被搜索引擎检索；动态网页：1. 动态网页以数据库技术为基础，可以大大减少降低网站维护的工作量；2. 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、顶订单管理等等；缺点：静态网页：1. 静态网页没有数据库的支持，在网站能制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；2. 静态网页的交互性交叉，在功
17、能方面有较大的限制。动态网页：1. 动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者处于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。4.2 我的认识网页应用很广泛，当我们打开IE浏览器的时候，出现在屏幕上的就是一个网页，随着社会的进步，生活节奏地加快，各行各业都开始使用互联网来宣传自己的产品，或者进行其他的活动。网站设计离不开网页，网页像书中的章页，由这些页面构成了整个网站。不管是大企业还是小公司，都有自己的网站，当然网站是离不开网页的。网页
18、中的信息可以给我们带来很多帮助，可以用来学习或者做一些活动的参考。通过对这门课程的学习会收获很多。结束语在系统的需求分析过程中，由于不熟悉，产生了很大的困难，通过与指导老师的探讨与沟通，我渐渐地对系统有了一个大体的认识。虽然说在系统需求分析过程中花费了很多时间，但是我认为这是必要的也是必须的。这次毕业设计中我了解到了很多的知识，这对我今后的学习和生活都将会有很大的帮助。我明白了对于一个完整性的软件设计流程的主要性，在整个网站设计过程中前期需求分析，可行性分析是非常重要的环节，可以说是软件设计的核心，在过去我一直认为详细设计编码才是最重要的，因为再好的需求，编码不成功，软件就无法正常运行。锻炼了
19、自己发现问题，解决问题的能力。开发过程中遇到一些需求的变化，通过修改设计思路，避免在后期产生更大的错误。再详细设计的每一步都有可能出错，所以会进行非常多的调试工作，只要发现问题就调试解决，这样不仅增强了信心，也很好的锻炼了自己遇到问题不急不躁，耐心解决的能力。 参考文献1信息技术江苏科学技术出版社 . 2网页制作人民邮电出版社.dreamweaver8参考手册2021年版.柯林森、刘志忠，CSS基础教程，人民邮电出版社，2007.9.苏昱，样式表中文手册，帮助文档。韩国锋、柯华坤，ASP网站开发典型模块与实例精讲，电子工业出版社，2006.8.Flash动画在网页制作中的应用及发展探讨 摘要F
20、lash动画已经成为越来越多的人们所关注的一种动画发展的趋势。可以说,通过Flash进行网页设计并建设网站,开创了多媒体效果的网页或整个多媒体网站的新潮流,本文对Flash动画在网页制作中的应用及发展做了探讨。 关键词Flash动画 网页制作 近十几年来,Internet以前所未有之势使应用程序开发领域发生了根深蒂固的变化,许多组织越来越依赖于由Internet及相关技术提供的数字资源和通讯信道。现在,在设计和开发应用程序时,几乎所有人都会考虑如何最有效地结合与利用Internet技术以便充分利用连接计算所带来的好处。 Flash特别适用于创建通过 Internet提供的内容,因为它的文件非常
21、小。Flash是通过广泛使用矢量图形做到这一点的。与位图图形相比,矢量图形需要的内存和存储空间小很多,因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大,是因为图像中的每个像素都需要一组单独的数据来表示。 要在 Flash中构建应用程序,可以使用 Flash绘图工具创建图形,并将其它媒体元素导入 Flash文档。在 Flash中创作内容时,需要在 Flash文档文件中工作。Flash文档的文件扩展名为 fla (FLA)。在各领域方面,Flash将在网络动画设计及网页组织上显示出巨大的生命力。它的应用前景令人鼓舞。 一、Flash动画在网页设计中的应用 Flash动画已经成为网上
22、活力的标志,并应用这一技术与电视、广告、卡通、MTV、制作等方面结合进行商业推广。这样,F1ash动画将作为一种产业渗透到音乐、传媒、广告、游戏等各个领域,开拓发展无限的商业机会。Flash动画在网站中的运用,从简单的流式动画到复杂的交互式Web动画,都体现出了 FIash动画的优势。 1. Flash动画在网页设计中的部分应用 在网页设计中,Flash动画作品除了以“流式播放动画”播放以外,如:Flash动画短片、 FlashMV,还具有一定交互性特点的形式。有些网站的引导界面做成Flash动画形式,一般由Dreamweaver软件来完成,做成静态页面。当然,大部分这类页面全部是静态,但也有
23、某些网站做出以下设计。如:网页中的Flash网络广告、Flash形象展示动画、网站导航栏动画、图片展示动画、Flash交互动画、及由Flash制作完成的网站注册、登陆、计算等系统。 在静态页面中,如果把这些做成动画形式的话,无疑能起到生动、装饰的作用,对浏览者具有充分调动的作用。但是不宜太花、太乱,否则,就会起到反作用,不但使浏览者眼花缭乱、烦躁,而且会给企本网站效应大打折扣,显得烦乱,缺乏信任。 2.Flash动画在整站网页设计中的应用 前文中提到过,除了采用Flash制作相关的贞面外,也有一些网站,为了展示自己的个性,使用Flash来制作整个站点。 整个站点从概念上就己经包括所有视听元素部
24、分及版式的设计。网站引导界面的设计估且不说,由其引导进入的内页面这整个系统都是由Flash软件来制作,就包括上文列举的视频、Flash广告动画、Flash交互动画、网站的Flash形象展示动画、网站各级导航栏、图片展示、文字、链接、色彩、音乐、声音、游戏及网站注册、登陆、计算系统等。这样的Flash动画网站,感觉都十分炫,具有很强很独特的个性,基本上能完全调动浏览者的积极性,给人以活跃的心理感受。 二、Flash动画的发展 无论是国外还是国内,近几年的动画都在蓬勃地发展。信息网络技术开启了人类新的生活、新的实践。网络技术的出现,给动画艺术提供了一个崭新的演示平台。在提倡个性化创作的今天,网络动
25、画更加适合现代动画制作者的口味,并随之进入了千家万户。现在有许多专门的如“Flashempire闪客帝国,大话三国,闪盟在线”等这样的一些网站,这里面不仅拥有大量的Flash动画供爱好者在线观看,而且还是Flash爱好者们的一个专门交流的空间。的确,它的发展让人不得不刮目相看。 Flash作为现代一种新的设计方式和娱乐方式,不仅有其实用功能,并且还有视觉和听觉上的双重享受,更因为它具有的趣味性, 它作为一种强大的动画制作软件,在视觉表现上较普通的网页有很大的优势,因此,被广泛用于网络的制作中。最初用于网站片头,现在己经大量运用于宣传企业产品的网络广告。另外,电视台也开始播放Flash制作的短剧
26、和广告。将动画加上音乐及歌词就成了MTV,这也是Flash最擅长的一面。制作交互多媒体是Flash的优势所在,Flash制作的导航界面,随着鼠标的各种动作可以产生动画、声音。还能使网上游戏更具吸引力。随着动画在各个领域中的不断深入发展,已经无法简单地估计动画的前景将会怎样,但我们坚信动画将会带给我们无限的惊喜和激动。现在国家对动画事业的高度重视,加入动画行业的人员也越来越多,我们期望着动画事业更加蓬勃地向前发展。 三、小结 FLASH网页有着体积小、效果好、跨媒体性强、成本低廉、视觉冲击力强、Flash的广告形式具有很强的亲和力和交互性。从创意的角度来说,在网页中插入FLASH的思路更为奇特和
27、夸张,但它同样遵循传统网页的制作思路和制作要点,注重跨媒体传播创作者和客户合作的过程中,最好不要局限于“我在做网页”的思维,因为,在网页中插入Flash除了能在网络上发布以外,还可以在传统电视、楼宇电视、 等载体上发布、所以要有制作精品的信念,这样才能使网页的前景更为广阔,才能为更多的商家和目标受众所青睐。 参考文献: 1洪光. Flash MX Professional 2004实用教程.大连理工大学出版社,2006. 2杨帆.Flash MX 2004动画制作标准教程.中国电力出版社.摘 要随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网作为信息技术的通信桥梁连接着
28、全球的计算机，而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在Internet上表现出其及其重要的地位，并发挥着其及其重要的作用。无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台，保护自己的网络资源并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。于是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐。Internet的日益兴起和以网页为载
29、体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人Web页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。本文讲解了一个以学院招生为主题的网站。论文将对学院招生网网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上，着重使用DIV + CSS作为工具语言进行网页设计与制作的实际操作，分别对基础对象的JavaScript语言、内部对象系统的使用及WEB页面信息交互，窗口和框架进行详细描述，并利用具体的实例进行验证。首页主要是包括首页、招生指南、院系导航、学院概述、招生工
30、作、常见问题、网上报名、信息查询八个模块组成，采用DIV+CSS样式布局。关键词：DIV+CSS、JavaScript、web AbstractAlong with the development of society and economy, the computer has been used to social life in all areas. At the same time, the Internet as information technology communication bridge connection of the global computer, and web
31、sites as the main form of network information and the main bearing or Internet information, who in the Internet borrows its and its important position, and is playing the its and its important role. Both in domestic and abroad are the rapid development and expansion, and taken seriously by people an
32、d attention. The Internet has completely changed the world, the world of the Internet contains the infinite possible, in this case, all walks of life and personal, unit, factory, enterprise or business the and so on in building their own online network information platform, the protection of its own
33、 network resources in the Internet and open up their markets and consumer groups, and structure of the digital world and strengthen their global range of different regions in people link exchanges and other activities will be increasingly important. So all kinds of website will have mushroomed mirac
34、ulously appear good and evil people mixed up and the good and bad are intermingled. The Internet is the rise and with the Web page as the carrier of the network information widely spread and application, make website construction and Web pages get development space, large enterprise products to sell
35、, the post-sale service, the solutions to the small personal Web page development, all kinds, colourful, website construction and creating Web pages also to become a computer network domain the most popular topic. This paper explained a with the college recruit students as the theme of the website.
36、Paper will be to college admission nets web design and production methods and tools on research and discussion. Introduced in WEB design and production on the basis of language, this paper use DIV + CSS language as a tool for WEB design and production of the actual operation respectively, the founda
37、tion of JavaScript object language, internal object system and the use of the WEB page information interaction, window and frame is described in more detail, and use a specific example verified. Home page is mainly including the head, and recruit students guide, departments navigation, college overv
38、iew, recruit students work, common problem, online application, information query eight modules, using DIV + CSS style layout. Key word : DIV+CSS、JavaScript、web前 言人类已进入21世纪,科学技术突飞猛进,经济知识和信息产业初见端倪,特别是信息技术和网络技术的讯速发展和广泛应用,对社会的政治,经济,军事,文化等领域产生越来越深刻的影响,也正在改变人们的工作,生活学习,交流方式。信息的获取,处理,交流和应用能力,已经成为人们最重要的能力之一
39、。在不久的将来知识经济将占世界经济发展的主导地位,国家综合国力和国际竞争能力越来越取决于教育发展,科学技术和知识创新的水平,教育在经济和社会发展过程中将呈现出越来越突出的重要作用。随着Internet的出现，网络正在改变整个世界，由于Internet具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，而将教育和网络相结合，将会更好的推动教育的发展。现在不仅很多大学和众多企业部门都已经建立了自己的网站，而且学院招生网站也如雨后春笋般大量的出现，通过计算机网络实现宣传、交流及资源的整合由于时间仓促和水平有限，不当之处在所难免，请各位老师批评指正。第一章
40、开发工具及功能设计1.1 网站设计的基本知识 静态编程最重要的特征就是由程序自动生成网页，最终形成供浏览器解释的HTML语言。那么如何设计出精美的网页以及动态更新交互的站点，这就需要网页编程与网页制作相结合。本网页主要介绍网站建设所必须掌握的基础知识，如网页文档的结构、超链接、表格和表基本的单等HTML标识的写法要求，网页编辑的常用工具、动态网页的设计以及网站的发布等相关知识。DreamweaverCS3是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着DreamweaverCS3更新发布，更坚定DreamweaverCS3在该领域的地位。集网页设计、网站开发和站点管理功能于一
41、身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。DreanmweaveCS3软件也一直是不少网友钟情的网页设计工具，除了它强大的动态效果制作能力之外，还有可视化编辑界面，功能更多的CSS支持CSS可视化设计。还可以用Spry框架进行动态用户界面的可视化设计和部署。它们可以帮助快速设计好页面并开始运行，并且在代码中提供了丰富的注释。DreamwerverCS3将可视化布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面，使操作界面更是独具特色。1.2 DreamweaverCS3的安装首先，安装界面给
42、人的感觉比Macromedia门下的8.0要漂亮许多，Splash也很有质感。这次DreamweaverCS3新增了SprySpry。Spry是Adobe推出的Ajax Framework(Spry DemoSpry Demo)，它能与Dreamweaver无缝的整合，直接用拖拉的方式完成程序代码的编写。图1-1 Dreamweaver 8与9(Alpha1)的启动封面对比图1-2 DW CS3的主界面图1-3 安装向导正在初始化图1-4 授权协议图1-5 详细信息图1-6 选择安装位置图1-7 安装信息概要图1-8 安装进在正行中图1-9 安装结束1.3 DreamweaverCS3功能介绍
43、DreamweaverCS3 包括了与 Photoshop CS3 的增强的集成功能。现在，设计人员可以在 Photoshop 中选择设计的任一部分（甚至可以跨多个层），然后将其直接粘贴到 DreamweavercCS3 页面中。DreamweaverCS3 会显示一个对话框，可在其中为图像指定优化选项。如果需要编辑图像，只需双击图像即可在 Photoshop 中打开原始的带图层 PSD 文件进行编辑。浏览器兼容性检查DreamweaverCS3 中新的浏览器兼容性检查功能可生成报告，指出各种浏览器中与 CSS 相关的呈现问题。在代码视图中，这些问题以绿色下划线来标记，因此您可以准确知道产生问
44、题的代码位置。Adobe CSS Adobe CSS Advisor 网站包含有关最新 CSS 问题的信息，在浏览器兼容性检查过程中可通过 DreamweaverCS3 用户界面直接访问该网站。 DreamweaverCS3 提供一组预先设计的 CSS 布局，它们可以帮助您快速设计好页面并开始运行，并且在代码中提供了丰富的内联注释以帮助您了解 CSS 页面布局。Web 上的大多数站点设计都可以被归类为一列、两列或三列式布局，而且每种布局都包含许多附加元素（例如标题和脚注）。DreamweaverCS3 提供了一个包含基本布局设计的综合性列表，您可以自定义这些设计以满足自己的需要。框架Ajax
45、的 Spry 框架通过 Adobe Dreamweaver CS3，可以使用 Ajax 的 Spry 框架进行动态用户界面的可视化设计、开发和部署。Ajax 的 Spry 框架是一个面向 Web 设计人员的 JavaScript 库，用于构建向用户提供更丰富体验的网页。Spry 与其它 Ajax 框架不同，可以同时为设计人员和开发人员所用，因为实际上它的 99% 都是 HTML。请参阅以可视方式构建 Spry 页。Spry 构件Spry 构件是预置的常用用户界面组件，可以使用 CSS 自定义这些组件，然后将其添加到网页中。使用 DreamweaverCS3，您可以将多个 Spry 构件添加到自
46、己的页面中，这些构件包括表格、折叠构件、选项卡式界面和具有验证功能的表单元素。请参阅添加 Spry 构件。Spry 效果是一种提高网站外观吸引力的简洁方式。这种效果差不多可应用于 HTML 页面上的所有元素。您可以添加 Spry 效果来放大、收缩、渐隐和高亮显示元素；在一段时间内以可视方式更改页面元素；以及执行更多操作。第二章 网站需要分析1.1建站工具编辑网页的工具有很多，但是我们一般用的是Macromedia公司的网页制作三剑客来制作网页。三剑客分别为Dreamweaver CS3、fireworks、flash。1.2网站建设的三个阶段（1）、网站的定位 即网站设计的最终目标及指导方针。
47、确立网站的主题，解决为谁设计、吸引谁，交流什么。（2）、制作网页 通过网页设计体现网站整体协调一致的风格。网站的色彩基调、配色方案、页面色彩的格调、页面构图及图片、动画的处理等都要反复研究。方便的导航设计使用户易于访问站点中的资源。（3）、网站的发布与维护 完成对网站所有文件的测试并上传到服务器，进行网站的推广和宣传，建立信息的收集反馈系统，及时更新网页。1.3网站设计步骤（1）、设定网站主题并搜集资料 分析网站的访问对象是什么样的群体，确定网站要为访问者提供什么样的服务。围绕网站设计要达到的目标，进一步决定网站展示的内容和网站要实现的功能。（2）、建立站点的目录结构 用来分类保存网站中的不同的资源，精心设计的网站目录结构有利于网站类容的扩充和移植需要。很多初学者往往不注意建立站点的目录结构，所有的文件都保存在一个目录中