03网页的基本操作.pptVIP

网页制作就是将文字、图像等内容进行合理的编排以及设置相互的链接，这一部分我们还将学习如何在网页中加入文字、图像、超级链接、动画、视频等基本元素。 学习要点 一、网页的基本操作 学习要点 二、设置文件头 学习要点 三、设置页面属性 三、设置页面属性 学习要点 三、文本的处理 转义符 lt;表示 gt;表示 QUOT;表示“ amp;表示 copy;表示版权符号? nbsp;表示空格 四、文本的处理 色彩的基本概念 电脑屏幕的色彩由RGB（红、绿、蓝）3种色光合成，每种颜色可调配的范围从0-255共计256个色阶，如果用十六进制表示，就是00-FF。例如：body text=“#FFFFFF” bgcolor=“#000000” #FF0000 红色#00FF00 绿色#0000FF 蓝色 Web安全调色板 web安全色是指能在不同操作系统和不同浏览器之中同时安全显示的216种颜色。各种操作系统的颜色都有一些细微的差别，而不同的浏览器对颜色的编码显示也不同。 无论是红、绿或蓝颜色，可取的十六进制是00,33,66,99,CC,FF六种，因此综合起来可以选取的颜色数目只有6*6*6=216种。 四、文本的处理 插入滚动字幕 设置滚动字幕的属性 插入水平线 学习要点 五、添加图像 五、添加图像 设置图象的基本属性 其他图像对象 图像的编辑 1、在Fireworks中优化图像 2、裁剪图像 3、调整图像的亮度/对比度 4、锐化图像 学习要点 六、添加动画、视频及背景音乐 添加flash动画文件.swf 添加flash视频文件.flv 添加其他格式视频文件 将“插入”面板切换到“常用”模式，单击“媒体：”按钮旁边的三角形，在菜单中选择“插件”按钮 添加网页背景音乐 音乐格式一般为.mp3或.mid，可用代码添加bgsound src=“URL”或使用插件的方法。 《网页设计与制作》 网页的基本操作 网页的基本操作 1 设置文件头 2 设置页面属性 3 文本的处理 4 添加图像 5 添加动画、视频及背景音乐 6 1.准备 　　在计算机上的目录下新建一个文件夹，命名为自己的网站名。例如：“我的网站”。 2.新建一个网页文件 　　使用菜单“文件”→“新建” 打开“新建文档”对话框。 3.输入文字 4.插入图片 　　在“插入”面板中选择“常用”标签，在工具按钮的插入图像下拉式菜单中选择“图像”，打开“选择图像源文件”对话框。 　　 一、网页的基本操作 5.保存文件 　　使用菜单“文件”→“保存” 。 注意：文件名中不要包含中文字符。 6.在浏览器中预览网页　 单击文档工具栏上的预览按钮　　　或按[F12]可在浏览器中预览所编辑的网页。 7.在多个文件间转换 再新建两个文件xuexi01.htm和xuexi02.htm并打开它们，此时编辑窗口上部会有3个包含文件名的选项卡，点击可以将编辑窗口在多个文件间切换。在某个选项卡上右击，在弹出菜单中选择“关闭”可关闭当前编辑的网页。 网页的基本操作 1 设置文件头 2 设置页面属性 3 文本的处理 4 添加图像 5 添加动画、视频及背景音乐 6 1.设置网页的编码 2.设置文档标题 3.定义关键字 4.说明文字 　文件头就是在网页的HTML代码中HEAD…/HEAD中的内容，文件头中的内容一般不在浏览器窗口中显示，但对网页的正常工作具有十分重要的作用。 网页的基本操作 1 设置文件头 2 设置页面属性 3 文本的处理 4 添加图像 5 添加动画、视频及背景音乐 6 使用菜单“修改”→“页面属性”可打开此对话框。 1.外观 外观设置中，可以设置页面缺省的文字的字体、风格、大小、颜色等属性，还可以设置页页面的背景颜色和图像。 2.链接 链接属性设置默认的超链接文字的字体、大小、颜色等设置 3.标题 标题设置正文中标题文字的字体、大小和颜色 4.标题/编码 这里既可以设置网页的标题，还可以设置网页的文字编码 5.跟踪图像　　 “跟踪图像”是Dreamweaver一个非常有效的功能，它允许用户在网页中将原来的平面设计稿作为辅助的背景。 网页的基本操作 1 设置文件头 2 设置页面属性 3 文本的处理 4 添加图像 5 添加动画、视频及背景音乐 6 1、输入文字 1) 插入文本 2) 插入特殊符号 　 将插入面板切换到“文本”工具组，最后的工具按钮就是特殊符号按钮。单击右边的三角形可打开字符选择菜单。 使用菜单“插入”→“HTML” →“特殊字符”，也可选择要插入的字符插入到网页中。 （1）换行符 　　使用[Shift]+[Enter]组合键和直接输入换行符。 （2）不换行空格和其他符号 　　Dreamweav