Dreamweaver简单描述制作网页的基本步骤

1、本教程主要是针对初学者，如何使用 Dreamweaver 制作一个网页？这个教程具体详细讲 解了制作网页的步骤，及注意的问题，并且拿一个实例来给大家做了一下详细讲解！ 创建网页页面1、 在Dreamveaver文件新建常规基本页HTML，这样就建好了一个页面，英文版的默认的文件名为 untitled.htm。中文版的的默认的文件名为无标题文档”。htm就表示这个网页文件是一个静态的 HTML 文件。给它改名为 index.htm。注：网站第一页的名字通常是 index.htm 或 index.html 。其它页面的名字可以自己取。 这也就是主页，上传后打开网页默认连接到此页。2、 在标题空格里

2、输入网页名称，点击修改页面属性，打开“页面属性 ”窗口。在这里 可以设置网站的标题、背景颜色或背景图像，超级链接的颜色（一般默认即可），其他都保 持默认即可。3此时光标位于左上角，可输入一句话，如 “欢迎来到我的主页 ”。选取文字，用菜单 “窗口/属性 ”打开属性面板， 选取文字大小为 6，再使文字居中， 然后在文字前用几个回车使 其位于页面中间等。4如要选取字体， 则选择字体中的最后一项： 编辑字体列表。 然后在对话框中选 +号， 接着在 “可用字体 ”栏中选择需要加入到字体列表中的一种字体， 点击中间的按钮就可以加入 了。注：在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别

3、人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。注：在网页上打入空格的办法是：把输入法调为全角。注：在网页上换行的办法是：shift+Enter。只按Enter则为换段。下面拿一个现成的例子来给大家讲解一下：现在，以下边的简单网页为例， 叙述一下制作过程。 简单网页如下图：在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。网页顶端的标题 “我的主页 ”是一段文字。网页中间是一幅图片。最下端的欢迎词是一段文字。网页背景是一深紫红颜色。构思好这个网页的结构，我们就可以开始制作了。首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站（根目录）。为了

4、制作方便， 请您事先打开资源管理器， 把要使用的图片收集到网站目录images 文件夹内。【插入标题文字】进入页面编辑设计视图状态。 在一般情况下， 编辑器默认左对齐， 光标在左上角闪烁， 光标位置就是插入点的位置。 如果要想让文字居中插入， 点属性面板居中按钮即可。 启动中 文输入法输入 “我的主页 ”四个字。字小不要紧，我们可以对它进行设置。【设置文字的格式】 选中文字，在上图属性面板中将字体格式设置成默认字体，大小可任意更改字号。并选中“ B将字体变粗。设置文字的颜色】首先选中文字，在属性面板中，单击颜色选择图标，在弹出的颜色选择器中用滴管选取颜色即可。设置网页的标题和背景颜色】点击“修

5、改”菜单选 “页面属性 ”。系统弹出页面属性对话框 （如下图）请在标题输入框填入标题 “我的主页 ”。设置背景颜色： 网页背景可以是图片，也可以是颜色。此例是颜色。如上图打开背 景颜色选择器进行选取。 如果背景要设为图片，点击背景图象 “浏览”按钮， 系统弹出图片选 择对话框，选中背景图片文件，点击确定按钮。设计视图状态， 在标题 “我的主页 ”右边空白处单击鼠标， 回车换一行， 按照以下的步骤 插入一幅画图片， 并使这张图片居中。 您也可以通过属性面板中的左对齐按钮让其居左安放。【插入图像】选择以下任意一种方法：（1）使用插入菜单：在 “插入”菜单选 “图像”，弹出“选择图像源文件 ”对话框

6、，选中该 图像文件，单击确定。如下图：（ 2）使用插入栏：单击插入栏对象按钮选 按钮，弹出 “选择图像源文件 ”对话框，其余操作同上。（3）使用面板组 “资源 ”面板（如下图）：点按钮，展开根目录的图片文件夹，选定该 文件，用鼠标拖动至工作区合适位置。注：为了管理方便，我们把图片放在“ images文件夹内。如果图片少，您也可以放在站点根目录下。 注意文件名要用英文或用拼音文字命名而且使用小写， 不能用中文， 否则要出 现一些麻烦。一个图片就插入完毕了。（插入 *.swf动画文件，选择 插入”菜单媒体Flash）。 【输入欢迎文字】在图片右边空白处单击，回车换行。仍然按照上述方法， 输入文字 欢迎您”然后,利用属性面板对文字进行设置。保存页面。一个简单的页面就这样编辑完毕了。【预览网页】在页面编辑器中按 F12 预览网页效果。 网站中的第一页，也就