Internet简明教程(第五版)课件09.ppt

1、第09章 网页制作和站点建设,如今，Internet已经遍及社会的各个角落，上网已经成为很多人日常生活的一部分。拥有自己的个人主页，不但可以在学习或工作的相关领域与别人进行更多的交流，而且也会为自己带来更多的发展机会。用户只要掌握了创建网页的相关知识，利用网页制作工具软件就可以制作出拥有精彩效果的动态多媒体网页。本章将详细介绍制作简单的网页、站点的建立、管理和发布等内容。,教学重点与难点,网页设计的概述 网站的设计流程 创建和设置站点 编辑站点 申请网页空间并上传,9.1网页设计概述,计算机和互联网以其独特的优势渗入到人们的生活中，它们已经成为人们生活中一个重要的组成部分。若想设计与制作网页，

2、必须先了解网页的一些基本知识、制作网页所用的软件以及制作网页的流程等，为网页设计与制作打好坚实的基础。,网站与网页 网页的基本构成元素 页面的设计构思 网页的布局 制作一个简单的网页,9.1.1网站与网页,如今，因特网已经深入到社会的各个角落，上网已经成为一种时尚，而拥有自己的个人主页，更是一份荣耀。想要学习网页制作，首先要了解网页和网站的不同概念。 所谓首页，是指由网址进入时看到的第一个页面，它是网站中最重要的页面，就好比大树的树根，具有信息导航的作用，此外，首页还象征着整个网站的风格、形象。由首页所延伸下去的页面，就是网页了。用户可以使用一些网页制作工具软件将这些制作成一系列HTML文档，

3、每一个文档用一个窗口显示，这样的文档也就是网页。 通常在网络中的网站会有很多信息需要发布，需要分层次和有类别地向访问者展示。所谓网站，是由首页链接出去的所有网页的集合 。一个网页的设计者，会将某个主题确定后，再按所需的单元、内容经过设计，转化为不同的网页，在同一个结构及诉求下出现的集合体，就是网站。,9.1.2网页的基本构成元素,网页由一些基本元素构成，包括文本、图像、Flash动画、声音、视频、超链接、导航栏、表单等。,9.1.3页面的设计构思,在制作网页时，用户必须掌握网页的设计构思方法。在网页的设计构思中需要认真考虑的问题有网页的主题、网页的命名、色彩搭配和字体等要素。,9.1.4网页的

4、布局,用户在对网页进行布局设计时，应遵循对称平衡、异常平衡、对比、凝视和空白等原则 。, 型布局 T型布局 “三”型布局 POP布局 Flash布局,9.1.5制作一个简单的网页,本节将制作一个简单网页效果。用户可以根据网页的内容和素材，分别选取不同的工具，了解从进行基本文字处理到使用专业网页编辑软件的一系列步骤。 本例要求制作一个网页布局效果。首先，用户要创建一个用于保存网页和网页素材的文件夹，并将制作网页所用到的素材文件复制到其中，以便在制作网页的过程中使用。,9.2网站的设计流程,用户在制作网站时不能随心所欲，没有计划就开始动手制作，那样往往会走很多弯路，以致最后还不得不回过头来重新设计

5、，这样既浪费了时间又浪费了精力。因此，在制作网站之前，用户先要了解网站建设的基本流程，这样才能制作出更好、更合理的网站 。,网站的规划和设计 网站的建设 站点的推广、维护和更新,9.2.1网站的规划和设计,建立一个网站首先就要有一个好的网站策划。确定网站的方向和功能，在网站建立之初，方向的确定是非常重要的。例如个人站点、企业网站、综合类网站或者电子商务网站等。网站方向定好了，下一步就是网站内容、栏目版块、素材的制定与规划(如域名、空间、网站Logo等)。如果是企业或综合网站，还要与企业客户联系并搞一些民意调查等。另外，便于记忆的域名和稳定的空间也是网站成功不可缺少的要素之一。许多人在建立时忽略

6、了对网站主题的深思与构想，结果网站的内容变得十分空洞，主题也就让访问者不知所云了。 在确定了网站主题之后，下一步就是开始着手收集相关资料。无论是文字还是平面图片、各种多媒体动画，都可以将其收集起来以备后用。,9.2.2网站的建设,设计好网站规划方案后就可以开始构建站点了。在用户建设站点的过程中，需要依次完成站点网页组件的制作、网页的制作与测试、网站空间的申请和网站的上传等步骤，用户可以使用Dreamweaver CS3中一套专业的站点建设工具，实现网站建设 。,9.2.3站点的推广、维护和更新,网页上传完毕后，并不是所有的工作就都告一段落，用户还必须对网站进行推广和经常性的维护与更新，以保证站

7、点被更多的访问者浏览和网页内容新颖。 网站的推广是提高网站点击率、增加站点知名度的重要手段。现在，在Internet上的网站数量数不胜数，要使更多的网上用户浏览自己的站点，就需要通过各种途径进行网站介绍与宣传。具体方法通常有：通过电子邮件向朋友和伙伴通知网站的建立；通过Internet向其它用户介绍站点；登陆各大搜索引擎网站(如Google和百度等)等。 网站的维护就是对网站页面的调整和对站点内信息的更新。一个好的网站最重要的就是经常的维护与更新，用户在将网站推荐给更多人的同时，最好时常检查一下整个网站的运作情况，时时更新修改。网页编辑软件Dreamweaver CS3针对网站的管理与更新，设

