网页制作步骤.doc

《网页制作步骤.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、1、打开Dreamweaver软件，创建一个新的空白HTML网页。2、将网页保存，选择“文件”“保存”命令，命名为“index.html”.3、表格布局。在“设计”视图下进行表格布局。“插入”“表格”命令，弹出“表格”对话框，设置成3行3列，宽度为800像素，边框为0.表格插入进去以后，将表格“居中对齐”。现在来拆分、合并单元格。选中第一行的三个单元格，单击“属性”面板中左下角的合并按钮。选中第二行的第一个单元格，单击“属性”面板中左下角的拆分按钮，拆分成4行。选中第三行的三个单元格，单击“属性”面板中左下角的合并按钮。设置单元格宽高。选中第一行，在“属性”面

2、板中设置高度为150.选中第二行刚刚拆分后的四个单元格，设置宽度为150，高度为50.选中第三行，设置高度为30.4、设置背景。单击“属性”面板中的“页面属性”按钮，在弹出的“页面属性”对话框中设置背景图像。选中表格的第一行，单击“属性”面板中“背景”后的文件夹按钮，设置单元格背景。选中以下所示的三个单元格，设置背景图像。对表格剩下的部分，设置背景颜色。设置完成后的效果如下图所示。6、添加文字信息。编辑字体、字号、字体颜色、大小等信息。7、插入图片。选择“插入”“图像”命令，在后边的单元格内插入一张图片。调整图片大小，并居中。8、选中整个表格。可单击左下角的t

3、able标签。在“属性”面板中设置间距为0。首页“index.html”已完成。9、新建一个html网页，命名为“donghua.html”，保存到同一文件夹内。10、在index.html页面中，单击“代码”，回到“代码”视图，选中所有代码，复制。然后到donghua.html页面“代码”视图下，将原有代码删除后粘贴。在donghua.html的设计视图下，删除之前第二行二、三列单元格内容后，合并这两个单元格。在此单元格内插入Flash动画。选择“插入”“媒体”“Flash”命令。调整大小、居中。化学动画“donghua.html”已完成。11、设置超链接。

4、Index.html页面中：选中“首页”这两个字，在“属性”面板里设置超链接。Index.html页面中：选中“化学动画”这两个字，在“属性”面板里设置超链接。用同样的方式，设置donghua.html页面中的超链接。在“页面属性”按钮下，可以对链接样式进行修改。做好后，进行预览。预览按钮如下图所示。