网页的设计与制作 毕业论文.docVIP

网页的设计与制作 【摘要】随着计算机网络的普及，计算机网络应用日趋丰富，利用网络足不出户就可以获取若品，实现电子商务；政府可以利用网络宣传法律规范，实现电子政务。因此，拥有一个网站，制作精美的网页来吸引浏览者的目光，提高知名度，是一个网页制作者追求的目标，这一切都要依赖于网页设计和制作技术的应用。 关键词： 网页 设计 制作 前言：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。如果只有域名和虚拟主机而没有制作任何网页的话，客户仍旧无法访问网站。网页（英文：Web page）是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到计算机，然后再通过浏览器解释网页的内容，再展示到眼前。是万维网中的一“页”，通常是 HTML 格式（文件扩展名为.html 或.htm）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。网页的类型 通常我们看到的网页，都是以 htm 或 html 后缀结尾的文件，俗称 HTML 文件。 不同的后缀， 分别代表不同类型的网页文件， 例如以 CGI 、 ASP、 PHP 、 JSP 甚至其他更多。 网页的分类 网页分为静态网页和动态网页 1.2.1 静态网页在网站设计中，纯粹 HTML 格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。动态网页 是与静态网页相对应的， 也就是说，网页 URL 的后缀不是 htm、html、 shtml、 xml等静态网页的常见形动态网页制作专家式， 而是以 aspxasp、 sp、 php、perl、cgi 等形式为后缀，并且在动态网页网址中有一个标志性的符号——“?” 。 网页设计 网页设计的两大要点是：整体风格和色彩搭配。 确定网站的整体风格 网页色彩的搭配 Dreamweaver8 简介 Macromedia Dreamweaver8是建立Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序，从 而使用户能连接到数据库、Web 服务和旧式系统。Dreamweaver可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是目前制作Web页站点,Web页和Web应用程序开发的理想工具。 2.2.1、网页编辑形式灵活将“设计”和“代码”编辑器集成在一起，既可以方便的进行源代码编辑，也可以使用鼠标方式添加和设置对象 2.2.2、使用可视化编辑环境既有效的减少了代码编写的工作量，也确保所设计文档的专业性和兼容性。 强大的CSS功能 可以有效的控制网页对象的外观，美化网页界面，如文本字体，颜色，表单样式、图像风格等。 站点管理功能完Dreamweaver提供了强大的站点管理功能，可以安全，系统的维护和管理各种规模的网站。 集成性高与Fireworks，Flash，Shockwave具有良好的集成性，可以在这些Web创作工具之间自由的进行切换。 媒体支持能力强 可以灵活加入JAVA，Flash，Shockwave，ActiveX以及其他媒体元素，也可以对各种多媒体元素进行处理。 扩展能力强 可以实现功能的扩展。利用Adobe公司免费提供的Dreamweaver插件，可以丰富Dreamweaver的媒体处理能 第三章 3.1、网页制作 制作步骤 网站是网页的集合，一个站点用的所有网页构成一个网站，网页是网站的表现形式，网页设计是指对网站整体页面的设计，包括页面风格、配色、布局、内容等。网页设计包含的内容非常多，大体分为两个方面：一方面是纯网站本身的设计，如文字、排版、图片制作、平面设计、静态图文和动态声音、影像等；另一方面是网站的延伸设计，包括网站主题、浏览群的定位、智能交互、制作策划、形象包装和宣传营销等。设计页面的第一步就是设计片面布局，就像报刊杂志版面设计一样，我们可以看作一张报约或者一份杂志来进行排版布局。草稿新页面就像一张白纸，没有任何的约定俗成的东西，可以尽可能地发挥想象力、创造力，将想象的布局到上面