跨入网页制作的大门 (NXPowerLite).doc

中文Dreamweaver网页制作 中文Dreamweaver网页制作 第1章 跨入网页制作的大门第1 第1章 跨入网页制作的大门 第1章 跨入网页制作的大门 PAGE 2 PAGE 3 跨入网页制作的大门 本 章 要 点 2 认识网页 5 网页页面的一般组成元素 9 网页制作的技巧 11 网页制作常用软件 12 网页的一般制作步骤 小魔女：变！变！变！ 魔法师：小魔女，你大呼小叫地在做什么？ 小魔女：刚才看到一个好漂亮的魔法网站，就想变出一个我自己的网站来，可惜失败了。 魔法师：想学网页制作的魔法？早说嘛，跟我来，让我教你网页72变。 小魔女：你真的会吗？ 魔法师：相信我，没错的！准备好了吗？跟我一起进入网页制作的魔法世 界吧！  1.1 认 识 网 页 是不是跃跃欲试想开始学习制作网页了？别急，先来认识一下网页，了解什么是网页以及网页有哪些基本类型，为以后的学习打好基础。 1.1.1 什么是网页 在网上浏览网站时看到的一个个页面就是网页。网页中包含着各种各样的元素，如文字、图像、动画和超级链接等。如图1-1所示为新浪网站的一个页面。 SKIPIF 1 0 图1-1 网页 1.1.2 网页有哪些类型 按网页的表现方式可将网页分为动态网页和静态网页。这里所说的静态网页和动态网页并不是以网页中是否包含动态元素来区分的，而是针对客户端与服务器端是否发生交互而言的，发生交互的是动态网页，不发生交互的是静态网页。 按网页在网站中的位置可将网页分为主页和内页。主页又称首页，一般进入网站看到的第一个页面就是主页，该页面通常在整个网站中起导航作用；内页是指与主页相链接的与本网站相关的其他页面。 SKIPIF 1 0 1.1.3 网页中的专用术语 在网页设计过程中常常会遇到一些专业术语，如站点、域名、发布、URL、导航条、超级链接及表单等。为便于理解这些术语的含义，并为以后制作网页做好准备，下面对这些术语逐一进行解释。 （1）站点 站点可以大到是一个网站，也可以小到是一个网页，通俗地讲，一系列的网页文档链接起来就构成了站点，站点就是一个管理网页文档的场所。 （2）域名 简单地说，域名就是一个网站的网址。如网易的网址就是一个域名。域名就好比是网站的名字，并且任何网站的域名都是全世界惟一的。域名是由固定的网络域名管理组织在全球进行统一管理的，要获取域名，需到各地的网络管理机构申请，申请成功并将网页发布到网上后，只需在IE浏览器的地址栏中输入域名后按Enter键即可登录相应的网站。 （3）发布 发布就是将制作好的网页上传到Internet上的过程。只有发布后的网页才能在Internet上浏览。 （4）URL URL是全球资源定位器，它用来指明通信协议和地址的方式。它的功能是提供一种在Internet上查找任何信息的标准方法。如/book.htm就是一个URL。 （5）导航条 导航条相当于一个网站的目录，也可以说它是浏览者浏览网站的路标，如图1-2所示。导航条通过超级链接与各个站点或网页链接。无论用户浏览到何处，单击导航条都可直接进入所链接的页面。 图1-2 导航条 （6）超级链接 超级链接是指将不同页面链接起来的功能。在浏览网页时单击具有超级链接功能的文 字、图像等就能跳转到与之相关的页面。如图1-3所示为文字超级链接。如图1-4所示为图像超级链接。 SKIPIF 1 0 图1-3 文字链接 图1-4 图像链接 SKIPIF 1 0 （7）表单 表单是用于申请邮箱、会员或提交某些信息而需填写资料的交互网页。如图1-5所示为榕树下网站注册会员时所需填写的表单。 SKIPIF 1 0 图1-5 榕树下网站注册表单 1.1.4 了解网站 网站就是把一个个网页系统地链接起来的集合，如新浪、中国人、网易等。网站按其内容可分为专业网站、个人网站、门户网站和职能网站，下面一一介绍。 （1）专业网站 专业网站具有较强的单一性和专业性，不同的专业网站能满足不同浏览者的需要。如 图1-6所示的竹露荷风网站就是一个文学性专业网站。 （2）个人网站 个人网站是以个人名义开发创建的具有较强个性化的网站。如图1-7所示的挪威森林网站就是一个个人网站。 图1-6 专业网站 图1-7 个人网站 （3）门户网站 门户网站涉及的领域非常广泛，是一种综合性网站，如搜狐、网易和新浪等。如图1-8所示为搜狐网站。 （4）职能网站 职能网站的主要作用是树立公司形象或为客户提供