第1章 网页基础知识.pptx

网页设计与制作;1.1网页概述

1.2网页制作工具简介

1.3网页设计

1.4HTML基础

1.5实践技能训练;1.1.1什么是网页

Web直译过来就是“网”，可以理解为通过超级连接将各种文档连接起来的一个大规模的信息集合。

网页（Web页）实际上就是HTML文件，是一种可以在WWW网上传输，并能被浏览器认识和翻译成页面的文件。WWW是“Worldwideweb”的缩写；HTML则是“HyperTextMarkupLanguage”的缩写，意为“超文本标记语言”，它是一种规范，一种标准。超文本就是指页面可以包含图片、链接、音乐等非文字的元素。

制作网页所需要的硬件和软件：

硬件：计算机主频最好的PⅡ以上，内存最好在128MB以上，必须有足够大的空间来存放网页素材。

软件：Dreamweavercs5是目前制作网页的最新版本，Frontpagecs5也是一个不错的产品。处理网页图像和文字可以选择Fireworks，若要制作网页动画，可以选择Flashcs5。;1.1.2网页中的基本元素

网页包括的主要元素有：

文本:用于显示信息和超级链接。

图像:网页中使用图像的格式有GIF、JPEG、PNG等格式。

动画:网页中使用较多的是GIF动画和Flash动画。

声音:用于网页的背景音乐和前景音乐，用于网络声音文件的格式非常多，常用的是MIDI、MAV、MP3和AIF等。

视频:网页中视频文件的格式也非常多，常见的有RealPlayer、MPEG、AVI和DivX等。但必须插入相应的插件或嵌入相应的代码。

表格:在网页中用于信息的组织。

表单:提供客户端与服务器端信息交流的平台。;1.1.3网页的类型：

有3种不同的类型：基本网页、动态网页和模板网页。

1.基本网页

基本网页又称静态网页，是相对动态网页而言的。工作原理如下。

客户端请求服务器

接受响应

客户端浏览器网页;⒉动态网页

动态网页是经过人与服务器对话的结果。如图网页上的登录、注册、网上购物等都属于此类网站。

动态网页中除了基本网页中的元素外，还包括一些程序，这些应用程序需要浏览器与服务器之间发生交互行为，而且应用程序的执行需要应用程序服务器才能完成。

应用程序服务器的作用是读取动态网页上的代码，根据代码中的指令完成网页，然后将代码从网页上去掉，所得的结果将是一个静态网页；应用程序服务器将该网页传送回网页服务器，网页服务器将网页发送到浏览器，浏览器得到的仍然是一个纯HTML的静态网页。

;动态网页有两种：一种是普通动态网页，它不包含数据库；一种是包含数据库的动态网页。

⑴普通动态网页，其工作的过程如图所示;⑵.包含数据库的动态网页，如Access、SQL、MYSQL等，其工作过程如图所示：;1.1网页概述;1.2网页制作工具简介;1.2网页制作工具简介;1.2网页制作工具简介;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.3网页设计;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;1.4HTML基础;