网络编辑实训教程-第7章网页制作软件介绍讲述.ppt

三、字体与颜色 实例代码 四、超链和URL（页面链接A标签） 在同一个文件夹下有两个html文件，从一个文件超链接到另一个文件的路径有两种方式：相对路径与绝对路径。 链接到其他页面 1. 相对路径 指定从根目录到文件的完整路径。 2. 绝对路径 指定相对于当前文件的文件位置。 返回 超链和URL（页面链接A标签） 要链接到同一目录 (C:\HTML) 下的页面，可编写 A HREF = “Doc1.htm” 或 A HREF = “C:\html\Doc2.htm” 相对路径名 绝对路径名 四、超链和URL（页面链接A标签） 使用锚记标签 超链和URL（页面链接A标签） 链接到本页面 1. 锚记标签用于使用户“跳”到文档的某个部分 2. HTML 的 NAME 属性用于创建锚标记 A NAME = “marker”主题名称/A 3. 为达到这种跳转效果，请在 HREF 参数中使用该标记 A HREF= “#marker”主题名称/A HTML HEAD TITLE链接到其他页面/TITLE /HEAD BODY A href=#helpme[新人上路]/A …… A name=helpme新人上路指南/A …… /BODY /HTML 1、定义锚标记 2、链接到锚标记所在位置 五、图像、声音、视像和动画 HTML支持内嵌式的图像显示。 1. 插入图像（图片）标记语法： img src=“URL信息” 2. URL——表示图像（图片）的源文件(Source),必须对应一个图片 3. 常用的图片格式：.GIF(256色)、.X位图格式(.XBM文件，黑白图像)、.jpeg格式(.jpg、.jpeg格式，支持RGB格式) 4. 图片对齐方式：设置Align属性。可以设置的值： 垂直方向：TOP、MIDDLE、BOTTOM 水平方向：LEFT、CENTER、RIGHT 5. 若需要图片独占一块区域，则需要在图片前后添加p或者br / 6. Web浏览器会在图片链接的四周添加一个边框，若需要清除边框 ，只需设置border=“0”即可。 7. 修改图片尺寸：可以设置WIDTH和HEIGHT属性，重新定义图片的尺寸。 返回 图像、声音、视像和动画 声音和视像： Web浏览器自身不能解释声音和视像文件 ，需要其他辅助工具来完成声音和视频的 播放。 一般格式：声音：.wav、.AU、.SND等文件 扩展名。 视像：.avi、.MPG、RMVB、 .wav等格式文件。 动画 java——可支持内嵌式动画和内嵌式声音。 六、列表结构和预编排结构 列表结构：有序列表、无序列表、定义标签 有序列(Ordered list)表语法： OL LI列表项1/LI LI列表项2/LI LI列表项3/LI /OL 无序列表 UL LI列表项1/LI LI列表项2/LI LI列表项3/LI /UL 定义表 DL DT标题/DT /DL 返回 预编排结构 作用：可以将信息完全依照源文件中的编排格式一模一样地显示在浏览器中。用户可以根据自己的喜好来预先编排。 语法： PRE预编排信息/PRE 特点： 完全按照HTTML源码中的书写格式来显示。 文本采用缺省字体。但还支持其他字体。 * 第七章 网页制作软件介绍 7.1 网页制作软件基础知识 7.2 网页制作软件——Dream Weaver 7.3 网页动画制作软件——Flash 7.4 HTML语言简介 71.网页制作软件基础知识 一、网页设计的基本流程 二、网页版面布局设计 三、网络版面设计原则 返回主目录 一、网页设计的基本流程 考虑因素：文字、图像、声音、动画等因素 网页设计的五个环节： 分析 设计 制作 测试 维护 返回 网页制作的五个环节——分析 分析对象：网站将要服务的目标群体。 分析内容：特征，可能的需求 分析的作用：确定网页信息内容及其功能设计 网页制作的五个环节——设计 重要性：关系用户对网页的接受与利用程度 主要内容： 1. 网页素材 2. 网页的内容结构 连接方式（一般选用层次清晰、易于浏览 的树形结构） 4. 网页模型的可视化设计 网页