网页制作技术PPT.ppt

第7章　 网页制作技术;2. 网页的特点 (1) 从文件角度讲，网页是由HTML语言编写而成的特殊文本文件。所以网页文件通常又被称为HTML文件，其文件扩展名通常为.html或.htm。 (2) 从组成元素角度讲，网页是由文本、图片和超链接等多种对象构成的多媒体页面。 ;二、站点 1. 站点的作用 网页是站点的基本信息单位，一个站点通常由多个网页构成，这些网页之间使用链接地址(URL地址)相互连接在一起，构成一个完整的站点，用户能够通过单击链接地址转换到其他页面。 2. 站点的特点 ;2. 站点的特点 (1) 站点存储在Web服务器上。当用户访问一个站点时，该站点中首先被打开的页面称为首页或主页。 (2) 本地站点中的所有内容一般被组织在外部存储器的同一个目录中，根据站点栏目或者资源类型对文件进行分类，分别放置在不同的子目录中。 (3) 本地站点在制作完毕后，如果不经过发布是不能被其他浏览者访问的，发布就是将本地站点的内容传输到连接在Internet上的Web服务器中。;三、超文本、超媒体、超链接 1. 超文本 (1) 什么是超文本 超文本是指在文本中包含了与其他文本连接的文件。 (2) 超文本的特点 它的链接对象是纯文本，使用了超级链接的文本下方带有下划线，单击文件中已经定义了超链接的文字，便可以显示与该文字相关的说明的文字资料。 从组成上看，超文本可描述为： 超文本=文本+超链接;(3) 超链接的形式 空链接：在链接的目标中输入一个“#”，即为空链接。 图片链接：在链接的目标中输入图片的路径，在这里图片一定要在站点内的文件夹中。 书签链接：在链接的目标中输入“#”加书签名，书签就是在当前网页中建立的一个锚点。 网页链接：在链接的目标中输入http://网址表示链接的是外网的网页。如果直接输入网址，表示链接的是内部的网页。 电子邮件链接：在链接的目标中输入mailto:电子邮件地址，当单击链接源时，就会弹出Outlook。 ;(4) 链接的目标 链接的目标就是指链接的内容怎样表现出来。 _blank：是指在新的窗口中打开网页。 _seft：是指在当前窗口中打开网页。 _top：是指在最顶层打开网页。 _parent：是指在父框架打开网页 ;四、网页制作常用方法 1.用可视化网页制作工具进行页面设计 (1) FrontPage软件 (2) Dreamweaver软件 (3) Word文字处理软件 ;2.直接编写HTML格式文件 HTML（Hyper Text Markup Language，超文本标记语言）是一种用来制作超文本文档的简单标记语言 用HTML编写的超文本文档称为HTML文档， 它能独立于各种操作系统平台（如UNIX，Windows等）。 ;生成一个HTML文档主要有以下三种途径： 手工直接编写（例如，用你所喜爱的ASCII文本编辑器或其他HTML的编辑工具） 通过某些格式转换工具将现有的其他格式文档（如Word文档）转换成HTML文档 由Web服务器（或称HTTP 服务器）一方实时动态生成。;HTML定义了3种标记用于描述页面的整体结构，以及浏览器和HTML工具对HTML页面的确认 一般的页面结构如下： HTML HEAD 头部信息 /HEAD BODY 文档主体，正文部分 /BODY /HTML 。;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服务器中。 　　在创建网页之前最好建立本地站点，站点的本地根目录应该是一个专门为该站点