怎样制作网页

网页是万维网的基本文档。网页可以是网站的一部分，也可以独立存在。Microsoft FrontPage 的许多特性是在使用网站时才会用到。FrontPage 中还有些特性可以帮助您设计和创建自己的网页。

为了帮助您创建外观专业、设计完善的网页，FrontPage 提供了多种网页模板 （模板：一组预先设计好的文本和图形格式的集合，可以基于这些内容创建新的网页和网站。使用模板创建网页或网站之后，可以自定义该网页或网站。），使您能快速地创建具有各种布局和功能的网页。例如，您可以使用 FrontPage 的模板创建用户注册网页、留言薄、反馈表单以及带有搜索表单的网页等。

可以使用主题来创建设计一致的网页。主题包含了采用一种配色方案的统一设计元素，包括字体、图形、背景、导航栏、水平线及其他网页元素。

如果想自己设计并布置网页，可以从一个空白的网页开始，然后进行以下一项或多项 *** 作：

使用框架、表格、布局或绝对定位来精确定位网页上的文本和图形。

添加文本、图形、网页横幅、表格、表单、超链接等网页元素。

添加 Flash 内容、视频、声音或 GIF 动画等动态元素。

添加可以变化的内容或功能，如字幕 （字幕组件：网页上显示水平滚动文本消息的区域。）、计数器 （计数器组件：FrontPage 中的组件，跟踪万维网网站的访问者的数目。）、时间戳、网页过渡、交互式按钮以及使用动态 HTML (DHTML) （DHTML：超文本标记语言 (HTML) 的扩展，添加多媒体、数据库访问以及对象模型，程序可使用它们更改页面元素（对象）的样式和属性并将现有元素（对象）替换为新的元素（对象）。） 的表现方式。

应用样式或使用样式表来设置文本格式。

用颜色或图片来设置网页背景

通过使用动态网页模板（它可以包括具有网页设置、格式设置和网页元素的网页）来创建自己的网页模板。

也可以从网站的图形外观（称之为描摹图像）开始进行设计。为此，可以在图形程序中创建一个网页图像的外观模型，并将其作为直观的参照，以便重新创建和描摹网页设计。

在 FrontPage 中进行编辑

您无须懂得如何使用 HTML 进行编码，即可使用 FrontPage。您可以象在字处理程序中一样 编辑网页（键入文本、设置文本格式以及添加图形、表格和其他网页元素） ，FrontPage 会在后台添加相应的 HTML 标记，您只须在“设计”视图中编辑网页。

但是，如果您想熟悉 HTML 或直接编辑 HTML 代码，则也可以使用“代码”视图，它显示了网页的 HTML 代码；或者“拆分”视图，它同时显示了“代码”和“设计”视图。

如果对 HTML 熟悉，可在“代码”视图中显示 HTML 标记，并自己编写和编辑这些 HTML 标记。利用 FrontPage 中的创建和维护优化代码选项，可以创建清晰的 HTML，并可以方便地将不想要的代码删除。

在 FrontPage 中，可以使用可扩展标记语言 (XML) （可扩展标记语言 (XML)：标准标记语言 (SGML) 的一种浓缩形式，开发人员可用其创建自定义标签，为整理和提供信息提供了灵活性。） 来补充而不是替换您的 HTML。您可以查看或编辑文件，将标准格式应用到 XML 文件的代码结构中，查看 XML 目录树以及创建网页中 XML 数据的自定义显示。例如，可以创建网页来显示 XML 文件中的数据、对数据进行格式化以及应用过滤、排序和条件格式来按所需方式显示数据。