8、计了许多方便的功能，用户在进行网页维护时可以使用它来完成所需的工作 。,9.3创建和设置站点,在创建站点之前，用户一般是先在本地将整个网站完成，然后再将站点上传到Web服务器上。因此最好的选择是，在开始创建网页之前用Dreamweaver建立一个本地站点 。,创建本地新站点 设置本地站点 设置远程文件夹,9.3.1创建本地新站点,创建一个本地站点最常用的方法是建立一个文件夹，在该文件夹中包含了网站的所有文件，并且可以在该文件夹中创建和剪辑文件。 启动网页编辑软件Dreamweaver后，选择“站点”|“新建站点”命令，打开“站点定义”对话框，使用Dreamweaver CS3的“站点定义向导”

9、(如图所示)可以方便地创建新站点，按照提示逐步完成站点设置的全过程 。,9.3.2设置本地站点,本地文件夹是相对“远程”Web服务器上的文件夹而言的，它可以位于本地计算机上，也可以位于局域网服务器上。当用户设置了本地文件夹后，其实就相当于建立了一个Dreamweaver 站点，只不过是站点在“本地”而已。 要设置本地文件夹，可在打开所示的“站点定义向导”对话框后，打开“高级”选项卡，在左侧的分类列表中选择“本地信息”，在对话框右侧将显示“本地信息”的所有参数设置选项，如图所示 。,9.3.3设置远程文件夹,要设置站点的远程文件夹，用户可在打开“站点定义向导”对话框后，打开“高级”选项卡，在左侧

10、的“分类”列表框中选择“远程信息”选项，然后在对话框右侧的“访问”下拉列表中选择连接远程服务器的方式即可，如图所示。,9.4编辑站点,在完成创建站点的工作后，用户可以使用Dreamweaver CS3对建立的站点进行复制、删除和修改等操作。使用Dreamweaver不但能够编辑本地系统上的现有站点而且能够编辑远程系统上的站点 。,编辑本地站点 使用站点地图 编辑远程站点 删除站点,9.4.1 编辑本地站点,用户可以选择“站点” |“管理站点”命令，在打开的“管理站点”对话框中编辑本地或远程的站点。即使用户不能使用Dreamweaver创建源站点，也可以在本地硬盘上编辑现有的站点。,9.4.2使

11、用站点地图,在Dreamweaver CS3中，使用站点地图可以用图形的方式查看站点结构，显示网页之间的链接关系。要显示站点地图，必须在此之前为站点定义一个主页，站点主页是站点地图的开始点。,9.4.3编辑远程站点,用户可以在Dreamweaver CS3中选择“站点”|“管理站点”命令，打开“管理站点”对话框来编辑远程的站点。也可以将现有的远程站点复制到本地磁盘上进行编辑。 有时用户只是希望修改远程站点上的部分内容，但也必须从远程站点将其相关的完整目录结构都复制到本地磁盘，包括文件夹和文件。例如，远程站点的根目录文件夹名为public_html，包括“项目1”和“项目2”两个文件夹，如果用户

12、只是想修改“项目1”文件夹中的HTML文件，就不需要下载“项目2”中的文件，但必须将本地根目录文件夹设置为public_html，而不是“项目1”，如图所示 。,9.3.4 删除站点,从站点列表中删除站点实际上只是删除了Dreamweaver同本地站点之间的关联，但保存在磁盘上的站点内容(包括各种文件夹和文件)并不会被删除，必要时还可以利用其新建相同的站点。用户如果不再需要使用Dreamweaver CS3对某个本地站点进行操作时，只需要选择“站点”|“管理站点”命令，在“管理站点”对话框中选择该站点名称，然后单击“删除”按钮，在打开的对话框中单击“是”按钮即可，如图所示 。,9.5申请网页空

13、间并上传网页,一个做好的网页要正式上传到网站服务器上，各地的浏览者才可以访问。一般个人制作网页，没有专业的服务器，那么就需要申请免费网页空间。有了网页空间才能实现网页上传，达到给其它用户浏览的目的 。,申请网页空间 上传网页 网页的宣传,9.5.1申请网页空间,用户在上传网页前，首先要申请网页空间。对于网页空间，现在免费的越来越少了，大部分的空间是收费的。因此，推出收费空间服务的网站越来越多，价格也千差万别，用户可以根据需要选择适合自己的空间服务商。空间一般根据不同的要求，分为静态网页空间和动态网页空间，前者可以存储普通的HTML页面，后者可以存储ASP、JSP等采用服务器技术的网页。 通常空间服务商都提供FTP网页上传服务。FTP是英文File Transfer Protocol(文件传输协议)的缩写。顾名思义，FTP就是专门用来传输文件的协议，也就是说通过FTP可以在Internet网上的任意两台计算机间互传文件。对于FTP，服务商会提供一个FTP的地起址、用户名以及密码。使用这些信息，就可以登录到自己的空间，