实验六 高级网页设计

实验六 高级网页设计

ID:6128380

大小:720.50 KB

页数:34页

时间:2017-11-14

实验六 高级网页设计_第1页
实验六 高级网页设计_第2页
实验六 高级网页设计_第3页
实验六 高级网页设计_第4页
实验六 高级网页设计_第5页
资源描述:

《实验六 高级网页设计》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、实验六高级网页设计孙晓燕2012.11实验内容插入flash多媒体元素插入其他多媒体元素CSS样式表站点测试和发布插入flash文本插入--媒体—flash文本常用菜单—媒体按钮—flash文本插入flash文本之间添加插入flash按钮插入flash动画插入--媒体—flash常用菜单—媒体按钮—flash打开选择文件对话框,选择要插入的flash文件,单击确定,则将flash动画插入网页中.

2、选中插入的flash动画,单击”属性检查器”上的”播放”按钮,播放动画观看效果,也可以在浏览器中观看效果.在网页中插入音频为满足人们的听觉可以在网页中插入声音元素,包括背景音乐和嵌入音频文件等.在网页中可以使用的音频格式有.wav,.midi,和.mp3等很多种嵌入音频文件嵌入音频是将声音直接插入到页面中,页面带有播放器,浏览者可以控制音频文件的播放.但只有在访问者具有所选声音文件的插件时声音才能播放.插入--媒体--插件打开选择文件对话框,选择要插入的音频文件.选择插件,在属性面板中设置高度和宽度

3、值,调整音频插件占位符的大小.保存并在浏览器中播放网页.在网页中插入背景音乐打开要加入背景音乐的网页,定位光标在网页起始位置插入--媒体--插件,打开选择文件对话框,选择要插入的音频文件.选择音频插件,单击”属性检查器”中的”参数”按钮,打开参数对话框.在对话框中”+”可以增加参数,输入下列参数和值参数hidden,值true参数autostart,值true参数loop,值infinite保存并在浏览器中预览网页,观看效果.实例default.htm绘制布局表格表格居中插入flash插入表单,设置

4、单元格对齐方式插入跑马灯文字设置页面属性CSS样式表CSS是CascadingStyleSheet的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。样式的类型自定义css规则Html标签规则Css选择器样式CSS样式面板“窗口”

5、”CSS样式”组合键:Shift+f11面板中的主要功能按钮附加样式表新建样式表编辑选中的样式表删除选中的样式表从CSS样式模板中创建CSS样式表文件“文件”

6、”新建”,打开”新建文档”对话框,在”类别”中选择”CSS样

7、式表”类别,在中间的”CSS样式表”栏中选择需要的样式,右侧是样式表预览图.单击”创建”按钮,新建了一个CSS样式表文件.新建的CSS样式表文件只有”代码”视图.编辑样式表文件后,”保存”文件.附加外部的样式表“链接”:网页与样式表文件的关系是链接关系,不将样式表的信息导入网页中.“导入”:将外部样式表文件的信息导入到当前文档中.在CSS样式面板中创建CSS样式表文件在”CSS样式面板”中,单击”新建”按钮,打开”新建CSS规则”对话框.选择器类型类:CSS样式可应用到网页中任何范围或任何文本区域中

8、.标签:标签样式将重新定义HTML高级:CSS样式选择器将重新定义一些标签的特定格式或包含特性属性的所有标签的格式.名称“类”命名:以英文或数字命名,名称前加”.”,例如”.css1”“标签”命名:可以通过点击下拉列表按钮选择需要的标签代码.“高级”命名:输入带”#”的CSS样式标签或点击下拉列表按钮选择设置超链接的样式.定义在“新建样式表文件”:定义的是外部样式表文件“仅对该文档”:定义的是内嵌式样式表和内联式样式表,不需要保存外部的CSS文件应用CSS样式打开需要链接CSS样式的文档,选中文字或

9、图片等网页元素.执行以下操作:在属性检查器中的”样式”下拉列表选择样式在CSS样式面板中,右键单击要应用的样式名称,在弹出的快捷菜单中选择”套用”.取消样式的应用,只需要选择已应用样式的文本,在属性检查器中的”样式”下拉列表选择”无”即可.实例如梦令李清照昨夜雨疏风骤,浓睡不消残酒。试问卷帘人,却道海棠依旧。知否、知否?应是绿肥红瘦。段落设置设置段间距margin首行缩进text-indent(区块).em是相对长度单位,相对于当前对象内文本的字体尺寸。设置行间距line-height(类型)字体f

10、ont-family(类型)大小font-size(类型)第1段文字是绿色

第2段文字是紫色

第3段文字是灰色

#green{color:green;}一级标题是绿色本段文字是绿色

该属性可能的取值为left,right,none,默认值none.img{float:right;}
当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。