网页制作案例教程 清华大学出版社第1章 网页制作基础.ppt

1、网页制作案例教程,毋建军 郑宝昆 郭锐 编著 清华大学出版社,第1章 网页制作基础,本章学习目标（知识要点）,网页和网站的基本概念 静态网页、动态网页的基本概念 常见的网站类型 网页制作技术HTML、XHTML、CSS、JavaScript的了解和认识 网页制作工具editplus、dreamweaver、flash、photoshop基本知识,本章学习导航,网页制作的基本概念和基础知识，对每个处于入门阶段的初学者而言，都是应该了解和掌握的，也是开始学习网页制作的前提，掌握这些基本概念、网页制作的技术、制作常用工具使用，有助于初学者从总体上对网页制作、设计有个清晰的认识和了解，为后续的网页制作

2、、网站的创建打下基础。本章内容在全书知识结构中所处位置如图所示,1.1 网页和网站基础知识,本节将介绍网页设计中的基础知识，包括网页与网站、静态网页与动态网页、常见的网站类型。 1、什么是网页 网页，又称Web page，是一种可以在互联网上传输的，由HTML（Hyper Text Markup Language，又称超文本标记语言）标记构成的文本文件，且能被浏览器识别和解释成页面并显示出来，所以网页有时也被称为HTML文档。,网页的种类 根据网页在网站中所处的位置和作用，网页可以分为： 首页：是在用户发送请求之后，默认打开的网页 ，通常命名为index.html或者index.htm 等。

3、主页 ： 一般为网站的门户网页，它既是一个单独的网页，像一般网页一样，可以存放各种信息，又是一个特殊的网页，它是整个网站文件的起始点和汇总点，是访问者浏览网站开始的地方。,2、什么是网站 概念：即Web站点（Website），是指在互联网络上，根据一定的规则，使用HTML等语言制作的用于展示特定内容的相关网页的集合。 网站与网页区别：主要从两个方面：有独立的域名和独立的存储空间。 3、静态网页 概念：是指只能在客户端运行，没有后台数据库、不含程序、不具有交互性的纯HTML格式的网页文件，其文件后缀一般为.html、.htm、.shtml、.xml等。,特点： 静态网页每个网页都有一个固定的UR

4、L，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”； 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； 静态网页的内容相对稳定，因此容易被搜索引擎检索； 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难； 静态网页的交互性差，在功能方面有较大的限制。,4、动态网页 概念：是指网页文件中不仅包含HTML标记，而且还包含了需要在服务器上执行的程序代码，通过后台数据库与Web服务

5、器进行信息交互，由后台数据库提供实时数据更新和数据查询服务。 特点： 动态网页以数据库技术为基础，可以大大降低网站维护的工作量。 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等。 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才动态生成一个完整的网页，并以静态的形式返回客户端浏览器。,动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索

6、引擎的要求。 5、常见网站类型 个人类网站 信息类网站 机构类网站、 电子商务类网站 娱乐休闲类网站 购物类网站,1.2 网页制作技术概述,目前，流行的网页制作技术主要有：HTML、XHTML、CSS、Javascript、JS、flash、photoshop等，这些技术都是静态网页制作的初学者常用的技术，如果在在此基础上制作动态网页，还需学习动态网页的制作技术，如动态网页的制作语言php、ASP、JSP等，数据库SQLServer、MySql、Oracle等方面的知识。,HTML HTML（Hyper Text Markup Language 超文本标记语言）是一种用来制作超文本文档的简单标

7、记语言。 目前,HTML已经发展到HTML5.0。HTML5.0与HTML4.0相比较，增加了许多新特性。 XHTML,XHTML（EXtensible HyperText Markup Language）是指可扩展超文本标签语言，是一种为适应XML而重新改造的HTML，是一个基于XML的置标语言，就是一个类似HTML角色的XML，所以，本质上来说，XHTML是一个过渡语言技术，结合了XML的强大功能及HTML的简单特性。,CSS CSS (Cascading Style Sheets，层叠样式表)，是标准的布局语言，用来控制元素的尺寸、颜色和排版，用来定义如何显示HTML元素，纯CSS的布局与XHTML的结合，可使内容表现与结构分离，并使网页更容易维护，易用性更好。 Javascript,Javascript语言是一种解释性的，基于对象的脚本语言，其前身叫做Livescript。 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，JavaScript的使用，可使网页变