图层是网页的一个区域，在一个网页中可以有多个图层存在，它最大的魅力在于各个图层可以重叠，并且可以决定每个图层是否可见，同时也能够自定义各图层之间的层次关系。在熟练掌握了图层技术之后，就可以给网页提供强大的页面控制能力。 为了说明图层的功能，我们先来制作简单的实例: 1、实现特效 在Dreamweaver MX 2004中新建一个页面，运行“Insert→Layer Objects→Layer”命令，此时编辑窗口中会出现一个黑色矩形框，这就是插入的图层。当鼠标移动到矩形的框线上时，鼠标会变成十字箭头形状，此时点击鼠标则框线周围出现8个黑色实心方块，左上角还有一个空心方块，表示这个图层被选中了。 提示：用鼠标拖拽实心方块可以改变图层大小，拖拽左上角的空心方块可以改变图层的位置。 第二步 在图层中点击一下鼠标，并且在其中输入“中国电脑教育报”，然后在属性面板窗口中将文字设置为蓝色。 第三步 单击图层边框选中图层，接着运行“Edit→Copy”命令复制当前图层，然后在编辑窗口其它空白处点击一下鼠标，并且运行“Edit→Paste”命令，这样在编辑窗口中就又出现了一个图层，不过目前它们重叠在一起，需要移动图层之后才能看见这两个图层。 第四步 把其中一个图层的文字颜色更改为黑色，并且移动图层位置，使得两个图层的位置相差几个像素，这样就产生了阴影效果。 2、嵌套图层 所谓嵌套图层指的是一个图层创建在另外一个图层中，比如图3所示的就是一个典型的嵌套图层（如图3）。实际上制作这种嵌套图层很简单，只要创建了一个父图层之后用鼠标点击图层内部，并且再次插入一个图层即可。不过嵌套的图层并不意味着子图层必须要在父图层内部，它们之间存在着继承关系。 继承的作用是可以使子图层的可见性和父图层保持一致，由于很多动态网页的特效是通过控制图层的可见性来实现的，因此当父图层可见性改变时，子图层的可见性也随之改变。而且继承关系也可以让子图层和父图层的相对位置不变，比如我们拖拽父图层移动，此时子图层也会跟随着移动，这在制作动态网页的时候将显得非常有用。 3、图层的“Z－顺序” 和表格相比，图层最大的优势在于图层可以重叠，为了表示各个图层哪个在上面，哪个在下面，就要给每个图层设定一个序号，这个序号就是“Z-顺序”，它的意思就是除了屏幕的X和Y坐标之外，人为增加一个垂直于屏幕的Z轴。 4、使用图层建立表格 虽然使用图层来定位网页元素比使用表格方便得多，但是只有IE 4.0以上版本的浏览器才支持图层功能，因此为了让使用旧版本浏览器的朋友也可以看到你辛苦制作出来的作品，最好的方法就是把图层转换为表格。 如果想把自己的网页制作的绚丽多彩，就必须掌握图层技术，否则日后制作动态网页时候将会遇到不少困难，因此建议大家通过上文的介绍深入研究一下，才能够真正掌握图层技术。

一个网页构成要素，相信大家心里都会有个大概，但是要具体说清楚了，又一下子讲不上来。

网页设计的构成要素具体有那些呢？搜点来为大家罗列一下。

要素一：文字

文字是网页中最主要的一部分。对于文字的把握，主要有两点。一是简洁、明了，能够让用户读得下去；二是数量的掌握，文字太少，会显得单调，文字多了，网页就会显得很乏味。

要素二：图片

图片，比文字更能吸引人的眼球，所以网页中要善用图片。在某些突出的位置，可以放置一些比较出彩的图片，这样既能达到美观的效果，又能让浏览者对网页印象深刻。

要素三：色彩

色彩的搭配，能体现出一个网页设计者的审美观，也会直接影响到浏览者的观感。网页的颜色不用很多，但是一定要搭配得当。一个网页一般会有一个主打色，用以配合网页的主题。其他的颜色，辅以调节的作用。

要素四：排版

有文字、有图片、有颜色，网页有这些就够了吗？No!光是这些，还不够，还需要有专业的排版技术，把这些要素整合起来，组成一个协调的页面。排版需要顾忌很多，要注意字间距，文字、图片的数量，颜色的搭配，页面留白等等，是个细致活。

要素五：多媒体

有些网页为了博眼球，会放置音频、动画、视频等等，这些就是多媒体了。但是，一在一般的网页中，存在大量的多媒体并不是一件好事，这些多媒体会对网页打开速度造成影响。一般，放置多媒体，需要量力而行。

---