欢迎来到天天文库
浏览记录
ID:57581223
大小:1.42 MB
页数:8页
时间:2020-08-27
《网页制作步骤.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页面中的超链接。在“页面属性”按钮下,可以对链接样式进行修改。做好后,进行预览。预览按钮如下图所示。
此文档下载收益归作者所有