Web前端开发实例与实战第1章 初识网页设计.pdfVIP

编写日期：授课日期：任课教师：

课程《Web前端开发实例与授课授课

名称实战》专业班级

授课授课

周次节次第1章2学时

章初识网页设计学时

1.了解网页。

知识

2.了解Web标准。

教学

目标1.能够下载Dreamweaver。

能力

2.能够安装Dreamweaver。

素质崇尚科学精神，具有将创新理念融入自身学习、生活的意识。

教学

熟知ECMA国际组织

重点

教学

编写一个网页

难点

教学

教学环节包括课堂讲授、集体讨论、师生互动、课后答疑等

方法

教学多媒体、课件

用具

第1章初识网页设计

1.1网页制作语言

在符合标准的网页设计中，HTML与CSS、JavaScript并列称为网页前端设

教学计的3种基本语言。其中，HTML负责构建网页的基本结构，CSS负责设计网页

内容的表现效果，JavaScript负责开发网页的交互效果。

1.1.1HTML语言

超文本标记语言（hypertextmarkedlanguage，HTML）是一种用来制作超

文本文档的简单标记语言。

HTML用于描述功能的符号称为标记或标签。标记在使用时必须用一对尖括

号（）括起来，可以一个出现也可以成对出现。浏览器会对HTML文档中对

的标记进行解释。例如，a标签被解释为超链接，p标签被解释为段落样式。

默认情况下标签以嵌套关系进行使用，可以形成一个基础的文档结构。

1.1.2CSS语言

层叠样式表（cascadingstylesheet，CSS）用于实现更加丰富和美观的

网页样式。CSS语言允许代码和网页标记内容分离编写，从而更加便于代码的

编写和后期维护。

1.1.3JS语言

Java脚本（JavaScript，JS），它是一种具有函数优先的轻量级、解释型

或即时编译型的编程语言。JavaScript语言可以用于Web页面，也可以用于其

他非浏览器环境中。

1.1.4网页展示工具

HTML语言的编辑工具最常见的有3种，分别是记事本、VisualStudioCode

和Dreamweaver。

1.记事本

由于HTML文件的内容都是文本类型，所以可以使用Windows系统自带的记

事本对HTML文档进行编辑。用户只需要右击HTML文档，在菜单中选择记事本

打开即可。

2.VisualStudioCode

VisualStudioCode，简称VSCode，是由微软推出的开放源代码的代码编

辑器，支持多个平台，如Windows、Linux和m