5.设计制作个性化电子作品_第1页
5.设计制作个性化电子作品_第2页
5.设计制作个性化电子作品_第3页
5.设计制作个性化电子作品_第4页
5.设计制作个性化电子作品_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

Dreamweaver设计首页导学案完成后的样例新课前准备：（1）建立站点“dongwu”启动Dreamweaver，单击“站点”菜单中的“新建站点”命令，在打开的站点名字文本框里输入站点名“dongwu”，单击“下一步”按钮；当询问文件存储位置时，输入站点文件存储路径：d:dongwu，单击“下一步”按钮；当询问“您如何连接到远程服务器？”时，选择“无”，单击“下一步”按钮。在站点定义“总结”对话框中，单击“完成”按钮，在“文件”面板中可以看到该站点文件及资源、代码片段各文件夹。（2）新建空白网页并保存为“index.html”单击“文件”菜单中的“新建”命令，打开“新建文档”对话框，选择“基本页”中的“HTML”，单击“创建”按钮，新建一个空白网页，保存到D盘“dongwu”文件下，保存文件名为“index.html”。（2）任务一：输入网站标题和正文内容，添加文字并排版。（1）在编辑器窗口中输入标题“南京红山动物园欢迎您！”，在“属性面板”中对标题文字进行格式设置：字体大小60像素（px），字体颜色“深蓝色”，居中对齐，加粗。（2）文字输入与排版。打开文件“南京红山森林动物园介绍”，复制已有的文本内容，再用“属性窗口”完成文字的排版：字体大小25px，字体默认，字体颜色蓝色，左对齐。注：在Dreamweaver中文字的排版与WPS文档中对文字排版方法类似。任务二：插入水平线将插入点移动到水平线的位置，单击“插入HTML水平线”命令，完成水平线的插入。选定水平线并利用属性窗口设置水平线的属性：高度为2像素，右击编辑标签浏览器特定的，选择深蓝色。在网页中适当插入水平线，可以分隔网页中的信息，使得页面更加清晰，方便浏览。任务三：插入网站标志图和背景图片。 插入网站标志图将插入点一到标题左端，单击“插入”菜单中的“图像”命令，打开“选择图像源文件”对话框，选择图片文件（logo.png），单击“确定”按钮。通过“属性窗口”设置图片大小，对齐方式。背景图片单击“属性窗口”中的“页面属性”按钮，打开“页面属性”对话框，在“外观”中浏览选择背景图片文件，可根据需要设置参数值。本节课拓展学习：在网页中插入背景音乐并在适当位置插入“Enter”GIF动画和“进入下一页”的文字。插入背景音乐单击“窗口”菜单中的“行为”命令，打开“行为”面板，单击“+”后选择“播放声音”命令，打开“播放声音”对话框，浏览选择声音文件并单击“确定”按钮。如图所示。选定音乐插件图标，单击“属性面板”中的“参数”按钮，打开“参数”对话框，修改“AUTOSTART”参数后面的值，由“false”改为“true”，这样，当我们浏览该页面时，背景音乐就会自动响起。课后探究拓展：设计和制作具有个性的社团网站欢迎
人人文库> 全部分类> 教育资料 > 课设设计

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论