1、打开360安全卫士，点击右下角的更多符号(+)。

1、双击打开Dreamweaver这款软件，进入Dreamweaver的操作界面。点击上方文件，下拉找到新建。。

2、点击新建后，选择空白页，文档类型为HTML。布局为无，点击右下角创建。结果如下图所示。。

3、页面右侧找到插入选项，点击他。并将它拉伸变长，找到表格选项。。

4、对话框弹出后，设置表格大小。行：列：其余暂时不变。完成后点击确定。。

5、在设计视图可看到，我们设置的3行1列的表格。在代码视图可看到，设置3行1列表格的代码，我们继续在设计视图进行操作。。

6、点击表格内部，下方出现表格设置。在表格第一行输入网页的标题文字，随后点击下方，水平：居中对齐，垂直：居中。并设置表格宽高，此时宽为。

7、将鼠标光标放在表格第二行，点击右侧图像，下拉后第一行点击图像。。

8、对话框出来后，在下方文件名中输入，插入图片的名称，点击确定即可。。

9、在表格第三行，输入文字：我的链接。并在后面附上链接，可复制可手工输入。。

10、点击上方文件，找到保存选项，点击保存。然后在对话框中输入此文件名，并保存在你容易找得到的地方，在点击确定即可。。

11、点击上方，像地球一样的图标，下拉后，点击在IE浏览器中预览，也可以在自行安装的浏览器中预览。。

1、创建网页页面　　在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。

2、中文版的的默认的文件名为“无标题文档”。

3、htm就表示这个网页文件是一个静态的HTML文件。

4、给它改名为index.htm。

5、　　注、网站第一页的名字通常是index.htm或index.html。

6、其它页面的名字可以自己取。

7、这也就是主页，上传后打开网页默认连接到此页。

8、在标题空格里输入网页名称，点击修改－页面属性，打开“页面属性”窗口。

9、在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色(一般默认即可)，其他都保持默认即可。

10、此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。

11、选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为再使文字居中，然后在文字前用几个回车使其位于页面中间等。

12、如要选取字体，则选择字体中的后一项、编辑字体列表。

13、然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。

14、　　注、在网页上常用的是宋体字。

15、不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。

16、如果需要用的话，要做成图片后再使用。

17、注、在网页上打入空格的办法是、把输入法调为全角。

18、注、在网页上换行的办法是、shift+Enter。

19、只按Enter则为换段。

20、下面拿一个现成的例子来给大家讲解一下、现在，以下边的简单网页为例，叙述一下制作过程。

21、简单网页如下图、在开始制作之前，我们先对这个页面进行一下分析。

22、看看这个页面用到了哪些东西。

23、□网页顶端的标题“我的主页”是一段文字。

24、　□网页中间是一幅图片。

25、□下端的欢迎词是一段文字。

26、□网页背景是一深紫红颜色。

27、构思好这个网页的结构，我们就可以开始制作了。

28、首先启动Dreamweaver，你已经用站点管理器建立好了一个网站(根目录)。

29、为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。

1、打开Dreamwavercs设置站点在D/201511202建立新网页HTML。。

2、输入文字“人类的伙伴—狗”，设置ccs规则的选择器类型。。

3、插入背景。在“页面属性”-“背景图像”插入背景。。

4、设置表格。在“插入”-“表格”选择7行3列，经过“合并单元格”等调整，制作好表格。插入图片。选择“插入”—“图像”在文件夹中选中需要的图片，点击确定。。

5、插入音乐。选择“插入”—“媒体”—“插件”—选择所需音乐—“确定”。在“插件”中调整参数为“hidden”，数值为“TRUE”。。

6、保存网页为index.html。这样主页面就做好了。。

7、接下来做页面二“狗狗品种介绍”。利用上述方法将表格和图片插入并输入文字内容。插入“表单”。选择“插入”—“表单”，在“表单”选中区域内插入“表格”，然后在合适位置插入“列表”“单选按钮组”和“按钮”。。

8、保存网页二为“狗狗品种介绍.html”。。

9、然后做页面三“狗狗逗趣视频”，利用上述方法将表格和图片插入并输入文字内容。插入视频。选择“插入”—“媒体”—“FLV”—“累进式下载视频”—“URL”—“检测大小”—“确定”。注意：将Flash播放器放到文件夹内才能播放。。

10、保存网页三为“狗狗逗趣视频.html”。。

11、.然后做页面四“狗狗优点贡献”，利用上述方法将表格和图片插入并输入文字内容。保存页面四为“狗狗优点贡献.html”。。

12、创建超链接。在网页上选中文字—“插入”—“超级链接”—“文件”—“目标”为-blank。。

1、在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。（ 注：网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此页。 ）。

