第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编辑显示文件一样。在 网页上要展示的不同元素,需要采用不同的标签给出 定义和说明。 主要有: ◼定义网页结构的标签; ◼定义网页头部的标签; ◼定义网页网体内容的标签,该类标签中主要包含; ⚫ 文字、行、 段落、列表标签 ⚫ 表格、图形 ⚫ 超链接、视频、音频 ⚫ 表单