[数学]网页制作基础知识.ppt

网 页 制 作 基 础 主讲：王雅洁 wyj@ 主要内容 网络基础知识 建设网站的一般流程 网站的规划 内容的设计与实现 服务器的安装与设置 常用网页工具软件 1.1 WWW和URL 1.1.1 Web的起源和发展 Web是WWW（World Wide Web）的简称，中文意思是万维网。它是建立在客户机/服务器模型之上，以HTML语言和HTTP协议为基础，能够提供面向各种Internet服务的用户界面的信息浏览系统。 1.1.3 URL URL（Uniform Resource Locator)，中文名称“统一资源定位符”，是用来确定各种信息资源位置的，俗称“网址”。 URL的组成 协议：//主机.域名:端口/路径/文件名 网络信息资源协议的类型有以下几种: （1）http （2）file （3）ftp （4）news （5）telnet （6）mailto 1.2 浏览器简介 浏览器是位于Web上客户端的浏览程序，可以向Web服务器发送各种请求，并对从服务器发来的HTML语言定义的超文本信息和各种多媒体数据格式进行解释、显示和播放。 Microsoft Internet Explorer 7.0中文版Web浏览器是微软公司的浏览器软件，是一款操作界面友好、使用简便、功能强大的免费Web浏览器。 网站的技术组成 从技术上看，WWW主要由两部分组成，WWW服务器程序和WWW客户程序。网页技术是一种C/S结构（客户/服务器）。 服务器存放Web页，并根据请求将页面传送到客户端。 客户端负责显示页面。 建设网站的一般流程 网站页面技术 静态网页（.htm .html） 动态网页（ ASP、PHP、JSP ） 静态网页 适用于实时性要求不高的内容。 能够加快页面的显示速度。 编辑工具 Frontpage Micromedia 网页三剑客 记事本、写字板 以纯文本方式保存，文件扩展名为 .htm或 .html 解释环境：浏览器 静态网页HTML语言 静态网页语言 HTML即超文本标记语言，它是一种描述文件结构的语言。作为一种基于标记的语言，HTML 的源代码由Web浏览器解释执行。HTML 程序文件是普通的文本文档，不含任何与平台和程序相关的信息，编写一个HTML 语言的代码可以用任何一种文本编辑器。 HTML语言是网页制作的基础，是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具，但是说到底，还是有必要了解一些HTML的语法。 2.2 HTML语法及文档结构 1、语法 元素: 组成网页的基本语法 标签：元素的名称和属性由起始标签给出 属性：进一步提供元素的信息 注释：表示备注信息 特殊字符：网页中使用的某些非ASCII码的字符或者是具有特殊意义的字符 重要约定：HTML在使用过程中要遵守的一些重要的规定 下面是一个最基本的超文本文档的源代码： HTML HEADTITLE一个简单的HTML示例/TITLE/HEAD BODYCENTERH3欢迎光临我的主页/H3BRHRFONT SIZE=2　　这是我第一次做主页，无论怎么样，我都会努力做好！/FONT/CENTER/BODY/HTML 动态网页 动态网页是与静态网页相对应的，也就是说，网页URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形式，而是以.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号——“？”如某个页面网址为： /product_detail/product_detail.asp?product_id=8915738 这就是一个典型的动态网页URL形式。 动态网页的用途 用途： 适用于实时性很强的内容。 动态页面显示的信息可以实时从数据库中提取，然后按相应的格式呈现给用户。 可以更好地支持用户进行在线交流。 常用语言：ASP、PHP、JSP 解释环境：服务器 动态网页的特点 动态网页的特点简要归纳如下： （1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量； （2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等； （3）与浏览器无关：用户端只要使用常规浏览器，即可浏览活动页面所设计的页面内容 动态网页的特点 （4）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页； （5）源程序代码，不会传到用