制作简单网页的步骤-域名频道IDC知识库

制作简单网页的步骤

1.首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站(根目录)。为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。

2.然后在创建新项目下面点击HTML，下面常用到的有javascrpt，和CSS样式。

3.进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。

4.使用插入栏：单击插入栏对象按钮>选按钮，弹出“选择图像源文件”对话框，其余操作同上。

5.使用面板组“资源”面板(如下图)：点按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置。

6.在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您„„”然后，利用属性面板对文字进行设置。保存页面。一个简单的页面就这样编辑完毕了。

7.在页面编辑器中按F12预览网页效果。网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm。

在很多时候，我们都需要html的静态页面代码，那么我们介绍一下静态页面的代码。

<html></html>：静态网页源代码首尾结构标记，代码内呈现网页所有内容

<body bgcolor>=背景色；</body>：网页主体部分

<title></title>：标签内显示出网页台头的标题名，用于<head></head>标签之内

制作简单网页的步骤