网站建设与管理(第2版)(项目教学)-03重点解析.ppt

设置粗细为粗体，颜色为橙色。将其应用到每段的标题部分 。 4．设置网页内容的样式 . bold 说明： 利用CSS可以设置多种多样的样式规则，这些规则既可以放在修饰的页面中，也可以放在一个单独的CSS样式文档中。 CSS的用途很广泛，利用它还可以设置背景颜色，边框设置，视觉效果等多种网页特效 将上例中做好的网页的链接文字设为白色，鼠标移上后变成红色，且无下划线。 （二）设置链接文字的样式 步骤： 在“新建CSS规则” 对话框的选择器类型中选择“（ID、伪类选择器等）” ，分别定义链接的初始状态“a:link” 、访问过的状态“a:visited” 和鼠标移上时的状态“a:hover”的规则定义 。 层中可以插入任何在网页上允许出现的元素，例如文字、图像、表格，甚至另一个层。通过对层的控制，制作网页的时候可以不受排版的约束，随心所欲控制各类网页元素的显示位置和顺序，赋予网页不同一般的视觉效果。 （三）使用图层定位 利用层制作图书发布栏 1．制作发布栏的背景层 创建层，并在其【属性】面板中设置：层编号为bg，宽591px，高286px，背景图像选择插入图片“bg.jpg”， 2．制作包含书和书名的表格层 3．调整层的位置于同一高度 框架网页本身就是一个网页，只不过它已被划分为若干个区域，分别显示不同的网页。 框架技术可以被广泛地应用到网站导航和文档浏览中，方便访问者对网页进行浏览，并能减少下载页面所需的时间。 （四）利用框架创建导航 图书信息的导航站点 创建图书信息的的导航站点，采用的结构是左侧固定右侧嵌套的框架集，左侧放置图书目录，单击目录，右边显示相应的内容 注意： 框架和框架集的保存同一般的网页不一样，除了保存相关的网页内容外，还必须把框架文件保存起来。 在设计框架网页的时候，可以利用【框架】面板来选择或设置框架和框架集文件，也可以直接在设计窗口中修改网页文件。 网页上光有静态的文本和图象并不能满足用户的需要，为了增强网页的表现力，常需要在网页文档中动画、音频及视频等多媒体元素。 任务四 在网页中嵌入多媒体元素 一个古诗的网页，为配合诗中的意境，现给网页添加背景音乐。 （一）为网页添加背景音乐 单击设计窗口下方的body标签。 1．选中body. /body 打开【行为】面板，单击面板上的“添加行为”按钮，在弹出的菜单中选择“播放声音”。 2．打开【行为】面板 在弹出的对话框中选择要添加的背景音乐“yy.mid”文件 。 3．选择要添加的背景音乐 单击插件符号 ，在其【属性】面板上单击参数按钮，设置参数值。 4．设置参数值 （二）插入Flash动画 Flash动画是由原Macromedia公司开发的网页动画制作软件Macromedia Flash生成的动画文件，后缀名是.swf。 RM简称RealMedia，是Real公司开发的网络流媒体文件格式。由于RM文件可以很小而质量损失不大的特点，现被广泛的使用在网络上。 （三）插入RM影片 项目实训 清源图书网页 本章主要讲述了网页中文字、图像、表格和多媒体等网页元素的使用和设置，以及如何使用这些网页元素构建网页。 只有掌握了这些知识，才能进一步理解和掌握网页制作中其他的知识和技巧。 项目小结 项目三设计静态网页 任务一 了解网页的HTML 任务二 创建基本网页 任务三 设置网页的样式 任务四 在网页中嵌入多媒体元素 HTML是网页制作的基础，它是一种描述语言，使用一系列的标记来创建可被浏览器识别和表现的网页文本。 任务一 了解网页的HTML 在网页上显示一首古诗，如图所示。 （一）HTML的基本结构 HTML语言的基本结构 html…/html：声明HTML文件的语法 格式。 head…/head：声明文件头的语法格式。 title…/title：声明文件标题。 body…/body：声明文件主体。 添加格式标记，将古诗居中、分行显示，如图所示。 （二）HTML中的格式标记 任务二 创建基本网页 Dreamweaver是目前使用最为广泛的网页开发工具，它功能强大，简便易用，不但能够方便地创建基本网页，而且还能完成动态网页的制作。 为古诗设置不同的字体和色彩，并为网页定义背景，效果如图所示。 （一）彩色的古诗 将古诗的题目和作者行设置为横向滚动，如图所示。 （二）滚动的文本