Dreamweaver8网页课件制作教程

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

1、全有文档友情提供www.ldflover.comDreamweaver8学习手册前言★学习目标：通过使用DW*设计《资源网站》掌握如下知识：1、网站的基本知识：网站的结构、布局、文件管理2、定义站点3、用表格设计页面布局4、添加网页文字5、插入图像、Flash动画、声音、视频等6、网页中在线考试的实现★学习准备：1、网站的中使用到的素材存放在ftp://192.168.255.14“初中教师培训”中，请各位老师课前将素材复制粘贴到本机上。（用户名：print密码cas）2、每一节课后必须将自己的文件夹，存放在ftp://192.

2、168.255.14“初中教师培训”中的“教师作业”中，文件命名为：自己的姓名＋日期如“任春会10月13日”。下次课前再将自己的作业文件夹复制到本机上继续使用。★示范网站资源网站1、结构分析在线考试视频素材动画素材声音素材图片素材文字素材2、截图如下：网站首页19www.ldflover.com全有中国全有文档友情提供www.ldflover.com图片素材文字素材动画素材声音素材在线考试视频素材3、存放网站的文件夹19www.ldflover.com全有中国全有文档友情提供www.ldflover.com1、不要使用中文命名文

3、件夹或文件2、网页中使用到的图像、声音、动画、视频等文件最好归类以文件夹的方式存放。任务一：建立站点建立站点的目的是让设计软件和我们存放网站的文件夹建立一个关联，它能方便我们对网站中文件的管理、查看以及检查网页中是否存在着一些错误。步骤：1启动Dreamweaver8后：32选择“否，不使用服务器技术”后单击“下一步”在此起一个名字，中文、英语、数字都可以，之后单“下一步”54选择“无”，单击“下一步”，“完成”站点的建立。选择自己存放网站的文件夹，“打开”－“选择”之后“下一步”19www.ldflover.com全有中国全有

4、文档友情提供www.ldflover.com此处会显示建立好的站点网站的文件夹或文件任务二：设计首页（打开网站首先展示的页面称为首页）主要内容区网站标题区（1行1列的无边框的表格）1行2列的无边框的表格网站导航区信息区（1行1列）的无边框的表格一、标题区的设计（详）1、菜单“插入→表格”命令，弹出属性设置窗口，其中“行”和“列”分别对应着表格的行数和列数，“宽度”表示表格的宽度，而“边框”则是边框的宽度，同时还可以设定表格的样式，根据自己的需要来设置表格的相应属性即可。2、使光标处于表格内，菜单“插入→图像”，选择需要插入的图片

5、后，“确定”因为选择的文件没有在网站文件夹中，出现该提示必须选择“是”在网站文件夹中建立“images”，”打开，保存。出现提示“确定”19www.ldflover.com全有中国全有文档友情提供www.ldflover.com3、菜单“插入→布局对象－层”，将层拖至图像上，输入文字“资源网站”，选中文字，在属性面板中设置文字的格式。二、主要内容区的设计（略）1、插入1行2列的表格。注意表格的宽度与标题区一致。选中表格，在属性面板中可再设置表格的属性。2、在左边单元格中插入图片，方法同插入标题图片一样。3、在右边单元格中输入文字

6、。提示：在输入空格时，需将输入法设置为全角。三、信息区设计（略）1、插入1行1列的表格。注意表格的宽度与标题区一致。2、菜单“插入→HTML－水平线”3、输入文字，在属性中设置文字在表格中居中。四、设计首页的页面属性设置“外观”中的“上边距”为0，使页面位于浏览器的顶端1、菜单“修改－页面属性”设置“标题/编码”中的“标题”为019www.ldflover.com全有中国全有文档友情提供www.ldflover.com五、保存预览首页的文件名为index1、菜单“文件－保存”2、使用F12预览网页效果任务一：声音素材页面设计浏览

7、示范网们我们可以看出整个网站中各页的布局都是一样的。那我们将上次的首页作小小修改，再添加上导航栏就OK了。删除此处的文字网站标题区（1行1列的无边框的表格）第一步：删除如图示的图片和文字后，菜单“文件－另存为”，文件名为sound或者是自己容易记的拼音字母也可。删除此处的图片信息区（1行1列）的无边框的表格第二步：在左单元格中插入7行1列的表格，注意表格宽度中单位要选择百分比最好。选中表格或单元格（在一个单元格中拖动鼠标）后可在属性面板中设置表格的效果。选中选中表格的方法：单击单元格的边框;选中单元格的方法：在一个单元格中拖动鼠

8、标。第三步：在各单元格中输入文字和插入图片，注意此处的图片适宜选择尺寸较小的。第四步：在右侧单元格中根据需要再插入合适行列的表格。输入非中文的文件名后，保存。第五步：使用菜单“插入－媒体－插件”，打开“选择文件”对话框，选择好文件后，如提示是否将文件复制到站点下