dreamweaver8学习手册

《dreamweaver8学习手册》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、学习手册Dreamweaver8学习手册前言★学习目标：通过使用DW*设计《资源网站》掌握如下知识：1、网站的基本知识：网站的结构、布局、文件管理2、定义站点3、用表格设计页面布局4、添加网页文字5、插入图像、Flash动画、声音、视频等6、网页中在线考试的实现★学习准备：1、网站的中使用到的素材存放在素材夹中，请各位同学课前将素材复制粘贴到本机上。2、每一节课后必须将自己的文件夹，存放在，文件命名为：自己的姓名＋日期如“陈红3月3日”。下次课前再将自己的作业文件夹复制到本机上继续使用。★示范网站资源网

2、站1、结构分析在线考试视频素材动画素材声音素材图片素材文字素材2、截图如下：网站首页18学习手册图片素材文字素材视频素材声音素材动画素材在线考试3、存放网站的文件夹18学习手册1、不要使用中文命名文件夹或文件2、网页中使用到的图像、声音、动画、视频等文件最好归类以文件夹的方式存放。任务一：建立站点建立站点的目的是让设计软件和我们存放网站的文件夹建立一个关联，它能方便我们对网站中文件的管理、查看以及检查网页中是否存在着一些错误。步骤：1启动Dreamweaver8后：32选择“否，不使用服务器技术”后单击

3、“下一步”在此起一个名字，中文、英语、数字都可以，之后单“下一步”54选择“无”，单击“下一步”，“完成”站点的建立。选择自己存放网站的文件夹，“打开”－“选择”之后“下一步”18学习手册此处会显示建立好的站点网站的文件夹或文件任务二：设计首页（打开网站首先展示的页面称为首页）主要内容区网站标题区（1行1列的无边框的表格）1行2列的无边框的表格网站导航区信息区（1行1列）的无边框的表格一、标题区的设计（详）1、菜单“插入→表格”命令，弹出属性设置窗口，其中“行”和“列”分别对应着表格的行数和列数，“宽度

4、”表示表格的宽度，而“边框”则是边框的宽度，同时还可以设定表格的样式，根据自己的需要来设置表格的相应属性即可。2、使光标处于表格内，菜单“插入→图像”，选择需要插入的图片后，“确定”因为选择的文件没有在网站文件夹中，出现该提示必须选择“是”在网站文件夹中建立“images”，”打开，保存。出现提示“确定”18学习手册3、菜单“插入→布局对象－层”，将层拖至图像上，输入文字“资源网站”，选中文字，在属性面板中设置文字的格式。二、主要内容区的设计（略）1、插入1行2列的表格。注意表格的宽度与标题区一致。选中

5、表格，在属性面板中可再设置表格的属性。2、在左边单元格中插入图片，方法同插入标题图片一样。3、在右边单元格中输入文字。提示：在输入空格时，需将输入法设置为全角。三、信息区设计（略）1、插入1行1列的表格。注意表格的宽度与标题区一致。2、菜单“插入→HTML－水平线”3、输入文字，在属性中设置文字在表格中居中。四、设计首页的页面属性设置“外观”中的“上边距”为0，使页面位于浏览器的顶端1、菜单“修改－页面属性”设置“标题/编码”中的“标题”为018学习手册五、保存预览首页的文件名为index1、菜单“文件

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

7、表格的效果。选中选中表格的方法：单击单元格的边框;选中单元格的方法：在一个单元格中拖动鼠标。第三步：在各单元格中输入文字和插入图片，注意此处的图片适宜选择尺寸较小的。第四步：在右侧单元格中根据需要再插入合适行列的表格。输入非中文的文件名后，保存。第五步：使用菜单“插入－媒体－插件”，打开“选择文件”对话框，选择好文件后，如提示是否将文件复制到站点下则选择“是”，18学习手册，并且在自己的站点文件夹中建立一个专门存放声音的文件夹，打开文件夹，，选中，拖动鼠标可将其放大使播放按钮能显示。第六步：保存，F12

8、预览其效果。以上是在网页中直接播放声音，另一类是链接到声音文件。方法：先输入表示声音或音乐的文件名，用鼠标选中文字，在属性面板的链接框中选择声音文件就行，出现的提示框如上操作。任务二：视频素材页面设计第一步：删除上面声音素材页中主要内容，将该页面使用“文件－另存为”,存成表示视频的页面。第二步：使用菜单“插入－媒体－插件”，选择视频文件即可，方法与插入声音一致。第三步：保存后预览。任务三：Flash动画页面设计1、到此我们的网站中已经有四个