《个人网页制作毕业论文.doc》由会员分享，可在线阅读，更多相关《个人网页制作毕业论文.doc（34页珍藏版）》请在三一文库上搜索。
1、个人网页设计毕业论文山西工程职业技术学院个人网页制作毕业论文 系别：计算机工程系 班级：网11班 姓名：xxx 学号：xxx指导老师：xxx 2013.5.22 目录摘要：.3关键字：.4第1章 绪言: .4第1章 1.1 网页简介 .4第1章 1.2 网页设计 .5第一章 1.3 网页设计现状 .7第2章 文献综述 .8第2章 2.1 课题研究现状分析 .8第2章 2.2 个人网站的研究工作 .9第2章 2.3 已经取得的研究成果 .9第2章 2.4选题的目的及意义 .9第二章 2.5 课题研究的主要内容 .10第三章 网站设计分析: .10第三章 3.1网站设计概述: .10第三章 3.2
2、 开发工具的选用及介绍: .11第三章 3.2.1 Dreamweaver8.0: .11第三章 3.2.2 Photoshop CS: .12第三章 3.2.3 网页基本html代码 .13第三章 3.2.4 明静态网页html以及div+css(举例说) .14第三章 3.3 关系型数据库的选择:.16第三章 3.3.1 Microsoft Office Access简介: .16第四章 网站地图.17第四章 4.1为何要建立网站地图 .17第四章 4.2 我的网站地图 .18第五章 网站概述 .18第五章 5.1 网站定位: .18第五章 5.2 系统构思: .18第五章 5.3 网站栏
3、目简介: .19第六章 详细设计: .20第六章 6.1 网站制作过程: .20第六章 6.1.1 logo的制作过程: .20第六章 6.1.2 banner的制作过程: .20第六章 6.1.3 主页制作过程: .20第六章 6.1.4 留言板的设计:.21第六章 6.2 数据库的设计: .21第六章 6.3 系统实现代码 :.21第六章 6.3.1 滚动文字特效: .21第六章 6.3.2 图片切换 : .22第六章 6.3.3 个人简介设计: .23第六章 6.3.4 英语flash动画代码: .24第六章 6.3.5 建立布局 .25第六章 6.3.6 网页中相关插入.26第六章 6
4、.3.7 设置导航条 .27第六章 6.3.8 设置交换图像 .28第六章 6.3.9 文字背景图像设置 .28第六章 6.3.10 制作弹出信息效果 .28第六章 6.3.11 设置滚动图片和文字 .29第六章 6.3.12 表单的制作 .29第六章 6.3.13 链接 .30第六章 6.3.14 制作flash图像查看器 .31第7章 结束语: .31第8章 心得体会 .32第九章 参考文献: .33第十章 致谢: .34 摘要：随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网作为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息主要的表现形式而且还是互联网信
5、息的主要承载者，在Internet上表现出其及其重要的地位，并发挥着其及其重要的作用。无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台，保护自己的网络资源并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。于是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐。Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展
6、的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人Web页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。 本文就网站的主题内容及网站的制作与设计这两方面进行描述与分析。 本网站的主题是个人快乐吧，整个网站是以我个人生活圈为主题，就像人们常用的QQ空间或微博，主要包括了首页、新闻收藏、我的学习、我的旅游、收藏夹、英语天地、留言薄等栏目。在整个设计过程中主要是运用Dreamweaver、ACCESS、photoshop等编写的。通过本网站系统，可以清楚的让人们了解自己的生活圈，互相了解，方便交流。 如今，在网络技术的迅猛发展下，互联网的不断普及，让人们都
7、感受到网络的方便快捷，从而大家都喜欢选择从互联网上获取信息，因此，互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。本网站也需要通过Internet来对外宣传、普及，从而让世界的人们知道了你的独一无二。 本网站主要是以建立Dreamweaver、ACCESS、photoshop等技术的静态网站管理系统的前台表现模块，使用了Dreamweaver技术的静态网页技术，加上ACCESS作为后台数据库，制作了一个简单的个人生活交流圈网页，实现了生活的方便交流，例如可以在自己的小网站里直接查看自己喜欢的新闻啊，学习啊，还有旅游等等，也可以让朋友们了解自己的圈圈。 关键字：个人网站 photoshop
8、 Dreamweaver 自己的小天地 快乐吧第一章 绪言： 二十世纪进入信息发展高速路，数码化革命给所有领域带来新的改变。随着电脑办公自动化的普及，电子商务应运而生，一切都归功于internet的巨大贡献，互联网的世界里蕴藏无限生机，这里只有想不到的、没有做不到的。由于国际互联网是一个不受时空限制的信息交换系统，所以它是目前最直接、最丰富和最快捷的联系方式，信息沟通的高效率为企业带来了最大的方便。个人网站是一个可以发布个人信息及相关内容。通俗理解个人网站：就是指网站内容是介绍自己的或是以自己的信息为中心的网站，不一定是自己做的网站，但强调的是以个人信息为中心。个人网站是指个人或团体因某种兴趣
9、、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。同时随着互联网的快速发展和不断普及，网站成了传播信息最有效的平台。所以我制作了一个专门针对我自己的网站，把我自己介绍给社会， 社会在发展，人们的思想观念，生活方式也在发展，通过网站这种方式与企业或者他人交流已经趋向普及。 1.1 网页简介 网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。 网页（Web page）是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网
10、相连的。网页经由网址（URL）来识别与存取,当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。是万维网中的一“页”，通常是HTML格式（文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。 1.2 网页设计网页设计-网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象
11、和文化的重要窗口。企业网站设计显得极为重要，下面是一些网站设计中应注意的原则。 1)、明确建立网站的目标和用户需求 Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者（customer)”为中心，而不是以“美术”为中心进行设计规划。 在设计规划时我们会考虑： 建设网站的目的是什么？ 为谁提供服务和产品？ 企业能提供什么样的产品和服务？ 网站的目的消费者和受众的特点是什么？ 企业产品和服务适合什么样的表现方式（风格）？ 2)、
12、网页设计总体方案主题鲜明 在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页 面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。 建立网站的要点网页设计的两大要点是：整体风格和色彩搭配。 a、确定网站的
13、整体风格 网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。 风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。 在这里，我提供给大家一些参考经验： 1将你的标志logo，尽可能的放在每个页面上最突出的位置。 2突出你的标准色彩。 3总结一句能反映
14、贵站精髓的宣传标语！ 4相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！ b、网页色彩的搭配 无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。 关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。 1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。 2用两种色彩。先选定一种色彩，然后选择它的对比色。 3
15、用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。 在网页配色中，还要切记一些误区： 1不要将所有颜色都用到，尽量控制在三至五种色彩以内。 2背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。 制作网页的常见工具1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具2、Frontpage 跟dreamweaver一样，不过个人感觉还是dreamweaver好。 3、FLASH 网页需要画面流动时的首选择 4、PS图象处理软件，一般网页都需要有图片的相搭配，PS是款很强大的工具。 5、FW跟PS一样都是
16、图象处理软件，但FW偏向与对网页的处理。我一般用PS 6、Fireworks跟PS很象的一种处理软件，主要用于制做动态图片格式。1.3 网页设计现状（一）垃圾还是经典 网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹是非常的明显！还有哪个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！ （二）
17、国内网页设计环境 不可否认，国内网页设计环境目前还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。 （三）什么是好的网页设计 （1）内容和功能决定表现形式和界面设计 常常拿到的任务是一张小纸条，上面两句话，叫你去做一个网站设计。有的人看看纸条就去设计页面了，凭两句话，你就可以为客户做一个页面设计，以别人一些资深专家7、8年的设计经验，都不敢去做，真是偶像啊！做网页设计，需要了解客户的东西很多
18、： 1、建站目的 2、栏目规划及每个栏目的表现形式及功能要求 3、主色、客户性别喜好、联系方式、旧版网址、偏好网址 4、根据行业和客户要求，那些要着重表现 5、是否分期建设、考虑后期的兼容性 6、客户是否有强烈的建站欲望 7、你是否能在精神意识上控制住客户 8、面对你未接触的技术知识，你有底吗？ 9. 网站类型 等等. 当把这些内容都了解清楚了时候，你的大脑中就已经给这个网站有个全面而形象的定位了，这时才是有的放矢去做界面设计的时候了。 （2）界面弱化 一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。 要让访客在0.
19、5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。 （3）模块化和可修改性强 模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。这里就涉及一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。 无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，logo、按钮等，很多人喜欢制
20、作图片，N个按钮就是N张图片。如果只做3-5类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的，一般既能清晰又保证美观的字体字号有几类： 宋体12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+ | （4）创意是可耻的，分析能力远比创意来的重要 设计界动辄就大谈什么“创意”，我要说的是，还没有搞清目的意义内容，还没在技术制作上臻于完善的基础上，用创意和特效来迷惑客户和访客是可耻的。一个网页设计者的分析能力远
21、比创意来的重要。第2章 文献综述 2.1 课题研究现状分析 伴随着社会的发展和科学的进步，上网成为越来越多人们的选择。随着互联网的飞速发展，有关网络的技术也层出不穷。如今互联网上的个人网站如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。每个人都有发挥个人才能，挥洒自己个性的网上伊甸园。在hao123神话以后，网站大全类网站又再一次达到顶峰。然而这个模式拷贝成功的网站却寥寥无几。而对于技术薄弱的个人网站来说，似乎网址类网站应该是一个很好的切入点。但是由于搜索的异军突起，网址类网站似乎变得可有可无。网页实际是一个文件，他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址
22、（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。文字与图片是构成一个网页的两个最基本的元素。可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏缆器则对这些标记进行解释并生成页面。2.2 个人网站的研究工作1理论研究基础：个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多
23、功能于一体的网络平台。个人网站的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术。它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。来自文章的评论，留言板都可以很好的进行交流，倾听别人的声音。2技术层面的支持：随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。2.3 已经取得的研究成果中国互联网在近几年发展迅猛。一方面，产生了一批依赖技术领先的互联网公司，取得了成功；另
24、一方面，互联网技术逐渐走向普及，使得行业进入门槛正在降低。目前中国网站总数已经近百万。在这里面出现了大量的个人网站。并且个人网站存在着巨大的商业价值。如果能以强大的号召力，把互补的个人网站联合起来，不知道可以成立多少个门户网站。我们有理由相信，个人网站还极具潜力。2.4选题的目的及意义随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。我们更需要交流，相信交流能够促进我们不断的进步，并融合
25、别人的长处；让我们多一些渠道倾听来自不同立场的声音；设想我们的网络，当每个人都拥有个人网页，不管是否在线，我们都可以跨越时间、空间进行交流，因为这个网页中拥有我所有的一切，生活，见解，知识，思想；理想的状态是个人门户就是每个人的影子，他为每个人打点网络上的一切，很多志同道合的朋友会在这里和你相识相知。2.5 课题研究的主要内容互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。其中包括你和我。在我们的工作、日常生活中，能够拥有一个自己的网站，一个已经成为不少人的希望和骄傲。就这个课题的研究，因为是个人网站，所以
26、我只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。第三章网站设计分析在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为个人、政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。越来越多的人希望能真正参预到互联网上，这就出现了越来越多的个人网站的设计以及推广的工作和任务。就我个人而言，之所以在毕业设计的时候选择这个课题是因为我也想拥有自己的个人网站，在互联网上拥有自己的一席之地，从而
27、真正的参与到网络中去，做网络新时代的主人，同时也希望自己喜欢和收藏的一些东西能够和网络一起分享，和互联网上的你一起分享。网站的设计与制作需要用到网页三剑客（Dreamweaver、fireworks、flash），IIS，photoshop等工具。所以首先我们要了解这些工具的功能与用处，然后要能够熟练得掌握这些工具用法，只有你能熟练使用这些工具，你才能在设计过程中尽量避免技术上的问题，提高效率，做到“事半功倍”。 3.1网站设计概述: 网站首页可以说是网站的门面，大家浏览你的网站首先看到的就是网站首页，所以首页不仅要做得美观，引人浏览，还要有丰富的内容。所以我们在首页就首页聚集了大量的信息，除
28、了最基本个人信息，爱好，兴趣等外，我还要将美丽的旅游景点和美妙的动画放进去，这样静中有“动”的效果可以抓住人的眼球，吸引人去点击。子页面的框架基本上是符合整个网站的整体风格的，banner，导航等都是和首页一样的，不一样的只是正文的内容，这个可以通过模板来实现。出于排除对模板可编辑区域排版的复杂性起见，我这里没有运用模板，而是用另存为的方式实现网页风格“统一化”的。在网站的各页面制作好后，我在Dreamweaver中与Access数据库建立连接，通过在Dreamweaver的一系列操作实现注册登录的功能，而留言薄功能我是通过一张空白的写有后台代码的页面转接过去的，名为handle.asp，用户
29、可以通过“在线留言”在网站上发表自己的见解或疑问，达到互动的效果。 3.2 开发工具的选用及介绍: 3.2.1 Dreamweaver8.0: Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。Dreamweaver自MX版本开始，使用了Opera的排版引擎 Presto 作为网页预览。要想学习制作网页，就要从软件Dreamweaver学起，下面我们来了解一下Drea
30、mweaver的基础只是已经相关技术 Dreamweaver的优点就是其制作效率。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如Playback Flash,Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的
31、最佳化。 另外Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusi
32、on，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTM
33、L效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。 Dreamweaver是创建和管理网页的专业化可视编辑器，在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。 它的特点主要有1）、灵活
34、的编写方式 ： Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2）、可视化编辑界面：Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。3）、功能更多的CSS支持CS
35、S可视化设计、CSS检查工具。 4）、动态跨浏览器验证：当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。 5）、强大的WEB站点管理功能 6）、内建的图形编辑引擎 7）、Dreamweaver的集成特性 Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。 8）、丰富的媒体支持能力：可以方便地加入Java
36、、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。 9）、超强的扩展能力：Dreamweaver还支持第三方插件，任何人都可以根据自己的需要扩展Dreamweaver的功能，并且可以发布这些插件。 3.2.2 Photoshop CS: PS是电脑上的图像处理软件Photoshop 的缩写。对于广大Photoshop爱好者而言，PS
37、亦用来形容通过Photoshop等图形处理软件处理过的图片，即非原始、非未处理的图片。photoshop是Adobe公司旗下最为出名的图像处理软件之一。多数人对于PHOTOSHOP的了解仅限于“一个很好的图像编辑软件”，并不知道它的诸多应用方面，实际上，PHOTOSHOP的应用领域很广泛，在图像、图形、文字、视频、出版各方面都有涉及。网络的普及是促使更多人需要掌握PHOTOSHOP的一个重要原因。因为在制作网页时PHOTOSHOP是必不可少的网页图像处理软件。如模版PSD等等(图为Photoshop主界面 它是一款图形、图像编辑软件，在网页设计领域被广泛得应用。以下是其10大最新功能： 1、改
38、进的文件浏览器 使用功能强大文件浏览器的可以快速预览、标注和排序图片；搜索或编辑图像的数据元或关键词；并且可以自动批量共享文件。2、匹配颜色命令 可以迅速从一张图片的颜色校正另外一张图像的颜色。 3、直方图调色板 随时根据对图像的调整更新直方图调色板(Histogram Palette)。4、阴影/加亮区修正 使用“阴影/加亮区修正(hadow/Highlight correction)”可以快速调整照片中曝光过渡或欠缺的区域。 5、沿路径放置文本 可以像在Illustrator中一样把文本沿着路径放置，并且你还可以在Illustrator直接编辑文本。 6、支持数码相机的raw模式 支持多款
39、数码相机得raw模式，让用户可以得到更真实的图像输入。 7、全面支持16位图像 可以在主要功能、层、比刷、文字、图形等中精确的编辑、润饰16位的图像。 8、Layer Comps 可以在一个文件中保存不同层的合并效果，以便对各种效果进行快速察看。 9、输入Flash文件 使用ImageReady可以创建flash矢量文件。 10、自定义快捷键 用户可以按照自己的习惯定义Photoshop的快捷键。 3.2.3 网页基本html代码 网页html代码很多很多,主要是用于网站的建设、功能设计、美化等的一系列代码,下面举例一些常用的代码:1) 贴图：2)加入连接：写上你想写的字3)在新窗口打开连接：写上要写的字消除连接的下划线在新窗口打开连接：写上你想写的字4)移动字体(走马灯)：写上你想写的字5)字体加粗：写上你想写的字6)字体斜体：写上你想写的字7)字体下划线: 写上你想写的字8)字体删除线: 写上你想写的字9)字体加大: 写上你想写的字10)字体控制大小：写上你想写的字 (其中字体大小可从h1-h5,h1最大，h5最小)11)更改字体颜色：fon