N2_DW_13-15制作一个包含常见网页元素的页面
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
7、文本属性
D、段落属性、列表
插入表单
关于样式表（CSS）
样式表的作用
• 更好,更方便的格式化页面,并创建动态效果. • 作用的范围:几乎是页面上的所有对象(文字,表 格,层,图片,页面属性等)
使用样式表
创建新的样式表:在样式表面板新建
创建样式表
• 仅仅创建在当前文档中
– 直接在文档中添加CSS代码;无需附加文件;不可重复使用
超链接与网站导航
超链接的HTML标签为<a></a> 链接到搜狐网的超链接HTML标签为： <a>http://www.sohu.com</a> 链接到本地硬盘D盘某个文件的HTML标签为：
<a>D:\web\index.html</a>
使用CSS选择器: 实质上就是定义链接样式. 此样式表创建的效果会自动应用于页面所有链接内容.
13－15:制作一个包含常
见网页元素的页面
内容提要
• 插入FLASH、插入锚链接、插入视频、 文本与表单 • 样式表（CSS）应用与管理 • 演示：页面制作
插入FLASH
插入FLASH动画
设置FLASH属性
设置窗口透明
插入FLASH按钮和文本
使用文本与表单
1、输入删除文本 2、修改文本
3、选择文本
5、插入来自百度文库殊字符
4、复制与粘贴文本
6、查找与替换
▲ 利用WORD输入特殊字符
使用文本与表单
1、输入删除文本 2、修改文本
3、选择文本
5、插入特殊字符
4、复制与粘贴文本
6、查找与替换
▲ 利用WORD输入特殊字符
文字颜色与大小
7、文本属性
A、文字颜色
B、文字大小
文字样式
7、文本属性
C、文字式样
段落属性、列表
• 创建外部样式表文件
– 建立独立的.css文件;文档如要正确显示,必须附带此文件;可供多 个页面重复使用
直接创建到文档
创建一个外部样式表文件
创建方式不同的样式表在浮动面板中的差异
创建自定义样式表
注意:命名时不可以使用HTML已有的标签名
HTML标签重定义
事实上就是使用定义CSS样式表的方式重新格式化HTML标签， 这些样式会自动应用到所有使用这种标签的对象上。
将定义的样式表使用在对象上： Class(类样式):此种样式不可自动应用到对象上,需要手动将对象选中,然后在样式表 面板中单击样式表名称,应用样式.(自定义样式属于此种样式) ID(序列样式):此种样式可以自动应用到对象上.当样式表创建的时候,样式就自动应用 到所有该标签定义的对象上.此种样式不显示在”应用样式”选项卡中间.(重定义 HTML样式和使用CSS选择器属于此种样式)
链接样式
访问过的链接样式
鼠标悬停的链接样式
活动的链接样式
网页多媒体应用
网页多媒体格式——
Mid 电脑演奏的音乐符号,本身不包含任何音轨。
Mp3 MP3 是利用 MPEG Audio Layer 3 的技术，将声音用 1:10 甚
至 1:12 的压缩率，变成容量较小的文件，但是在人耳听起来， 却没有什么不同。当然这是一种失真压缩，就像图形文件 JPG 一样，因为失真压缩，所以可以压得很多，也可以调整压缩比率， 压得越多失真也越多。
Swf
由flash制作的网络流式媒体文件，支持声音，图像等。 目前是主流的网络多媒体格式。
Real、mpeg和quicktime：视频媒体
插入背景音乐
设置网页背景音乐 (*.mid *.wav *.mp3) <bgsound src=“bgs.mid” loop=“-1”>
小结
练习设置CSS 练习插入FLASH，设置背景透明 制作一个包含以上页面元素的网页
D、段落属性、列表
插入表单
关于样式表（CSS）
样式表的作用
• 更好,更方便的格式化页面,并创建动态效果. • 作用的范围:几乎是页面上的所有对象(文字,表 格,层,图片,页面属性等)
使用样式表
创建新的样式表:在样式表面板新建
创建样式表
• 仅仅创建在当前文档中
– 直接在文档中添加CSS代码;无需附加文件;不可重复使用
超链接与网站导航
超链接的HTML标签为<a></a> 链接到搜狐网的超链接HTML标签为： <a>http://www.sohu.com</a> 链接到本地硬盘D盘某个文件的HTML标签为：
<a>D:\web\index.html</a>
使用CSS选择器: 实质上就是定义链接样式. 此样式表创建的效果会自动应用于页面所有链接内容.
13－15:制作一个包含常
见网页元素的页面
内容提要
• 插入FLASH、插入锚链接、插入视频、 文本与表单 • 样式表（CSS）应用与管理 • 演示：页面制作
插入FLASH
插入FLASH动画
设置FLASH属性
设置窗口透明
插入FLASH按钮和文本
使用文本与表单
1、输入删除文本 2、修改文本
3、选择文本
5、插入来自百度文库殊字符
4、复制与粘贴文本
6、查找与替换
▲ 利用WORD输入特殊字符
使用文本与表单
1、输入删除文本 2、修改文本
3、选择文本
5、插入特殊字符
4、复制与粘贴文本
6、查找与替换
▲ 利用WORD输入特殊字符
文字颜色与大小
7、文本属性
A、文字颜色
B、文字大小
文字样式
7、文本属性
C、文字式样
段落属性、列表
• 创建外部样式表文件
– 建立独立的.css文件;文档如要正确显示,必须附带此文件;可供多 个页面重复使用
直接创建到文档
创建一个外部样式表文件
创建方式不同的样式表在浮动面板中的差异
创建自定义样式表
注意:命名时不可以使用HTML已有的标签名
HTML标签重定义
事实上就是使用定义CSS样式表的方式重新格式化HTML标签， 这些样式会自动应用到所有使用这种标签的对象上。
将定义的样式表使用在对象上： Class(类样式):此种样式不可自动应用到对象上,需要手动将对象选中,然后在样式表 面板中单击样式表名称,应用样式.(自定义样式属于此种样式) ID(序列样式):此种样式可以自动应用到对象上.当样式表创建的时候,样式就自动应用 到所有该标签定义的对象上.此种样式不显示在”应用样式”选项卡中间.(重定义 HTML样式和使用CSS选择器属于此种样式)
链接样式
访问过的链接样式
鼠标悬停的链接样式
活动的链接样式
网页多媒体应用
网页多媒体格式——
Mid 电脑演奏的音乐符号,本身不包含任何音轨。
Mp3 MP3 是利用 MPEG Audio Layer 3 的技术，将声音用 1:10 甚
至 1:12 的压缩率，变成容量较小的文件，但是在人耳听起来， 却没有什么不同。当然这是一种失真压缩，就像图形文件 JPG 一样，因为失真压缩，所以可以压得很多，也可以调整压缩比率， 压得越多失真也越多。
Swf
由flash制作的网络流式媒体文件，支持声音，图像等。 目前是主流的网络多媒体格式。
Real、mpeg和quicktime：视频媒体
插入背景音乐
设置网页背景音乐 (*.mid *.wav *.mp3) <bgsound src=“bgs.mid” loop=“-1”>
小结
练习设置CSS 练习插入FLASH，设置背景透明 制作一个包含以上页面元素的网页