3.1静态网页设计与HTML语言.ppt

;;;一、Internet和www的基本概念;什么是Internet;Internet的发展历程;几个重要的Internet组织;几个重要的Internet组织;主要的ISP：;二、计算机网络概述;1、什么叫计算机网络;2、计算机网络的组成;大型计算机网络;3、计算机网络的拓扑结构;三、IP地址和子网划分;*;三类地址特性 ;*;四、域名和域名解析;1、域名系统概述;*;*;五、Internet的接入方式;1.5 Internet的接入方式;ADSL接入Internet方案;Cable Modem接入-用于有线网络 ;;网站（Web Site）顾名思义就是计算机网络上的一个站点，代表一个位置，网页（Web Page）就是站点中所包含的内容。 简单来说，网站是一系列具有相同或相似属性并通过各种链接相互关联的网页的组合。如果把网站比作一本书，那么网页就是书的一页，所以网页就是一个显示网站内容的最小单元。 网页是网站信息发布与表现的一种主要形式，网站的主题不同决定网页的风格和内容也随之不同。;;;;;注意： 动态不等同于动感，动态网页并不是指加上了动画等效果的动感网页。 动态网页中除了普通网页中的元素外，还包括一些应用程序，这些应用程序使用户浏览器与Web服务器之间发生交互行为。 静态网页的交互性较差，在功能方面有较大的限制。;脚本语言 VBScript和JavaScript都是一种解释性的脚本语言，它们的代码可以直接嵌入到HTML命令中。 JavaScript和VBScript的最大特点是可以很方便地操纵网页上的元素，并通过Web浏览器与访问者交互。同时，JavaScript和VBScript可以捕捉客户的操作并作出反应。;;;;;;;;;3.1 静态网页设计与HTML语言 ;3.1 静态网页设计与HTML语言 ;Web的语言标准;GML(1969);3.1 静态网页设计与HTML语言 ;3.1 静态网页设计与HTML语言 ;3.1 静态网页设计与HTML语言 ;;;基本组成部分——HTML元素属性;;; 一个网页文件在结构上实际上由两部分组成的，头部分head/head和主体部分body/body。主体内容是文档的主要部分，也是包含文本和图像等的可见部分。头部内容是除文档标题外的不可见部分，包含文档类型、语言编码、搜索引擎的关键字和内容指示器以及样式定义等重要信息，这些元素并不是每个页面都需要的。以下就是一个简单网页的代码： HTML head 头内容部分 /head body 主体内容部分 /body /HTML 选择菜单栏中的“插入”中“HTML”的“文件头标签”，如图3.1所示，在弹出的下拉菜单中的选项便是作为网页头信息插入的内容。 ;;;;;;;;;;;;;表格的嵌套;;;表单常用的控件对象;;;;;;基础知识;基础知识;基础知识;一、CSS概述;2、CSS作用;二、CSS基础语法;2、注意事项;3、如何使用CSS?;如何使用CSS?-续;如何使用CSS?-续;注意：应用次序;三、CSS选择器;四、主要属性;五、CSS核心机制-盒子模型(Box Model);（一）盒子模型概述;盒子模型概述（续）;（二）盒子模型的四个要素;Page ? *;补充：浏览器的怪异模式与标准模式;怪异模式与标准模式-续;;;关于HTML脚本;5.1认识VBScript ;1．VBScript简介 VBScript是Microsoft Visual Basic Scripting Edition的简称，是ASP（Active Sever Pages）的默认语言。VBScript是基于对象的程序设计语言，但它并不是真正面向对象的程序设计语言，因为它不具有面向对象的程序设计语言的全部特征。在面向对象的程序设计语言中，程序员可以自己定义对象；而在VBScript中，对象是系统定义好的，可以直接使用。; 2．客户端和服务器端编程语言 VBScript既可以作为客户端编程语言，也可以作为服务器端编程语言。 客户端编程语言是可以由浏览器解释执行的语言。当以客户端编程语言编制的程序被下载到一个兼容的浏览器中时，浏览器将自动执行该程序。 客户端编程语言的优点是，浏览器完成了所有的工作，这可以减轻服务器的负担，而且客户端程序运行起来比服务器端程序快得多。当一个浏览器的用户执行了一个操作时，不必通过网络对其做出响应，客户端程序就可以做出响应。 VBScript也可以作为服务器端编程语言。服务器端编程语言是在服务器上执行的语言。服务器为一个站点提供文件，而浏览器接收这些文件。 ;客户端脚本体系结构;服务器端逻辑体系结构;5.2 VBScript代码的基本语法格式;例8-7：日期和