第12部分网页制作和网站建设.pptVIP

本章内容 12.1 网页基础 12.2 HTML语言 12.3 Dreamweaver CS4的使用 12.4 网站的发布和维护 12.1 网页基础 网页是互联网上的基本文档，是用HTML或其他语言(JavaScript、VBScript、ASP、JSP、PHP、XML等)编写的。 网页本质上就是一个存放在互联网中某个Web服务器上的文件。 当用户访问该网页时，存放网页的服务器把网页传送到用户计算机，通过网页浏览器解读并展示出来。 访问一个网站时，打开的第一个网页称为主页(Homepage)，也叫首页。 12.1 网页基础 12.1.1 网页的分类 12.1.2 网页的基本构成 12.1.3 网页常用制作工具 12.1.4 网站制作流程 12.1.1 网页的分类 1. 静态网页 静态网页是指纯HTML格式的网页，一般以.htm、.html、.shtml或.xml为后缀名。访问者请求浏览时，网页在Web服务器中不会发生动态改变。 12.1.1 网页的分类 静态网页的特点： (1)有固定的URL，而且URL以.htm、.html、.shtml等常见形式为后缀，不包含“?” 。 (2)静态网页的内容保存在网站服务器上，每个静态网页都是一个独立的文件。 (3)相对稳定，因此容易被搜索引擎检索。 (4)无数据库支持，在网站制作和维护方面工作量较大。 (5)交互性差，在网页功能实现方面相对较弱。 静态网页的浏览：浏览器向Web服务器发出访问静态网页的请求，Web服务器接受请求后直接将网页传到浏览器，浏览器解读HTML文件后显示。 12.1.1 网页的分类 2. 动态网页 动态网页一般指用ASP、PHP、JSP或.NET等网络编程语言编写的运行于服务器端的代码。 动态网页除了静态网页的元素外，还包含一些浏览器和Web服务器交互的应用程序。 动态网页里很多信息存放在数据库中，当访问者单击相应的链接时才动态生成网页。 常见的动态网页后缀名有.asp、.jsp、.aspx、.cgi、 .php等，访问动态网页网址中有一个标志性的“?” 。 浏览器发出动态网页请求后，服务器对代码进行编译后生成HTML代码。 12.1.1 网页的分类 动态网页的特点： (1)有数据库支持，可以降低网站维护的工作量。 (2)交互性好，可以实现更多的功能，如：用户注册、在线调查、订单管理等。 (3)动态网页并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。 (4)在搜索引擎检索方面不如静态网页效果好，因此网站在进行搜索引擎推广时要做一定的技术处理才能较好地被检索到。 12.1.2 网页的基本构成 (1)文字：需考虑文字的内容和整体效果。 (2)图像：为了不影响网页传输速率，网页的图片不能太大，常用的图片格式有GIF和JPEG，二者容量较小且具有跨平台的特性，可在不同操作系统支持的浏览器上显示。 (3)超链接：从一个网页指向另一个目的地的链接。 (4)表格：主要作用是控制网页其他元素的布局方式。 (5)动画：常用的动画格式有GIF和SWF。GIF动画的原理就是高速连续显示多幅静态图片，SWF动画是用Flash软件制作的矢量动画。 (6)其他元素：音频、视频、表单、脚本语言编写的特效(如：图片滚动)等。 12.1.3 网页常用制作工具 网页设计软件有3类：网页编辑工具 动画制作工具 图形图像处理工具 (1)网页编辑工具：FrontPage、Dreamveaver FrontPage：Microsoft产品。使用简单、容易上手、功能也比较强大，缺点是兼容性不好、对动态网页支持不好。 Dreamveaver：Adobe产品。目前应用最为广泛，它是一款集网页制作和管理网站于一身的所见即所得网页编辑器，可以对HTML网页文件进行可视化编辑，还集成了程序开发语言。 12.1.3 网页常用制作工具 (2)动画制作工具：Flash Flash：交互式动画设计工具，可以将音乐、声效和动画方便地融合在一起。采用矢量绘图技术，因此放大后也不会失真，且容量小。 (3)图形图像处理工具：Photoshop、Fireworks、CorelDRAW、Illustrator 一般网页设计中使用Photoshop和Fireworks处理图形图像。 Photoshop：Adobe产品。总体功能可分为图像编辑、图像合成、校色调色及特效制作等部分。 12.1.4 网页制作流程 (1)网站定位 明确客户要求制作一个什么样的网站。 (2)收集网站素材和策划栏目内容 可以让客户提交一份网站的栏目计划书，收集整理网站素