（精品教育）5.设计制作个性化电子作品

《（精品教育）5.设计制作个性化电子作品》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、Dreamweaver设计首页导学案完成后的样例新课前准备：（1）建立站点“dongwu”启动Dreamweaver，单击“站点”菜单中的“新建站点”命令，在打开的站点名字文本框里输入站点名“dongwu”，单击“下一步”按钮；当询问文件存储位置时，输入站点文件存储路径：d:dongwu，，单击“下一步”按钮；当询问“您如何连接到远程服务器？”时，选择“无”，单击“下一步”按钮。在站点定义“总结”对话框中，单击“完成”按钮，在“文件”面板中可以看到该站点文件及资源、代码片段各文件夹。（2）新建空白网页并保存为

2、“index.html”单击“文件”菜单中的“新建”命令，打开“新建文档”对话框，选择“基本页”中的“HTML”，单击“创建”按钮，新建一个空白网页，保存到D盘“dongwu”文件下，保存文件名为“index.html”。（2）任务一：输入网站标题和正文内容，添加文字并排版。（1）在编辑器窗口中输入标题“南京红山动物园欢迎您！”，在“属性面板”中对标题文字进行格式设置：字体大小60像素（px），字体颜色“深蓝色”，居中对齐，加粗。（2）文字输入与排版。打开文件“南京红山森林动物园介绍”，复制已有的文本内容，再用

3、“属性窗口”完成文字的排版：字体大小25px，字体默认，字体颜色蓝色，左对齐。注：在Dreamweaver中文字的排版与WPS文档中对文字排版方法类似。任务二：插入水平线将插入点移动到水平线的位置，单击“插入→HTML→水平线”命令，完成水平线的插入。选定水平线并利用属性窗口设置水平线的属性：高度为2像素，右击→编辑标签→浏览器特定的，选择深蓝色。在网页中适当插入水平线，可以分隔网页中的信息，使得页面更加清晰，方便浏览。任务三：插入网站标志图和背景图片。插入网站标志图将插入点一到标题左端，单击“插入”菜单中的“

4、图像”命令，打开“选择图像源文件”对话框，选择图片文件（logo.png），单击“确定”按钮。通过“属性窗口”设置图片大小，对齐方式。背景图片单击“属性窗口”中的“页面属性”按钮，打开“页面属性”对话框，在“外观”中浏览选择背景图片文件，可根据需要设置参数值。本节课拓展学习：在网页中插入背景音乐并在适当位置插入“Enter”GIF动画和“进入下一页”的文字。插入背景音乐单击“窗口”菜单中的“行为”命令，打开“行为”面板，单击“+”后选择“播放声音”命令，打开“播放声音”对话框，浏览选择声音文件并单击“确定”按钮

5、。如图所示。选定音乐插件图标，单击“属性面板”中的“参数”按钮，打开“参数”对话框，修改“AUTOSTART”参数后面的值，由“false”改为“true”，这样，当我们浏览该页面时，背景音乐就会自动响起。课后探究拓展：设计和制作具有个性的社团网站欢迎页面，是首页更加靓丽。要求：(主题：初中生最喜欢的流行音乐或体育项目等)美化标题，用艺术字方法制作网页的标题插入一个动画