网页制作技术演示幻灯片.pptVIP

第7章　 网页制作技术;2. 网页的特点 (1) 从文件角度讲，网页是由HTML语言编写而成的特殊文本文件。所以网页文件通常又被称为HTML文件，其文件扩展名通常为.html或.htm。 (2) 从组成元素角度讲，网页是由文本、图片和超链接等多种对象构成的多媒体页面。 ;二、站点 1. 站点的作用 网页是站点的基本信息单位，一个站点通常由多个网页构成，这些网页之间使用链接地址(URL地址)相互连接在一起，构成一个完整的站点，用户能够通过单击链接地址转换到其他页面。 2. 站点的特点 ;2. 站点的特点 (1) 站点存储在Web服务器上。当用户访问一个站点时，该站点中首先被打开的页面称为首页或主页。 (2) 本地站点中的所有内容一般被组织在外部存储器的同一个目录中，根据站点栏目或者资源类型对文件进行分类，分别放置在不同的子目录中。 (3) 本地站点在制作完毕后，如果不经过发布是不能被其他浏览者访问的，发布就是将本地站点的内容传输到连接在Internet上的Web服务器中。;三、超文本、超媒体、超链接 1. 超文本 (1) 什么是超文本 超文本是指在文本中包含了与其他文本连接的文件。 (2) 超文本的特点 它的链接对象是纯文本，使用了超级链接的文本下方带有下划线，单击文件中已经定义了超链接的文字，便可以显示与该文字相关的说明的文字资料。 从组成上看，超文本可描述为： 超文本=文本+超链接;2. 超媒体 (1) 什么是超媒体 超媒体进一步扩展了超文本所链接的信息类型。它利用集成化的方法将多种媒体的信息联系在一起，用户不仅可以从一个文本跳到另一个文本，而且可以激活一段音乐，显示一个图形，播放一段动画。 (2) 超媒体的特点 从组成上看超媒体可描述为： 超媒体=媒体+超链接 ;3. 超链接 (1) 什么是超链接 超链接是WWW上使用最多的一种技术。它是超文本、超媒体以及与其他媒体之间的链接，也是一种从源端点到目标端点的链接。 (2) 超链接的作用 通过超链接这种方式，可以实现不同网页之间的跳转。 ;(3) 超链接的形式 空链接：在链接的目标中输入一个“#”，即为空链接。 图片链接：在链接的目标中输入图片的路径，在这里图片一定要在站点内的文件夹中。 书签链接：在链接的目标中输入“#”加书签名，书签就是在当前网页中建立的一个锚点。 网页链接：在链接的目标中输入http://网址表示链接的是外网的网页。如果直接输入网址，表示链接的是内部的网页。 电子邮件链接：在链接的目标中输入mailto:电子邮件地址，当单击链接源时，就会弹出Outlook。 ;(4) 链接的目标 链接的目标就是指链接的内容怎样表现出来。 _blank：是指在新的窗口中打开网页。 _seft：是指在当前窗口中打开网页。 _top：是指在最顶层打开网页。 _parent：是指在父框架打开网页 ;四、网页制作常用方法 1.用可视化网页制作工具进行页面设计 (1) FrontPage软件 (2) Dreamweaver软件 (3) Word文字处理软件 ;HTML标记 HTML标记是HTML文档的第一个标记，它通知客户端该文档是HTML文档。结束标记/HTML应该出现在HTML文档的尾部。 HEAD标记 HEAD标记出现在文档的起始部分，标明文档的题目（或介绍）、标题或主题信息，该部分包含的是文档的无序信息，若不需头部信息则可省略此标记。结束标记/HEAD指明文档标题部分的结束之处。;BODY标记 HTML文档中的BODY标记用来指明文档的主体区域，表示正文开始，通常包含其他字符串（如标题、段落、列表等），也可简单地理解成标题以外的所有部分。使用结束标记/BODY指明主体区域的结束之处。;五、网页制作步骤 1. 选定主题 2. 收集资料 3. 构思阶段 4. 总体设计 5. 修改 6. 测试 7. 上传 8. 维护 ;7.2 Dreamweaver简介 1. Dreamweaver的启动方法 2. Dreamweaver的界面 (1) 有哪几部分组成 (2) 各自的作用 ;7.3 站点的创建和管理 一、建立新站点 　　一旦创建好站点结构，必须在Dreamweaver中指定新站点，这样就可以使用带FTP功能的Dreamweaver将站点上传到Web服务器中。 　　在创建网页之前最好建立本地站点，站点的本地根目录应该是一个专门为该站点创建的文件夹。 建立站点的操作步骤：可参见实验二;二、管理站点资源 1.站点中建立文件和文件夹 2.将其它文件和文件夹导入到站点中 3.站点中的文件和文件夹的复制、移动和删除 4.导出和导入站点 ;7.4 网页制作;2.网页的保存和打开 执行