第八章 基本网络开发应用技术

1、1第八章第八章 基本网络开发应用技术基本网络开发应用技术主要学习内容主要学习内容 ：概述概述HTML语言语言JavaScript语言语言网页设计软件简介网页设计软件简介21.基本概念基本概念8.1 8.1 概概 述述l万维网（WWW）：基于超文本的、方便用户在Internet上搜索和浏览信息的信息服务系统。l超文本（Hypertext）:一种全局性的信息结构，它将文档中的不同部分通过关键字建立连接，使信息得以用交互方式搜索。l网站：WWW是分布在因特网上的实体WWW服务器组成，每个服务器上有一个或多个网站，也可能一个网站占有多个服务器。l网页：在浏览器主窗口中通过超链接看到的每一个多媒体画面称

2、为一个网页，网页一般情况下是多媒体信息的集合，并带有一个和多个超链接，它是组成网站的最小单元。38.1 8.1 概概 述述l主页：每个网站都有一个起始页，也就是客户访问网站的第一页，称之为主页。一般主页名称为：Index.htm。l超文本传送协议（HTTP）：是以Internet来传送信息的一种协议，常用来表示互联网地址。l统一资源定位地址（URL）：它是一个指定因特网上或内联网服务器中目标定位位置的标准。42.2.制作网站的基本步骤制作网站的基本步骤8.1 8.1 概概 述述n 设计网站n 收集制作素材n 编辑网页并建立相应的超链接n 将制作好的网页存放在WWW服务器上。51.HTML1.H

3、TML介绍介绍 HTML是超文本标记语言(HYPER TEXT MARKUP LANGUAGE)的缩写，产生于1990年，并成为国际标准化组织ISO 的标准文件，这是WWW诞生之初制作网页的唯一方法，后期开发的各种可视化工具都是基于HTML源代码写的。8.2 HTML8.2 HTML语言语言6 网页的源代码是一个普通的源代码文件，可以使用任何一个标准的文件编辑器，如记事本等进行编写。 HTML自1990年起被广泛使用，它是一种面向对象的语言。1999年微软公司推出了面向电子商务的扩展的HTML，英文缩写是XML，HTML的命令由一对尖括号括起来的字符串组成，这些命令通常成对出现。8.2 HTM

4、L8.2 HTML语言语言78.2 HTML8.2 HTML语言语言u HTML标签标签: 是HTML语言中最基本的单位,l通常要用两个角括号括起来:l都是闭合的。但不一定是成对出现的如： 表格的开始标签与结束标签 单独出现的换行标签 l标签之间是嵌套使用的l不分大小写l回车和空格在源码里不起作用lHTML标签中可放置各种属性l可在源代码中添加注释88.2 HTML8.2 HTML语言语言uHTML属性属性：一般出现在HTML标签中。l标签可以有属性，它包含了额外的信息。属性的值一定要在双引号中 l标签可以拥有多个属性 l属性由属性名和值成对出现 HTML属性语法： 如： 98.2 HTML8

5、.2 HTML语言语言uHTML元素元素 HTML元素也是网页中的一种基本单位，是由HTML标签和HTML属性组成。 如：这是一个HTML段落元素，它包含了一个HTML链接元素。这是我的第一个网页,在这里 尽情学习 吧!108.2 HTML8.2 HTML语言语言uHTML文档文档 HTML文档就是HTML页面，也就是网页，是由HTML元素组成的。例如，包括在和标签之间的是主题元素，和标签之间的是标题元素 。 HTML文档文档(页面页面) -HTML元素元素-HTML标签标签-HTML属性属性11u 和和标签标签 每个HTML文档应包含的标记。放在文本的开始位置，在文档的末尾，它们声明一个HT

6、ML文件的开始和结束。u和和标签标签 代表HTML文档的头信息 ，一般在浏览器中不显示出来。可以忽略。 8.2 HTML8.2 HTML语言语言2.HTML2.HTML基本结构基本结构128.2 HTML8.2 HTML语言语言 当前文档的当前文档的URL全称（基底网址）全称（基底网址） 设定标题内容设定标题内容 表明该文档是一个可用于检索的网关脚本表明该文档是一个可用于检索的网关脚本 有关文档本身的元信息有关文档本身的元信息 设定设定CSS层叠样式表的内容层叠样式表的内容 设定外部文件的链接设定外部文件的链接 设定页面中程序脚本的内容设定页面中程序脚本的内容其中，在其中，在 和标签之间可包含

7、：13u和和 标签标签显示在浏览器最上方的标题栏中。 大机类2003级 8.2 HTML8.2 HTML语言语言14u 和和 标签标签 此标记定义超文本正文主体的起始位置，在它们之间生成的信息在浏览器的主窗口内显示。 华中科技大学 华中科技大学主页 8.2 HTML8.2 HTML语言语言15u和和标签标签 华中科技大学 华中科技大学主页 8.2 HTML8.2 HTML语言语言3.3.其它标签其它标签16u和和标记标记 此标记定义正文中子标题的字体大小。n是变量取值范围16，对应字号由大到小，即正文中可有6级标题。8.2 HTML8.2 HTML语言语言17 华中科技大学 华中科技大学 机械