2、在标题空格里输入网页名称，点击修改－页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色（一般默认即可），其他都保持默认即可。。

3、此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为再使文字居中，然后在文字前用几个回车使其位于页面中间等。

4、如要选取字体，则选择字体中的后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。 。

5、 注：在网页上常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。 。

6、注：在网页上打入空格的办法是：把输入法调为全角。 。

7、 注：在网页上换行的办法是：shift+Enter。只按Enter则为换段。 。

8、下面拿一个现成的例子来给大家讲解一下：现在，以下边的简单网页为例，叙述一下制作过程。简单网页如下图。

9、在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。 　　□网页顶端的标题“我的主页”是一段文字。 　　□网页中间是一幅图片。 　　□下端的欢迎词是一段文字。 　　□网页背景是一深紫红颜色。 　　构思好这个网页的结构，我们就可以开始制作了。 　　首先启动Dreamweaver，你已经用站点管理器建立好了一个网站（根目录）。 　　为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。【插入标题文字】 　　进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。 　　【设置文字的格式】选中文字，在上图属性面板中将字体格式设置成默认字体，大小可任意更改字号。并选中“B”将字体变粗。 　　【设置文字的颜色】首先选中文字，在属性面板中，单击颜色选择图标，在弹出的颜色选择器中用滴管选取颜色即可。 。

10、【设置网页的标题和背景颜色】 　　　点击“修改”菜单选“页面属性”。系统弹出页面属性对话框（如下图） 。

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

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

1、刚进入dreamweaver点击新建下方的更多，然后选择空白页，页面类型选择html模板，布局选无就行了。。

2、插入一个表格（菜单栏中选择插入，再找到表格），表格里的布局自己根据需要设置，在这里我设置为行数为列为表格宽度为1000像素。插入表格后，选中整个表格，选中后表框会加黑加粗，在下方设置为居中对齐。。

3、在表格第一行插入图像（菜单栏中选择插入，再找到图像），第二行加入滚动字幕。第三行插入表格（方法同上），1行4列，表格宽度为百分之一百。插入表格之后，再选中第三行的表格，选中后表格边框会加黑加粗，在下方设置表格为居中对齐，宽度为20%。。

4、第三行中选入一些文字，如首页，李白，杜甫，白居易。新建一个css文件，再建一个css，设置好类型中的颜色和背景中的颜色，加以区分。选中第三行，使用刚才新建的css，再新建一个css，表格的边框使用该css。。

5、在第四行插入可编辑区域。点击确定，可编辑区域中的文字即EditRegion3可以去掉，换行可以扩大可编辑区域的面积。。

6、在第五行插入可编辑区域，我还插入了一条水平线，并加上了版权。后保存。此时模板已经建好。。

7、新建，模板中的页，找到新建的模板，创建，保存为index.html（即网站的主页）,再重新打开新建的模板，在可编辑区预报输入李白的资料，保存为libai.com，此时你会发现只有在可编辑区域才能输入内容，其他区域都是不可操作的，这就是模板的特点。同理，在新建两个作为杜甫和白居易的网页。。

8、现在就差用超链接把上面做的几个网页连接起来了。在模板中选中首页，在下方html中的链接中输入首页的名称，即index.html，同理，选中李白，杜甫，白居易将他们连起来。超链接做好后在文字下方会多出一条横线。。

9、做完了之后在index.html中打开可以看看做出的效果，点击图中的小地球图标就可进行查看。。

1、刚进入dreamweaver点击新建下方的更多，然后选择空白页，页面类型选择html模板，布局选无就行了。

1、打开Dreamweaver，在左上角找到一个文件按钮，点击文件按钮。。

2、在弹出的菜单中，选择新建。。

3、在弹出的对话框中选择新建的页面类型，既然是网页就选择html的。。

4、选择完成页面类型了，就点击创建按钮。。

5、在生成的代码中，我们在body标签中填写内容“我的第一个网页”。。

6、然后用快捷键ctrl+s或者在左上角的文件按钮点击保存。。

7、保存选择保存的路径及保存的文件名称，我们先命名为index.html。。

8、在保存路径下面找到这个文件，双击打开。。

9、在浏览器中可以查看到我们新建的第一个网页。。

1、网站制作的流程大致分设计、制作和测试三个阶段~设计阶段，需要确定网站有哪些导航栏目，哪些页面，以及确定网站风格！制作阶段分页面制作和程序制作两个阶段、页面制作，就是把设计图转换成代码编辑的页面(静态页)，程序制作就是把页面中的数据制作成程序语言输出的形式，并且把静态页面整合优化！测试阶段，主要测试网站的浏览器兼容性，程序的安全性，代码的规范程度！。