搜索
项目二创建“macaco”汽车网站——设置网页内容一、学习目标二、理论指导三、任务实践一、学习目标掌握文档头信息和文档页面属性的设置方法。掌握在网页中输入文本和设置文本格式的方法；了解水平线和特殊字符的插入。掌握在网页中插入与编辑图像的方法；了解网页中常见图像的格式，以及图像占位符和鼠标经过图像的应用。掌握在网页中插入Flash动画的方法；了解透明Flash动画、音频文件及视频文件的应用。二、理论指导（一）网页基本设置1．设置文档头信息头信息包括网页关键字、网页说明等。在使用Google、baidu、Yahoo等搜索引擎搜索网页时，不是检索网页的所有内容，而是只检索网页的关键字。2．设置文档页面属性要设置页面属性，可在不选择网页文档中任何对象的前提下，单击“属性检查器”中的“页面属性”按钮，或者选择“修改”菜单下的“页面属性”命令，或按【Ctrl+J】组合键，打开“页面属性”对话框。（二）文本输入与编辑1．输入文本在Dreamweaver中输入文本的方法非常简单，只要将插入点定位在网页的某个位置（如某个表格单元格内），然后选择输入法输入文本就可以了。对于大量的外部文本，可利用剪贴板将其拷贝至网页文档中。2．设置文本格式用户可利用属性检查器设置文本格式，它包括“HTML”和“CSS”两种类型，可使用这两种类型中的任一种来设置文本格式。应用HTML类型时，Dreamweaver会将文本格式属性添加到页面正文的HTML代码中。应用CSS类型时，Dreamweaver会将属性写入文档头或单独的样式表中。（1）应用HTML类型如果属性检查器没有打开，请选择“窗口”“属性”菜单将其打开。选择要设置格式的文本或将插入点置于要设置属性的段落中，属性检查器中将显示文本的HTML类型属性。（2）应用CSS类型单击属性检查器左侧的CSS按钮，可显示文本的CSS类型属性。3．插入水平线和特殊字符（1）插入水平线水平线常用于组织信息和区分版块。如果网页文档由很长的内容构成，可在内容中间插入水平线，从而使网页内容更容易理解，阅读起来也更轻松。（2）插入特殊字符一般在制作网页时，经常会用到一些无法用输入法来直接输入的特殊字符，如版权符号、注册商标符号以及常见的货币符号等。另外，有时候用户可能希望在某个地方插入几个空格，以便进行格式对齐；但是，无论按多少次空格键，却只能插入一个空格。其原因在于HTML文档只允许字符之间包含一个空格。这种情况下，我们可以通过在字符之间插入一种称为“不换行空格”的字符来插入多个空格。（三）应用图像1．网页中可用图像格式目前在网页中可以使用的图像格式有JPEG、GIF和PNG。•JPEG（联合图像专家组标准）格式：适于表现色彩丰富，具有连续色调的图像，如各种照片。•GIF（图形交换格式）格式：由于它最多只能包含256种颜色，因而适合表现色调不连续或具有大面积单一颜色的图像，如卡通画、按钮、图标、徽标等。•PNG（便携网络图像）格式：集JPEG和GIF格式的优点于一身，图像质量高且可包含透明区。2．插入与编辑图像在Dreamweaver中插入图像的方法非常简单。3．使用图像占位符图像占位符相当于图像的临时替代对象，如果网页中的某个图像尚未制作好，可暂时用图像占位符来代替。4．制作鼠标经过图像在浏览网页时，偶尔会看到这种情况，当鼠标移到某一图像上时，图像变成了另一幅图像，而当鼠标移开时，又恢复成原来的图像，这就是所谓的鼠标经过图像。要制作鼠标经过图像，需要用到两张大小相同，而内容不同的图像。其中一张作为原始图像，在页面打开的时候就显示；另一张则作为鼠标经过图像，在鼠标滑过的时候替换原始图像显示出来。（四）应用动画和多媒体1．插入Flash动画学过了图像的插入，Flash动画的插入就是小菜一碟了。2．应用透明Flash动画经常上网或对动画感兴趣的读者应该知道，网上有很多非常酷的Flash特效动画可供下载。如果将它们直接插入到网页中，会显得非常生硬。还好Dreamweaver提供了设置Flash动画背景透明的功能，这样我们就可以将动画背景设置成透明，并为其设置与网站主题相关的背景图像。3．插入音频文件音乐不仅能陶冶人的情操，也能给人美的享受，如果在网页中加一段美妙的音乐，那一定能给人不小的震撼。4．插入视频文件很多企业网站的首页上都有其电视广告的片段，这不仅起到了宣传企业的作用，还可以为网站增色不少。三、任务实践任务一为网站主页设置内容本任务中，我们将通过为汽车网站主页设置内容，来进一步巩固和学习网页基本设置、文本、图像和动画的应用（具体操作见视频2-1）。任务二为网站子页设置内容本任务中，我们将通过为汽车网站中的“关于买肯抠”网页输入文本并设置格式，来进一步学习和巩固文本的输入与编辑（具体操作见视频2-2）。