网页制作案例教程清华大学第1章网页制作基础

网页制作案例教程毋建军郑宝昆郭锐编著清华大学出版社第1章网页制作基础本章学习目标（知识要点）网页和网站的基本概念静态网页、动态网页的基本概念常见的网站类型网页制作技术HTML、XHTML、CSS、JavaScript的了解和认识网页制作工具editplus、dreamweaver、flash、photoshop基本知识本章学习导航网页制作的基本概念和基础知识，对每个处于入门阶段的初学者而言，都是应该了解和掌握的，也是开始学习网页制作的前提，掌握这些基本概念、网页制作的技术、制作常用工具使用，有助于初学者从总体上对网页制作、设计有个清晰的认识和了解，为后续的网页制作、网站的创建打下基础。本章内容在全书知识结构中所处位置如图所示基础篇HTML篇CSS篇JavaScript篇提高篇网页设计与开发流程（AscentSys医药商务系统）网页制作基础HTML基础网页基本元素设计网页布局规划设计交互式网页表单的设计与使用利用模板和库创建网页CSS样式表使用CSS布局规划网页JavaScript网页应用Javascript概述网页中常见Flash制作Web服务器创建网站发布、测试和维护1.1网页和网站基础知识本节将介绍网页设计中的基础知识，包括网页与网站、静态网页与动态网页、常见的网站类型。1、什么是网页网页，又称Webpage，是一种可以在互联网上传输的，由HTML（HyperTextMarkupLanguage，又称超文本标记语言）标记构成的文本文件，且能被浏览器识别和解释成页面并显示出来，所以网页有时也被称为HTML文档。网页的种类根据网页在网站中所处的位置和作用，网页可以分为：首页：是在用户发送请求之后，默认打开的网页，通常命名为index.html或者index.htm等。主页：一般为网站的门户网页，它既是一个单独的网页，像一般网页一样，可以存放各种信息，又是一个特殊的网页，它是整个网站文件的起始点和汇总点，是访问者浏览网站开始的地方。2、什么是网站概念：即Web站点（Website），是指在互联网络上，根据一定的规则，使用HTML等语言制作的用于展示特定内容的相关网页的集合。网站与网页区别：主要从两个方面：有独立的域名和独立的存储空间。3、静态网页概念：是指只能在客户端运行，没有后台数据库、不含程序、不具有交互性的纯HTML格式的网页文件，其文件后缀一般为.html、.htm、.shtml、.xml等。特点：静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”；网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；静态网页的内容相对稳定，因此容易被搜索引擎检索；静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；静态网页的交互性差，在功能方面有较大的限制。4、动态网页概念：是指网页文件中不仅包含HTML标记，而且还包含了需要在服务器上执行的程序代码，通过后台数据库与Web服务器进行信息交互，由后台数据库提供实时数据更新和数据查询服务。特点：动态网页以数据库技术为基础，可以大大降低网站维护的工作量。采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等。动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才动态生成一个完整的网页，并以静态的形式返回客户端浏览器。动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。5、常见网站类型个人类网站信息类网站机构类网站、电子商务类网站娱乐休闲类网站购物类网站1.2网页制作技术概述目前，流行的网页制作技术主要有：HTML、XHTML、CSS、Javascript、JS、flash、photoshop等，这些技术都是静态网页制作的初学者常用的技术，如果在在此基础上制作动态网页，还需学习动态网页的制作技术，如动态网页的制作语言php、ASP、JSP等，数据库SQLServer、MySql、Oracle等方面的知识。HTMLHTML（HyperTextMarkupLanguage超文本标记语言）是一种用来制作超文本文档的简单标记语言。目前,HTML已经发展到HTML5.0。HTML5.0与HTML4.0相比较，增加了许多新特性。XHTMLXHTML（EXtensibleHyperTextMarkupLanguage）是指可扩展超文本标签语言，是一种为适应XML而重新改造的HTML，是一个基于XML的置标语言，就是一个类似HTML角色的XML，所以，本质上来说，XHTML是一个过渡语言技术，结合了XML的强大功能及HTML的简单特性。CSSCSS(CascadingStyleSheets，层叠样式表)，是标准的布局语言，用来控制元素的尺寸、颜色和排版，用来定义如何显示HTML元素，纯CSS的布局与XHTML的结合，可使内容表现与结构分离，并使网页更容易维护，易用性更好。JavascriptJavascript语言是一种解释性的，基于对象的脚本语言，其前身叫做Livescript。JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，JavaScript的使用，可使网页变得生动，增加互动性。1.3网页制作常用工具常见的网页制作工具有：editplus(网页文本编辑工具)、DreamWeaver（网页开发工具）flash（动画软件工具）Fireworksphotoshop（图像处理软件）…………