在2006年11月13号到22号的7次课中，我们了解了网页设计的一些基础知识，包括 HTML的基本原理等内容，从今天开始我们进入新的一个单元——“网页元素”，也就是在制作网页时，我们一定会用到的一些网页组成部件，例如文字 、图片等等。
对于一个网页而言，首先它一定要能够显示文字，因此在今天的课程中，我们先来学习如何在页面中输入和编辑文字。希望大家掌握如下要点：
1：输入段落文字时，能够实现分段效果，以及段内换行效果，并理解相应的HTML标记。
2：了解“文本属性面板”中各个选项的用途。
3：掌握设置文字“格式”、“大小”、“颜色”、“对齐方式”、“加粗”、“倾斜”等属性的实现方法。
4：理解字体列表的作用。掌握设置文字字体的方法。
5：掌握创建“文字列表”的方法。
本节课时长14分31秒，下载文件2.54兆字节。
在上节课中，我们学习了在网页插入文字的基本方法，事实上，仅仅使用HTML中的标记，是很难精确地对文本的样式进行设置的，因此，这里就要介绍一个特别重要的内容了。它就是——著名的“CSS”。
我们以后还会专门把CSS单独拿出来，作为一门课来讲解，目前呢只是泛泛地介绍一些最基本的概念和用法。
CSS，中文名称是“层叠式样式表”（Cascading Style Sheets）是由W3C组织制定的一种非常实用的网页元素定义规则。
在今天课程中，我们将学习以下要点：
1.理解使用CSS样式表的必要性，即为什么要使用样式表，使用了样式表有什么好处。——CSS的狠心思想就是使网页的“内容”与“形式”分离，HTML用于定义页面的内容，而CSS则用来定义页面的形式，即它的外观。
2.使用样式表的基本原则：“先定义，后使用。”
3.在Dreamweaver，创建样式表的方法。我们可以对某个特定的HTML标记进行的样式定义，也可以新创建一种样式，然后把它应用于某些网页元素。
4.在Dreameaver中，可以非常方便地设置样式的各种属性。
5.在定义好一种新的样式以后，在Dreamweaver中，选中某个网页元素，比如一个段落，或者若干个文字，然后就可以应用创建好的样式。
6.理解三种样式表的区别：内联式、嵌入式、连接式。
7.理解样式冲突的原因和三种样式表的优先级。
本节课时长20分39秒，下载文件3.26兆字节。
通过上两次课的演示，我们已经学会了如何在网页中加入文本，并能够精确地设置文字的样式了。接下来，为了使网页“图文并茂”，图片是必不可少的一种网页元素。在这一课中，我们就来学习如何在网页中插入图片。
在本课中，我们将学习以下要点：
1.首先,为了在网页中显示图片，必须先准备图片文件，目前流行的应用于网页的有两种图片格式，即GIF格式和JPEG格式，这两种格式的图片，浏览器都可以正确显示，其中Gif格式的图片可是使用透明背景，因此制作网页的时候特别有用，它可以让图形和背景很好的“融合”，而不会出现一个方形的背景框。
2.理解在网页中插入图片的基本原理。请大家务必理解，网页文件和里面显示的图片文件是相互独立的,不是像Word文档那样，一个文档就既包含了文字内容，也包含了里面的图像内容；而是HTML文档中仅包含了图像的地址信息，因此要在浏览器中显示一个包含图片的网页，就必须保证浏览器能能够同时找到HTML文件，以及图像文件。
3.理解路径的含义。有不少读者曾经给我们发Email询问，为什么他们制作的网页无法正确地显示出图像来，实际上99%的可能是由于把图像的路径设置错了，因此一定要搞清楚路径的概念。
4.掌握HTML中的相关标记。
5.了解“图像属性面板”中各个选项的用途。Dreamweaver提供了一些内置的图像处理功能，虽然功能比较简单，但是有时候用起来也是很方便的，因此不妨掌握一下。
本节课时长12分07秒，下载文件3.44兆字节。
通过前面几课的学习，我们已经可以制作出图文并茂的网页了，但是网页的另一个最重要的特征——超级链接，还没有实现。正是因为有了超级链接，数以亿计的网页才联系在一起，成为了今天丰富多彩的互联网。
因此，在这一课中，我们就来学习如何使原本相互独立的网页能相互连接，从而实现跳转。
在本课中，我们将学习以下要点：
1.理解超级链接的基本原理和它的用途。
2.掌握HTML中的相关标记，在 HTML中实现超链接的标记 “a”标记，链接目标网页的地址由“href”属性来指定。
3.掌握在Dreameaver中使用属性面板为文字设置超级链接的方法。
4.请大家务必要理解路径的概念，包括绝对路径和相对路径的概念，只有这样才能保证设置链接能够正确地实现跳转。
本节课时长8分54秒，下载文件2.34兆字节。
除了可以对文字设置超级链接，图片也可以设置超级链接。
图片与文字的超级链接很相似，在本课中，我们就来看一看如何为图片设置超级链接。
本可主要学习以下几个要点：
1.掌握为图片设置超级链接的方法。建立的图片超级链接与文字超级链接具有相同的功能，当鼠标单击图片时，浏览器会跳转到新的页面。
2.在HTML中还可以实现功能更强大的图片超级链接，称为“映像图”。所谓映像图就是一幅图片被分为若干区域，这些区域被称为热点区域，不同的热点区域对应不同的超级链接，即用鼠标单击画面的不同位置可以跳转到不同的页面。比如我们可以为一幅地图中的不同区域设置不同的链接页面，这样访问者电机不同的位置，就会跳转到不同的页面了。
本节课时长9分03秒，下载文件1.66兆字节。
您当前正在浏览分类网页元素中的存档。
“学以致用”主机使用视频教程：
 |
 了解详细说明 |
