《2004中文版短期培训教程.pptVIP

第 一课 网页制作基础 课前导读 基础知识 重点知识 了解知识 课堂讲解 网页制作基础知识 网页制作步骤 Dreamweaver MX 2004简介 Dreamweaver MX 2004的工作界面 在制作网页之前应首先了解网页的定义与分类、网页制作中的基本概念以及制作网页的基本步骤等知识。 网页制作基础知识 网页的定义 网页的分类 网页制作中的基本概念 网页制作原则 网页整体架构 网页制作技巧 网页的定义 在网上浏览时看到的一个个页面就是网页，又称为Web页。如下图所示即为一个网页的界面。 网页的分类 按网页在一个站点中所处的位置可将其分为主页和内页，主页是指进入一个站点时看到的第一页，内页是指与主页相链接的页面。 按网页的表现形式可将网页分为静态网页和动态网页。静态网页是采用HTML语言编写的网页，目前大部分的网页仍然属于静态网页。动态网页是采用ASP、PHP、CGI等程序生成的动态页面，在网络空间中并不存在这个页面，只有在接到用户的访问要求后才生成并传输到用户的浏览器上。 网页制作中的基本概念 浏览器 统一资源定位器 文件传输协议 超文本标记语言 IP地址 域名 表单 超级链接 导航条 发布 在进行网页设计时，常遇到一些专业名词，如浏览器、统一资源定位器、文件转输协议、超文本标记语言、IP地址、域名、表单、超级链接、导航条及发布等。理解这些名词的含义有利于在制作网页时合理利用它们，下面对这些名词进行逐一介绍。 浏览器 浏览器是把在互联网上找到的文本文档和其他类型的文件翻译成网页的软件。通过浏览器，可以方便地和Internet互连，从而充分地利用网上的免费资源进行各种工作。目前使用最广泛的浏览器主要有Microsoft（微软）公司研发的IE浏览器和Netscape（网景）公司研发的NE浏览器，还有国内腾讯公司的TT浏览器。 统一资源定位器 统一资源定位器简称URL，是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。简单地说，URL就是网络服务器主机的地址，也称作网址，如/index.htm即为一个标准的网址。 文件传输协议 文件传输协议简称FTP，是一种快速、高效、可靠的信息传输协议。通过这个协议，可以把文件从一台计算机传输到另外一台计算机，从而真正地实现资源共享。当站点完成后上传到互联网上时使用的就是文件传输协议。 超文本标记语言 超文本标记语言简称HTML，是WWW创建的超媒体文本语言，任何一个网页都是基于HTML的。用HTML语言编写网页文件的扩展名一般为“*.htm”或“*.html”。 IP地址 除了用统一资源定位器来访问需要的资源之外，还可以使用IP地址来进行访问。每一台上网的计算机都有一个惟一标识主机的号码，这就是IP地址。IP地址是一组32位的数字，如41。 域名 IP地址是一长串的数字号码，这些数字难记又难理解，为了方便用户理解、记忆，科学家们引入了域名的概念。域名是用一些英文字符来代替IP地址，这些英文字符一般都是英文单词，也可能是拼音字母，它们基本上和站点名称一致，因此记忆起来就十分容易了。域名的一般书写格式为主机名.机构名.地区名，如就是新浪站点的域名。 表单 表单是用于申请或提交信息而填写的交互网页。如电子邮箱、主页空间和QQ号码的申请页面以及论坛、聊天室和留言簿等，都是采用表单来实现交互的。 超级链接 超级链接是页面对象之间的链接关系，可以是站点页面内部的对象之间的链接，也可以是与其他站点之间的链接。通过网页中的链接就可以转到相应的页面进行浏览。 导航条 导航条能十分有效地实现超级链接功能，它总括了整个站点主要页面的关键词，通过单击导航条上的链接，就可以跳转到相应的页面进行浏览。 导航条的放置位置一般有横式和竖式两种，实现的方法很多，可以用纯文本、按钮或图片，也可用Flash动画或用脚本语言。 发布 发布也称为上传或上载，是指将制作好的网页上传到互联网上的过程，只有上传后的网页才能被浏览者浏览到。 网页制作原则 在网页制作过程中，应遵循以下一些制作原则。 网页整体架构 “匚”右框型布局结构 “目”字型布局结构 “亘”字型布局结构 “曰”字型对称布局结构 POP布局结构 网页制作技巧 网页制作步骤 收集整理资源 规划站点内容并创建站点 制作网页 测试站点 发布站点 站点维护、更新 在完成收集素材、整理素材和规划站点等一系列的准备工作后才能开始制作网页。 收集整理资源 在制作网页前应先收集制作时要用的文字材料、图片素材及用于增添页面效果的动画等。若制作