办公自动化实训教程
注意: 一个网站的网页文件、图像文件(.jpg、.gif等)、Flash动画(.swf)、音乐文 件(.wav、.mp3、.mid等)、视频文件(.avi、.wmv、.mpg、.flv等)、CSS样式文 件(.css)、JS文件(.js)必须保存在网站根文件夹的对应子文件夹中,并且子文 件夹名称和文件名称尽量不使用中文或符号。保存好网页文件后再进行插入图 像、添加代码等操作。
4.1.4 插入Flash动画(.swf)
网页中可插入Flash动画(.swf)。如果要使插入的Flash动画背景为 透明,可设置动画的参数wmode的值为transparent。
4.1.5 插入声音和视频
1、插入音乐、视频——【插入】/【媒体】/【插件】 示例4-3 参数名称值意义CONTROLSImageWindow,ControlPanel指定播放器
的控件外观AUTOSTARTTrue或False指定打开网页后自动播放 LOOPTrue或False指定是否循环播放NUMLOOP数值指定循环播放 次数 2、插入FLV视频——【插入】/【媒体】/【Flash 视频】 示例:可盈 视角 3、背景音乐——在<head>区域中插入代码<bgsound src="multimedia/MUSIC_41.WAV" loop="-1"> 示例4-4
网页设计与制作教程
返回目录
Thank You!
返回教材总目录
网页设计与制作教程
单元四 页面制作
>>清华大学出版社
单元四 页面制作
单元四 页面制作
教学目标
掌握在网页中插入文本和用CSS样式美化文本 的方法与步骤
掌握使用图像美化网页的方法与步骤
掌握创建文本链接、图像链接、图像热区链接 和锚点链接的方法与步骤
掌握在网页中插入Flash动画的方法与步骤 掌握在网页中插入声音和视频的方法与步骤 掌握在网页中制作表单的方法与步骤
网页设计与制作教程
返回目录
单元四 页面制作
上机实训 :“端午节”网站首页的制 作
目的要求
练习使用表格来进行页面布局; 掌握表格各属性的设置。
网页设计与制作教程
返回目录
单元四 页面制作
上机实训 :“端午节”网站首页的制 作
实训内容
请根据所提供的素材, 完成“端午节”网站的 首页制作,如图所示。
网页设计与制作教程
返回目录
单元四 页面制作
任务4.2 利用表单制作客户反馈页面:
工作过程
“客户调查表” 表单页面如下图所示:
网页设计与制作教程
返回目录
单元四 页面制作
任务4.2 利用表单制作客户反馈页面:
任务回顾
表单是动态网页的基本要素,本单元通过“客户 调查表” 案例,介绍了创建表单的方法与步骤, 使读者掌握在网页中添加表单和表单对象的方法。 “客户调查表” 案例中囊括了常用的表单对象: 【文本字段】、【单选按钮】、【列表/菜单】、 【复选框】、【文本区域】和【按钮】,使读者 通过一个案例就能掌握常用表单对 。
网页设计与制作教程
返回目录
单元四 页面制作
任务4.2 利用表单制作客户反馈页面:
任务描述
表单是网页中重要的信息收集和交流工具。通过 表单,网页可以向用户提供信息,也可以让用户 在表单中输入信息,并能根据用户输入的信息进 行相应的处理。使用表单功能,可以很方便地收 集用户的反馈信息,如调查表、注册表、留言板、 订货单等 。
4.1.3 创建网页超级链接
1、文本、图像链接 2、图像热区链接 示例4-1 3、锚记链接 示例4-2 4、邮件链接 qj@ 5、空链接 # ###
网页设计与制作教程
返回目录
单元四 页面制作
任务4.1 “深圳可盈资产有限公司”网站首页制 作:
工作过程
网页设计与制作教程
返回目录
单元四 页面制作
任务4.1 “深圳可盈资产有限公司”网站首页制 作:
工作过程
4.1.1 使用和美化网页文本 4.1.2 使用图像美化页面
网页中可使用图像(.jpg、.gif和.png等)进行美化,网页中的图像以 两种方式存在:
1、插入图像 2、背景图像 图像地址在网页中一般最好使用相对路径地址。
网页设计与制教程
返回教材总目录
单元四 页面制作
任务4.1 “深圳可盈资产有限公司”网站 首页制作
任务4.2 利用表单制作客户反馈页面 上机实训
网页设计与制作教程
返回教材总目录
单元四 页面制作
任务4.1 “深圳可盈资产有限公司”网站首页制 作:
任务描述
进行了网页布局后,下一步重要的工作就是在布 局好的页面内添加内容,如文本、图像、动画、 声音、视频、表单等。文本、图像、动画、声音、 视频、表单可以插入到表格中,也可以插入到层 中。“深圳可盈资产经营有限公司”网站首页效 果图如图4-1所示 。
网页设计与制作教程
返回目录
单元四 页面制作
任务4.1 “深圳可盈资产有限公司”网站首页制 作:
任务回顾
文本、图像、链接、Flash动画、声音、视频是 一个网页的基本要素,本单元简明扼要地介绍了 在网页中添加这些基本要素的方法与步骤,使读 者在掌握和理解方法的基础上,灵活地选择方法 进行操作。