8、学院 CAD中心 数控中心 计算机学院 8.2 HTML8.2 HTML语言语言18u和和标记标记 将标记之间的文本按原格式显示 华中科技大学 华中科技大学 机械学院： CAD中心 数控中心 8.2 HTML8.2 HTML语言语言19uHTML列表列表 8.2 HTML8.2 HTML语言语言 常用的列表分为3种，l无序列表无序列表(使用使用标签标签)nul标签是成对出现的,以开始,结束 n每一列使用标签定义,每一列使用一个点作为开头 如：如： WWW WEB GRIDE 20 华中科技大学 华中科技大学 机械学院 CAD中心 数控中心 计算机学院 8.2 HTML8.2 HTML语言语言2

9、18.2 HTML8.2 HTML语言语言l有序列表有序列表(使用使用标签标签)nol标签是成对出现的,以开始，结束 n每一列使用标签(与无序列表相同)定义,每列使用数字或字母开头. 22 华中科技大学 华中科技大学 机械学院 CAD中心 数控中心 计算机学院 8.2 HTML8.2 HTML语言语言238.2 HTML8.2 HTML语言语言l自定义列表自定义列表(使用使用标签标签).ndl标签是成对出现的,以开始，结束 n自定义列表的开始使用标签,列表中每个元素的标题使用定义,后面跟随用于描述列表中元素的内容 248.2 HTML8.2 HTML语言语言 日用杂货日用杂货 例如热水瓶、脸盆

10、等等例如热水瓶、脸盆等等 食品种类食品种类 鱼、肉和鸡鱼、肉和鸡 青菜、萝卜和豆腐青菜、萝卜和豆腐 橘子、苹果和梨橘子、苹果和梨 服装服装 交通交通 娱乐娱乐 电影、电视和舞台音乐电影、电视和舞台音乐25u 嵌入图象或动画注意：l src属性，对于标记，其src属性是必然属性。l alt属性是当鼠标移动到图像上时显示的文本l border属性是定义图片的边框（默认情况下边框不为）l align=left,center,right，分别是左对齐，居中，右对齐l 引号不能是中文引号l 图形文件的名字以及路径8.2 HTML8.2 HTML语言语言26 华中科技大学 华中科技大学 机械学院 CAD中

11、心 数控中心 计算机学院 8.2 HTML8.2 HTML语言语言27u和和(1)超文本链接机械学院(2)图形链接如果是视频可以用Embed代替img（3）邮件链接name8.2 HTML8.2 HTML语言语言28 华中科技大学 华中科技大学 机械学院 CAD中心 数控中心 计算机学院 8.2 HTML8.2 HTML语言语言29 华中科技大学 华中科技大学 机械学院 CAD中心 数控中心 计算机学院 8.2 HTML8.2 HTML语言语言30u 标示一个文件段落。u 单独使用表示换行u标记中的文字都会以原先的格式显示出来。u背景颜色属性背景颜色属性 u背景图像属性背景图像属性backgr

12、oud uHTML注释的开始使用注释的开始使用 8.2 HTML8.2 HTML语言语言31表格制作表格由 标记定义表格标题标记定义表格行标记定义单元格（数据内容）标记定义8.2 HTML8.2 HTML语言语言32 表格标题学号姓名01李四02张三8.2 HTML8.2 HTML语言语言33u HTML表单表单Form标签标签8.2 HTML8.2 HTML语言语言作用：使用HTML表单能实现网站与用户交互。如bbs登陆系统等。nform标签是成对出现的,以开始,以结束 n属性. Action - 浏览者输入的数据被传送到的地方,比如一个页面(pass.exe) Method - 数据传送的

13、方法 （get/post之一）34 输入域标记：（1）单行文本框用户名:8.2 HTML8.2 HTML语言语言u input 标签标签n 代表HTML表单的单行输入域 , input标签是单独出现n 属性. 输入型包括text,password,file 选择型包括checkbox,radio 点击型包括button,image,submit,reset 35(2) 密码文本框 密码: 8.2 HTML8.2 HTML语言语言36（3）滚动文本框8.2 HTML8.2 HTML语言语言37（4）下拉菜单选项1选项2选项38.2 HTML8.2 HTML语言语言38(5)单选按钮 选项1 选项

14、2 选项38.2 HTML8.2 HTML语言语言39(6)复选按钮 8.2 HTML8.2 HTML语言语言40（7）提交按钮8.2 HTML8.2 HTML语言语言（8）重置按钮418.3 JavaScript8.3 JavaScript语言语言 JavaScript 是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱动式的网页脚本语言。JavaScript的作用：的作用： l交互式操作； l表单验证； l网页特效； lWeb游戏 l服务器脚本开发等。 428.3 JavaScript8.3 JavaScript语言语言JavaScript的格式：的格式： lJavaScript区分大小写； lJavaScript脚本程序须嵌入在HTML文件中； lJavaScript脚本程序中不能包含HTML标记代码；（双引号） l每行写一条脚本语句； l语句末尾可以加分号； lJavaScript脚本程序可以独立保存为一个外部文件，但其中不能包含标签43 华中科技大学 alert(欢迎进入华中科技大学主页);