dreamweaver8课件第二周.ppt

网页制作 大纲 重点回顾 因特网的前身 ARPA网 因特网的特点 全球互联网络 信息资料丰富 共同享用资源 因特网-关键技术 WWW E-mail Usenet FTP Telnet 浏览器（Browser） 用来解释Web页面并完成相应转换和显示的程序 WWW Web的发展 静态-动态 重点回顾 网站 网站(Website)是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。 组成：域名（俗称网址），网站源程序和网站空间三部分构成。 网页 是网站中的一「页」，通常是HTML格式。 网页是构成网站的基本元素，是承载各种网站应用的平台。 构成元素: 文字与图片是构成一个网页的两个最基本的元素，还包括动画、音乐、程序等等。 重点回顾 网页设计理念：有效展示有用信息 考虑访问者的带宽问题 版面布局合理 要注重色彩的搭配问题 网页内容应当便于阅读 站点内容要精、专、及时更新 网页设计选择过程 选择用于呈现信息的元素 选择用于显示内容的布局 选择用于呈现信息的元素 选择用于显示内容的布局 大纲 软件介绍 Dreamweaver 是当前最流行的网页设计和网站开发工具。可用于创建静态和动态网站页面，同时具有网站管理和FTP等辅助功能。该软件由Macromedia（现Adobe）公司开发，我们使用的是8.0正式版本。 软件介绍 Dreamweaver 8 是一款专业的HTML编辑器 用于对Web站点、Web页和Web应用程序进行设计、编码和开发。 Dreamweaver 8中的可视化编辑功能可以为页面快速添加各种设计和功能。 可以查看所有的站点元素或资源，并且可以直接将它们从一个易用面板中拖动到文档。 可以程序化开发流程。 Dreamweaver使用原则 建立站点 对象名称用字母 及时保存 大纲 HTML基础 HTML（HyperText Marked Language） 超文本标记语言 用于制作超文本文档的简单标记语言 超文本：可以加入图片、声音、动画、视频等多媒体内容，并可以从一个文档跳转到另一个文档，并与各地主机的文件相连接。 HTML文档 扩展名：htm或html XHTML：可扩展标识语言 增强的HTML 更严格的语法，可扩展性，灵活性 HTML文件的主要结构 HTML HTML文件开始 HEAD 该文件的头部开始 …… 该文件的头部内容 /HEAD 该文件的头部结束 BODY 该文件的主体开始 …… 该文件的主体内容 /BODY 该文件的主体结束 /HTML HTML文件结束 URL简介 URL是Uniform Resource Locator的缩写，中文意思是“统一资源定位器”，指WWW网页的地址。 如/pc/index.htm。 “http://”表示Internet资源类型是HTTP服务 ”是站点名，用来指出WWW页所在的服务器域名，也可以是一台服务器的名字。 “pc”是指信息存放的文件夹。 最后一项是想要访问的具体文件名。 URL简介 由此可见，一个完整的URL应该有以下几个部分组成：资源类型+主机名+子目录（可选）+文件名（可选）。 除了 “http://”表示WWW服务器外，还有“ftp://”表示FTP服务器，“gopher://”表示Gopher服务器，“news://”表示Newsgroup新闻组等。 注意：WWW上的服务器都是区分大小写字母的。 超级链接 超级链接是“超文本链接”的缩略语。 它提供了通过单击超级链接点将用户从WWW文档某一部分连接到同一文档或不同文档的其他部分。 可以迅速从服务器的某一页转到另一页，也可以转到其他服务器页。 表示超级链接点的信息可以是文字或图像，甚至是动画。 相对路径和绝对路径 绝对路径 绝对路径是包含服务器协议的完全路径，是一种与源地址文件无关的路径形式。 绝对路径包含的是精确地址，创建对当前站点以外文件的链接时必须使用绝对路径。 一般最常见的是URL，就是通常所说的网址。 格式如下： /pc/index.htm 在网址前一定要加上协议名，如http、ftp等。 另外一种是文档的绝对路径，一般格式如下： file:///E:/Documents and Settings/lm/桌面 /images/1.gif 相对路径和绝对路径 相对路径 和文档相对的路径 和文档相对的路径是指和当前文档所在的文件夹相对的路径。 和根目录相对的路径 总是从当前站点的根目录开始，站点上的所有可公开的文件都存放在站点的根目录下。 和根目录相对的路径使用斜杠，以告诉服务器从