《Web编程实用技术》课程教学课件（网站开发）第2章 静态网页开发技术

第2章静态网页开发技术 静态网页是指可以由浏览器解释执行而生成的网页, 其开发技术主要有:HTML、」 ava Script和CSs HTML是一组标签,负责网页的基本表现形式; JavaScript是在客户端浏览器运行的语言,负责在客 户端与用户的互动; CS是一个样式表,起到美化整个页面的功能 本章主要介绍HTML、 JavaScript和Cs三种技术及 其使用,并给出设计案例

第2章 静态网页开发技术 静态网页是指可以由浏览器解释执行而生成的网页， 其开发技术主要有：HTML、JavaScript和CSS。 HTML是一组标签，负责网页的基本表现形式； JavaScript是在客户端浏览器运行的语言，负责在客 户端与用户的互动； CSS是一个样式表，起到美化整个页面的功能。 本章主要介绍HTML、JavaScript和CSS三种技术及 其使用，并给出设计案例

第2章静态网页开发技术 21HTML网页设计 22cS样式表 23 JavaScript)脚本语言 24基于HTML+ JavaScript+CSS的开发案例

第2章 静态网页开发技术 2.1 HTML网页设计 2.2 CSS样式表 2.3 JavaScript脚本语言 2.4 基于HTML+JavaScript+CSS的开发案例

教学内容 学习并掌握静态网页的设计技术: 1、HTML HTML的网页的基本结构、各种常用标签的使用 格式和使用方法,重点是个类标签的属性设置。 2、cSS 对网页的格式进行美化。 3、 Javascript 简单的脚本设计语言(类似于Java语言,但很 简单易学),主要完成各类事件的响应与处理

教学内容 学习并掌握静态网页的设计技术： 1、 HTML HTML的网页的基本结构、各种常用标签的使用 格式和使用方法，重点是个类标签的属性设置。 2、CSS 对网页的格式进行美化。 3、JavaScript 简单的脚本设计语言（类似于Java语言，但很 简单易学），主要完成各类事件的响应与处理

教学目标 1、掌握静态网页的常用设计技术 2、利用这些设计技术,能够根据所给出的设 计要求,较熟练的设计静态网页。 3、三种设计技术必须掌握

教学目标 1、掌握静态网页的常用设计技术 2、利用这些设计技术，能够根据所给出的设 计要求，较熟练的设计静态网页。 3、三种设计技术必须掌握

引言1静态网页的有关预备知识 静态网页是指没有后台数据库、不含程序、不可交 互的网页。 静态网页是以htm或htm结尾的htm1文件编写的。在 程序设计中一般又把htm1网页称为静态网页。 HTML是 Hypertext Markup language的缩写,中文也 就是超文本链接标示语言。 HTML文本是由HM命令组成的描述性文本,HM命 令可以说明文字、图形、动画、声音、表格、链接 等

引言1——静态网页的有关预备知识 • 静态网页是指没有后台数据库、不含程序、不可交 互的网页。 • 静态网页是以htm或html结尾的html文件编写的。在 程序设计中一般又把html网页称为静态网页。 • HTML是Hypertext Markup Language的缩写，中文也 就是超文本链接标示语言。 • HTML文本是由HTML命令组成的描述性文本，HTML命 令可以说明文字、图形、动画、声音、表格、链接 等

引盲2—静态网页开发相关技术基础知识 相关的一系列技术:HTML、 JavaScript和csS。 (1)HTML:HTML是一组标签,负责网页的基本 表现形式; (2) JavaScript: JavaScript是在客户端浏览器运 行的语言,负责在客户端与用户的互动; (3)cSS:cSs是一个样式表,起到美化整个页 面的功能

引言2——静态网页开发相关技术基础知识 相关的一系列技术：HTML、JavaScript和CSS。 （1） HTML：HTML是一组标签，负责网页的基本 表现形式； （2）JavaScript：JavaScript是在客户端浏览器运 行的语言，负责在客户端与用户的互动； （3）CSS： CSS是一个样式表，起到美化整个页 面的功能

21HTML网页设计 21.1HTML文档结构与基本语法 212HTML基本标记与使用 213HTML表单标签与表单设计 214表单设计案例——学生入校注册页面设计 21.5HTML框架标签与框架设计 2.16框架设计案例——一多媒体播放系统设计

2.1 HTML网页设计 2.1.1 HTML文档结构与基本语法 2.1.2 HTML基本标记与使用 2.1.3 HTML表单标签与表单设计 2.1.4 表单设计案例——学生入校注册页面设计 2.1.5 HTML框架标签与框架设计 2.1.6 框架设计案例——多媒体播放系统设计

2.1.1HTML文档结构与基本语法 网页结构: 页面标题 百第个m顾- Tindors Internet Explorer 回x 99做1x 辑②查看收瀑夹④)工具①)帮助0g 地址栏输入文件路 sraesuite Hello, world 页面显示的内容 你好! 设计完成该网页的代码: head> 头部: 与 Hello. world 体: 在与

2.1.1 HTML文档结构与基本语法 页面标题 页面显示的内容 地址栏输入文件路 径 网页结构： 设计完成该网页的代码： 第一个 HTML 网页 Hello, world! 你好！ 头部： 在与 之间部分 主体： 在与 之间部分

1.HTML标记 用HTML编写的超文本文档称为HTML文档(文件),是 个放置了“标签”的文本文件,以“htm”或“htm”为扩展名, 可供浏览器解释执行的网页文件。例2-1源代码 网页文件是利用HTML所规定的标签定义网页中的各种元素 的性质和特点,从而完成网页所要求的功能。例2-1运行界面 头部: titl第一个HIML网页 Hello. world! 主体: 在

1．HTML标记 用HTML编写的超文本文档称为HTML文档（文件），是一 个放置了“标签”的文本文件，以“.html”或“.htm”为扩展名， 可供浏览器解释执行的网页文件。例2-1源代码 网页文件是利用HTML所规定的标签定义网页中的各种元素 的性质和特点，从而完成网页所要求的功能。例2-1运行界面

标签的分类(类型) 网页就像我们平时利用word编辑显示文件一样。在 网页上要展示的不同元素,需要采用不同的标签给出 定义和说明。 主要有: ■定义网页结构的标签; ■定义网页头部的标签; ■定义网页网体内容的标签,该类标签中主要包含; 文字、行、段落、列表标签 表格、图形 超链接、视频、音频 表单

标签的分类（类型） 网页就像我们平时利用word编辑显示文件一样。在 网页上要展示的不同元素，需要采用不同的标签给出 定义和说明。 主要有： ◼定义网页结构的标签； ◼定义网页头部的标签； ◼定义网页网体内容的标签，该类标签中主要包含； ⚫ 文字、行、 段落、列表标签 ⚫ 表格、图形 ⚫ 超链接、视频、音频 ⚫ 表单