网页设计与制作基础.ppt

第1章网页设计与制作根底第1页本章概述本章的学习目标主要内容

本章概述随着互联网的开展和普及，电子商务和电子政务开展迅速，人们将互联网技术应用到生产、经营、娱乐等活动中，利用互联网开展各种信息效劳，如个人网上购物、企业形象展示、政府效劳群众等。网页设计和制作技术成为计算机专业一个相当重要的分支。本章介绍网页设计与制作的根底知识，包括网页根底概念、网页制作工具和技术介绍和网页设计根底等。第2页

本章的学习目标了解网页与网站的概念了解静态网页和动态网页概念了解HTML与XHTML概念了解网页制作语言了解网页设计工具掌握网页构成第3页

主要内容1.1网页根底概念1.2网页设计制作技术1.3网页设计制作工具1.4网页设计根底1.5本章小结

第4页

1.1网页根底概念Internet即通常所说的互联网，是相互连接的网络集合。Internet是一个巨大的、覆盖全球的信息资源库，是由成千上万个网络、上亿台计算机通过特定的网络协议相互连接而成的全球计算机网络，其提供资源共享和网络通信。WWW是一个基于超文本(Hypertext)方式的信息检索效劳工具，是Internet上近几年才开展起来的效劳，也是开展最快和目前用得最广泛的效劳。第5页

网页和网站网页与网站的关系构建WWW的根本单位是网页。网页中包含所谓的“超链接”，通过已经定义好的关键字和图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其他文件，获得相应的信息，从而实现网页之间的链接。通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，那么叫做“网站”。网站由域名〔DomainName〕、网站空间、网页三局部组成。网页的根本元素文本：文本是网页中最主要的信息载体，浏览者主要通过文字了解各种信息。图片：图片可以使网页看上去更加美观，可以让浏览者更加快速地了解网页所要表达的内容。水平线、表格、表单、超链接、动态元素等第6页

第7页静态网页和动态网页静态网页

第8页静态网页和动态网页动态网页

数据库数据库〔Database，DB〕是存储在一起的相关数据的集合，是按照数据结构来组织、存储和管理数据的仓库。数据库管理系统数据定义功能数据操纵功能数据库的运行管理数据库的建立和维护功能数据库的作用在动态网站建设中，数据库发挥着不可替代的作用。它用于存储网站中的信息，可以包括静止的和经常需要更换的内容。第9页

第10页主要内容1.1网页根底概念1.2网页设计制作技术1.3网页设计制作工具1.4网页设计根底1.5本章小结

1.2网页设计制作技术在Internet上浏览的一个个精美网页都是用超文本标记语言HTML制作而成。网页制作工具较多，大多数网页制作工作都是通过“所见即所得”的编辑工具完成的。在网页制作过程中，除了页面的编辑外，还需要进行素材的创作和加工，即图形和动画制作工具。第11页

HTML与XHTMLWWW所使用的出版语言就是HTML(HypertextMarkedLanguage，即：超文本标记语言)语言。传统HTML语言HTML是一种用来制作超文本文档的简单标记语言，其是构成Web页面(Page)的主要工具，是用来表示网上信息的符号标志语言。HTML语言使用“标记”(也叫“标签”)来指示Web浏览器应该如何显示网页元素，HTML标记是HTML中用来鉴别网页元素的类型、格式和外观的文本字符串。功能的逐渐增多，使得HTML成为了一种混合结构性语句与描述性语句的复杂语言。XHTML结构语言XHTML结构语言是一种基于HTML4.01与XML的新结构化语言。XHTML的标签、属性、属性值等内容的书写格式都有严格的标准，从而提高代码在各种平台下的解析效率。第12页

网页脚本语言脚本语言效劳器端脚本语言主要应用于各种动态网页技术，用于编写实现动态网页的网络应用程序。效劳器端脚本语言必须依赖效劳器端的软件执行。常见的效劳器端脚本语言包括应用于ASP技术的VBScript、Jscript、PHP、JSP、Perl、CFML等。浏览器脚本语言区别于效劳器端脚本语言，是直接插入到网页中执行的脚本语言。目前应用最广泛的浏览器脚本语言包括JavaScript、JScript以及VBScript等。标准化的ECMAScript包括应用于微软InternetExplorer浏览器的Jscript和用Flash脚本编写的ActionScript等。标准化的文档对象模型文档对象模型〔DocumentObjectModel，DOM〕是根据W3CDOM标准而定义的一系列文档对象接口。第13页

动态网页编程语言ASP技术第14页

动态网页编程语言ASP.NET技术第15页

动态网页编程语言JSP技术第16页

动态网页编程语言PHP技术PHP〔P