个人网页制作毕业论文.doc

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