【HTML】学习笔记02

03 网页制作相关技术

---

网页设计开发工具

1、记事本编辑器

记事本编辑器可以编写简单的HTML代码，保存时选择格式为HTML文档。

2、文本编辑器

如何文本编辑器都可用来编写HTML代码。

3、EditPlus

支持HTML标记、颜色标记；内建完整的HTML和CSS指令功能。

4、Dreamweaver

专业的HTML编辑器，它提供了很多实用的工具；便于设计者快速制作网页，所见即所的。

5、浏览工具

IE、微软产品、谷歌、火狐等等。

---

网页制作相关技术

1、CSS（Cascading Style Sheet）

层叠样式表。CSS可以有效地对页面的布局、字体、背景、颜色进行控制。

2、JavaScript

网页（直译式、客户端）脚本语言。它是一种描述性语言、依据一定格式编写的可执行文件。JavaScript源代码无需编译就可以在浏览器中运行。

在HTML中，使用JavaScript可以开发交互式网页，因为JavaScript可以编写动态的代码，使静态的网页动起来。

---

网页设计思路的三个层次

结构层：首先，用HTML来描述完整的网页结构和内容。

表示层：其次，用CSS定义网页区划及元素显示效果。

行为层：再者，添加JavaScript源代码，实现JS的对象和事件的动作。

---

HTML、CSS、JavaScript结合的例子