项目三 设置网页内容(课件)-《网页制作三合一案例教程》同步教学(航空工业出版社)
2024-04-01
|
36页
|
208人阅读
|
0人下载
普通
内容正文:
项目三 设置网页内容
任务一 网页基本设置
任务二 输入文本并设置格式
任务三 应用图像
任务四 应用动画和多媒体文件
任务五 设置超链接
任务六 应用行为
任务一 网页基本设置
任务说明
新建网页后,一般要对页面进行一些简单的设置,主要包括文档头信息和页面属性,本节分别介绍。
预备知识
一、设置文档头信息
头信息包括网页关键字、网页说明等。网页关键字是指跟网页相关的词语或短语;网页说明是对网页的一个概括性介绍。
二、设置文档页面属性
一般通过设置页面属性来为网页文档设置标题和编码。
要设置页面属性,可在不选择网页文档中任何对象的前提下,单击属性检查器中的“页面属性”按钮 ,或者选择“修改”菜单下的“页面属性”命令,或按【Ctrl+J】组合键,打开“页面属性”对话框。
任务实施——为“欧妮雅”网站主页
设置基本信息
在学习了文档头信息和页面属性的设置方法后,本节通过为“欧妮雅”网站主页设置头信息和页面属性,来看看头信息和页面属性在实际网页制作中的应用(具体操作可参考本书配套视频3-1.swf)。
任务二 输入文本并设置格式
任务说明
文本是网页最基本的组成元素,它能将各种信息有效地传达给浏览者,通常内容丰富的网页都有大量的文本。在Dreamweaver中可以直接输入文本,也可以从其他文档中复制文本,还可以插入水平线和特殊字符等。本任务就来学习在网页中输入与编辑文本的相关知识。
预备知识
一、输入文本
在Dreamweaver中输入文本的方法非常简单,只要将插入点定位在网页的某个位置(如某个表格单元格内),然后选择输入法输入文本就可以了。
对于大量的外部文本,可以利用剪贴板将其拷贝至网页文档中。
二、设置文本格式
文本属性检查器包括HTML和CSS两种类型,可以使用它们来设置文本格式。下面分别介绍。
1.应用HTML类型
选择要设置格式的文本或将插入点置于要设置属性的段落中,属性检查器中默认将显示文本的HTML类型属性。
2.应用CSS类型
单击属性检查器左侧的CSS按钮 ,可显示文本的CSS类型属性。
三、插入水平线和特殊字符
除文本外,网页中还经常会用到水平线和诸如版权符号、货币符号等特殊字符。
1.插入水平线
定位插入点后,选择“插入”>“HTML”>“水平线”菜单,即可插入水平线。
2.插入特殊字符
特殊字符主要是指版权符号、注册商标符号、不换行空格,以及常见的货币符号等。
如要插入版权符号,可在定位插入点后,选择“插入”>“HTML”>“特殊字符”>“版权”菜单。
任务实施——为“欧妮雅”网站子页
设置文本内容
在学习了文本的输入和格式设置后,本节通过为“欧妮雅”网站子页(sub1.html)设置文本内容,来进一步巩固在网页中输入和设置文本的方法(具体操作可参考本书配套视频3-2.swf)。
任务三 应用图像
任务说明
只有文字的网页会显得非常单调,而且容易引起视觉疲劳。为增加网页的可看性,我们可以适当地在网页中添加一些图像。本任务就来学习图像在网页中的应用。
预备知识
一、插入图像
在网页中插入图像时,最好能保证网页和要插入的图像均位于当前站点中,否则很容易出现网页发布后看不到图像的情况。
二、设置图像属性
单击选中插入的图像,可在属性检查器中设置图像的各项属性。
任务实施——为“欧妮雅”网站主页
设置图像和文本内容
在学习了图像的应用后,本节通过为“欧妮雅”网站主页设置图像和文本内容,来进一步巩固前面所学(具体操作可参考本书配套视频3-3.swf) 。
任务四 应用动画和多媒体文件
任务说明
在网页中适当地插入动画、音频或视频文件,可以丰富网页内容,使网页更加丰富多彩。本任务就来学习动画和多媒体文件在网页中的应用。
预备知识
一、插入并设置动画属性
学过了图像的插入,Flash动画的插入就是小菜一碟了,下面我们来看具体操作。
二、插入音频文件
音乐不仅能陶冶人的情操,也能给人美的享受,如果在网页中加一段美妙的音乐,那一定能给人不小的震撼。
任务实施——为“欧妮雅”网站主页
设置动画内容
在学习了动画和多媒体的应用后,本节通过为“欧妮雅”网站主页设置动画内容,来进一步巩固前面所学(具体操作可参考本书配套视频3-4.swf)。
任务五 设置超链接
任务说明
网站是由一个个网页组成的,而连接这些网页的桥梁就是超链接,单击它可以使浏览者从一个网页跳转到另一个网页,或下载某个文件等。超链接包括很多种,最常用的是常规超链接,另外还
由于学科网是一个信息分享及获取的平台,不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益,请联系学科网,我们核实后将及时进行处理。