网页设计——入门与提高 教学课件 作者 王维 吴菲 王丽娜 第11章.ppt

《网页设计——入门与提高 教学课件 作者 王维 吴菲 王丽娜 第11章.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第11章常用元素的编辑11.1文本网页创建文本11.1文本网页编辑文本11.2使用水平线水平线用于分隔网页文档的内容，合理地使用水平线可以取得非常好的效果。在一篇复杂的文档中插入几条水平线，就会变得层次分明，便于阅读。将光标放置在要插入的水平线的位置，打开【常用】插入面板，单击【水平线】按钮。11.3项目列表项目列表中各个项目之间没有顺序、级别之分，通常使用一个项目符号作为每条列表项的前缀。编号列表通常可以使用阿拉伯数字、英文字母、罗马数字等符号来编排项目，各项目之间通常有一种先后关系。11.3项目列表在Dreamweaver中创建项目列表有很多方法，显示的项目符号也多种多样。

2、11.4图像在网页中，图像文件有许多种格式，但是在网页中通常使用的只有3种，即GIF、JPEG和PNG。1.GIF格式GIF格式是用于压缩具有单调色彩和清晰细节的图像(如线状图、徽标或带有文字的插图)的标准格式，多用于图标、按钮、滚动条和背景色等。2.JPEG格式JPEG格式主要应用于摄影图片的存储和显示，尤其是色彩丰富的大自然照片，通常可以通过压缩JPEG格式，在图像品质和文件大小之间达到良好的平衡。3.PNG格式PNG格式文件可保留所有原始层、向量、颜色和效果信息。该格式采用无损压缩方式来减少文件的大小，能把图像文件的大小压缩到极限，以利于网络的传输而不失真。11.4图像插

3、入图像执行以下操作之一，可以完成图像的插入。在菜单栏中选择【插入】

4、【图像】命令。在【常用】插入面板中单击【图像】按钮。编辑图像11.5超链接路径1、绝对路径使用绝对路径与链接的源端点无关，只要站点地址不变，无论文档文件在站点中如何移动，都可以正常实现跳转而不会发生错误。在链接不同站点上的文件时，必须使用绝对路径。2、相对路径文档相对路径对于大多数Web站点的本地链接来说，是最适用的路径。在当前文档与所链接的文档处于同一个文件夹中，而且可能保持这种状态的情况下，文档相对路径很有用。11.5超链接3、站点根目录相对路径站点根目录相对路径描述从站点的根文件夹到文档的路径。如果在处理

5、使用多个服务器的大型Web站点，或者在使用承载多个站点的服务器，则可能需要使用这些路径。不过，如果不熟悉此类型的路径，最好使用文档相对路径。站点根目录相对路径以“/”开始，该正斜杠表示站点根文件夹。例如，/images/index.html是文件index.html的站点根目录相对路径，该文件位于站点根文件夹的images子文件夹中。11.5超链接编辑超链接在一个文档中可以创建以下几种类型的链接。链接到其他文档或者文件(例如图片、影片或者声音文件等)的链接。命名锚记链接：此类链接跳转至文档内的特定位置。电子邮件链接：此类链接新建一个已填好收件人地址的空白电子邮件。11.5超链接

6、1.设置文本链接和图像链接浏览网页时，会看到一些带下划线的文字，将光标移动到文字上时，鼠标会变成手指形状，单击，就会打开一个网页，这样的链接就是文本链接。浏览网页时，如果将光标移动到图像上之后，鼠标指针会变成手指形状，单击，就会打开一个网页，这样的链接就是图像链接。11.5超链接3.创建电子邮件链接电子邮件链接是一种特殊的链接，单击这种链接，不会跳转到相应的网页上，而是会启动计算机中相应的E-mail程序(一般是OutlookExpress)，允许书写电子邮件，发往链接指向的邮箱。11.6多媒体文件插入flash将光标置于要插入Flash动画的位置，选择【插入】

7、【媒体】

8、SW

9、F命令。11.6多媒体文件插入声音在Dreamweaver中可以插入的声音类型有MP3、WAV、MIDI、AIF、RA和RAM等。其中MP3、RA和RAM都是压缩格式的音乐文件；MIDI是通过电脑软件合成的音乐，其文件较小，不能被录制，WAV和AIF可以进行录制。播放WAV、AIF和MIDI等文件不需要插件。在和之间的任意位置添加以下代码：，其中src=”images/love.mp3”为设置的背景音乐的路径和文件名。11.6多媒体文件