Dreamweaver中网页设计和实现.docVIP

Dreamweaver中网页设计和实现 　　摘 要 在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设特别是网页设计在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分，本文分析了用Dreamweaver网站设计工具制作网页的流程。 关键词 网页设计 Dreamweaver 实现 中图分类号：TP393.092 文献标识码：A 1网页制作概述 1.1网页的类型 网页有多种分类，我们笼统意义上的分类是动态和静态的页面，原则上讲静态页面多通过网站设计软件来进行重新设计和更改，相对的比较滞后，当然现在有网站管理系统，也可以生成静态页面，我们称这种静态页面为伪静态。动态页面通过网页脚本与语言自动处理自动更新的页面。 1.2静态页面 静态页面是网页的代码都在页面中，不需要执行asp，php，jsp，.net等程序生成客户端网页代码的网页。静态页面不能自主管理发布更新的页面，如果想更新网页内容，要通过FTP软件把文件DOWN下来用网页制作软件修改（通过fso等技术例外）。但是静态页面最大的好处是下载速度快，因为不需要程序运算和数据库连接。常见的静态页面以.html、.htm为扩展名的。并非网站上没有动画的就是静态页面。 1.3 动态页面 动态页面是通过执行asp、php、jsp、.net等程序生成客户端网页代码的网页。动态页面通常可以通过网站后台管理系统对网站的内容进行更新管理。发布新闻，发布公司产品，交流互动，博客，网上调查等，这都是动态网站的一些功能，也是我们常见的。动态网页是需要语言环境支持的，动态页面常见的扩展名有：.asp、 .php、 .jsp 、.cgi 等。动态页面的“动态”是网站与客户端用户互动的意思，而非网页上有动画的就是动态页面。 2网页布局 网站主页就好像是宣传栏或者店面――对访问者产生第一印象，都希望尽量给人留下好的印象。 一般来说，好的网站应该给人有这样的感觉： 干净整洁； 条理清楚； 专业水准； 引人入胜。 网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从――离开是最好的选择，就像一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。 2.1 网页布局技术 2.1.1层叠样式表的应用 在新的HTML4.0标准中，CSS（层叠样式表）被提出来，它能完全精确的定位文本和图片。CSS有点复杂，但它的确是一个好的布局方法。曾经无法实现的想法利用CSS都能实现。目前在许多站点上，层叠样式表的运用是一个站点优秀的体现，比如一些企业网站。 2.1.2表格布局 表格布局被广泛使用，已经成为一个潜在的标准。随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响。对于表格布局，打开一个站点的首页，然后保存为HTML文件，利用网页编辑工具打开它（要所见即所得的软件），会可以看到这个页面是如何利用表格的。 2.1.3框架布局 由于它的兼容性，框架布局并没有被所有人接受。但从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观。 2.2 网页设计流程 网页设计是一个互动的过程，不仅是设计师构思设计就可以完成的。从客户提出需求到最终发布，期间需要客户与设计人员共同参与协商才可以，具体流程如下： 首先，获取客户需求和资料。在设计网站页面之前，设计师需要知道客户的需求，从而确定客户建立网站的目的。客户提出网站需求是非常重要的一个环节。没有详细的需求，设计人员无法凭空进行设计制作。在这个步骤中，双方的沟通与交流是非常重要的。 其次，确定网站内容。设计人员选择适合自己的图像编辑软件、动画制作软件和网页制作软件进行网页的初步设计，这中间可能还需要和客户进行多次沟通才能达到客户满意的效果。在具体设计时，设计人员应该为网站定位一个主题，从而保证所有网页都围绕这个主题进行设计制作，保证风格的和谐统一。 然后，申请域名和空间。使用该方法能够有效同步管理文件。还可以通过FTP软件连接到服务器空间上，然后上传发布文件。 最后，后期维护。一般静态网站上传后，如果客户方没有专业