《第05章网页制作.ppt》由会员分享，可在线阅读，更多相关《第05章网页制作.ppt（14页珍藏版）》请在三一文库上搜索。
1、第五章 网页制作,本章目标,学习如何在已经布局好的网页添加内容，如文本，图像，超链接，多媒体元素，背景音乐等。,本章内容,5.4 添加多媒体元素,5.3 添加超链接,5.2 添加图像,5.1 添加文本,5.5 实例练习在网页中添加各种元素,5.1 添加文本,添加普通文本 在Dreamweaver中添加普通文本就如同办公软件中添加文本操作，定位光标，输入文本。 添加特殊文本（例如：版权符号） 打开编辑窗口，定位光标； 在【文本】选项卡，单击“字符”按钮，在弹出的列表框中选择【版权】； 保存编辑。,5.1 添加文本,设置文本格式 新建网页，将文件保存为fqh.html，然后绘制一个名为CS的层，输
2、入文字； 在CSS面板中单击新建按钮，弹出“新建CSS规则”对话框，做如下设置，点击【确定】,5.1 添加文本,设置文本格式 在“.fqh的CSS规则定义”对话框中设置文字格式，单击【确定】,5.1 添加文本,设置文本格式 选择输入的文字，在“CSS样式”面板中选择.fqh单击鼠标右键，在弹出的快捷菜单选择“套用”命令。,5.2 添加图像,目前，网页支持JPEG、GIF、PNG 3种格式的图像文件 复制图形文件到站点目录，定位光标； 在“常用”插入栏单击“图像”按钮，在弹出菜单选择“图像”命令； 选择图像； 在“图像标签辅助功能属性” 对话框，点击【确定】。 保存文件。,5.3 添加超链接,文
3、本超链接 在网页中选择需要连接的文字，在属性面板“链接” 下拉列表框右边的按钮，选择需要连接的文件，单击【确定】； 在“目标”下拉列表框选择需要的项，保存文件。,5.3 添加超链接,图像热点超链接（对图形可以直接链接，也可以链接热点） 热点工具在属性面板，如下图： 选择图像热点，后继链接操作同文本链接。,5.4 添加多媒体元素,添加动画 在网页中定位光标； 【插入】菜单/【媒体】/【Flash】命令； 查找和选择要插入的Flash文件，【确定】； 在弹出对话框点【确定】； 保存，在属性窗口点击【播放】查看效果。,5.4 添加多媒体元素,添加背景音乐 选择【插入记录】/【标签】； 弹出“标签选择器”对话框，选择【HTML标签】/【页元素】/【bgsound】，单击【插入】按钮； 在弹出对话框，在“源”文本框选择声音文件，【循环】/【无限】，【确定】； 返回“标签选择器”，【关闭】。,5.5 实例练习在网页中添加各种元素,新建一个网页； 添加文本，进行必要的CSS设置； 添加图像； 添加文本链接和图形（热点）链接； 添加动画，进行测试； 添加网页背景声音。,本章总结,学习了在网页中添加文本，添加图像，添加超链接，添加媒体元素；最后进行了元素添加练习。,