网站建设与管理概述.

Presentation on theme: "网站建设与管理概述."— Presentation transcript:

1 网站建设与管理概述

2 内容提要 1.1 网站基础知识 1.2 网站制作基础 1.3 网站管理基础 1.4 网页制作工具 1.5 WWW服务器的配置

3 1.1 网站基础知识 1.1.1 网站 1.1.2 本地计算机和Internet服务器 1.1.3 本地站点与远端站点
WWW和超文本 IP地址和域名地址 1.1.6 主页和网页 1.1.7 URL链接形式

4 1.1.1 网站 网站：也称为“站点”，存放有一系列的文档，这些文档称之为“网页”。 网站中的文档通过超级链接关联起来。
网站示例：凤凰卫视—

5 1.1.2 本地计算机和Internet服务器 对于浏览网站的用户来说，他们所使用的计算机被称为本地计算机。
Internet服务器：是指提供Internet服务的计算机，如WWW服务、FTP服务、 服务、Telnet服务、BBS服务等。

6 1.1.3 本地站点与远程站点 存储于Internet服务器上的站点称为远程站点。 存储在本地机上的站点称为本地站点。
如果网站文件的HTML代码中包含在服务器上运行的动态脚本ASP程序，则需要在本地机安装Internet服务程序IIS，让本地计算机成为真正的Internet服务器，使本地机与Internet服务器合二为一。

7 本地站点与远程站点（续） 一种配置是将 IIS或PWS安装在本地Windows 计算机硬盘中，另一种是将IIS或PWS安装在远程Windows计算机硬盘中。

8 1.1.4 WWW和超文本 1.什么是WWW？ 2.什么是超文本
WWW是World Wide Web的缩写，简称为Web（万维网）。WWW起源于1989年3月，是由欧洲粒子物理实验室CERN (the European Laboratory for Particle Physics)开发的主从结构分布式（“客户机/服务器”模式）超文本系统。 1992年1月，Web的第一个版本在瑞士日内瓦问世 。 2.什么是超文本 所谓超文本是指它可以加入图片、声音、动画、影视等内容，还可以从一个文件跳转到另一个文件，与世界各地主机文件链接。

9 WWW和超文本（续） WWW是一个全球性的信息系统，使计算机能够在Internet上相互传送基于超媒体的数据信息。
WWW也可以用来建立Intranet（企业内部网）的信息系统。 WWW具有三个统一： 1.统一的资源命名方式：URL（统一资源定位符，即网址）。 2.统一的资源访问方式：HTTP （超文本传输协议）。 3.统一的信息组织方式：HTML（超文本标记语言）。

10 WWW和超文本（续） WWW的特点 分布式的信息资源 。 统一的用户界面 。 支持各种信息资源和各种媒体的演播 。 广泛的用途。

11 WWW和超文本（续） WWW的结构 WWW是成千上万个网站连結而成的页面式网络信息系统。WWW采用“客户机/服务器”结构。

12 1.1.5 IP地址和域名地址 IP地址（IPv4，32bit） 域名地址 http://166.111.4.100

13 IP地址和域名地址（续） DNS服务器实现域名地址与IP地址之间的转换。 一个IP地址可以对应多个域名地址。

14 1.1.6 主页和网页 网站主页（Home Page）和网页（Web Page）严格来说是两个不同概念。
主页又被称为首页，是用户登录到网站后看到的第一个页面。 被主页调用的网页称为内页或子页，内页又可以调用其他内页，网页之间的调用通过超链接实现。

15 主页和网页（续） 不同服务器对首页默认名称的规定不尽相同，其文件名多为index.htm、index.html、Default.htm等。
一些采用了动态页面作为主页的网站，主页文件名可能不是以htm/html为后缀，而是诸如asp、php、jsp等。 主页的一个重要功能就是导航。

16 1.1.7 URL链接形式 URL格式为： URL常用的协议如下： 协议名称：//主机名：端口号/路径/文件名
如： URL常用的协议如下： file 本地文件 ftp FTP服务器 news 网络新闻组 http WWW服务器 telnet Telnet服务器

17 1.2 网站制作基础 网站制作步骤 网站定位 网站基本功能

18 1.2.1 网站制作步骤 站点总体规划 站点结构规划 网页创作 网站编辑调试 发布网站

19 网站制作步骤（续） 网站的目录结构是指建立网站时创建的路径。 注意： ● 不要将所有的文件都保存在根目录下，要合理安排。
● 网站的链状结构 ● 树状链接结构 ● 线性链接结构 主页 页面A 页面A1 页面B 页面C 页面A2 页面C1 页面C2 一级页面 二级页面 主 页 页面A 页面B 页面C ● 网站的目录结构 网站的目录结构是指建立网站时创建的路径。 注意： ● 不要将所有的文件都保存在根目录下，要合理安排。 ● 按栏目内容建立子目录。 ● 不要使用中文目录。

20 1.2.2 网站定位 1. 信息发布类网站 2. 门户网站和在线查询网站 3. 电子商务类网站 4. 服务类网站
5. 个人网站和娱乐游戏类网站

21 1.2.3 网站基本功能 1. 信息展示 2. 条目列表 3. 公共导航 4. 联系方式 5. 在线表单 6. 访客留言 7. 友情链接
8. 网站地图

22 1.3 网站管理基础 1.3.1 测试网站 1.3.2 选择接入Internet的方式 1.3.3 申请域名和空间 1.3.4 网站发布
1.3 网站管理基础 测试网站 选择接入Internet的方式 申请域名和空间 网站发布 浏览网站 管理和维护网站

23 1.3.1 测试网站 网站建成后，要对网站进行模拟测试，主要包括以下内容： 测试网页对浏览器的兼容性 测试访问网页所用时间，以提高下载速度
测试网站 网站建成后，要对网站进行模拟测试，主要包括以下内容： 测试网页对浏览器的兼容性 测试访问网页所用时间，以提高下载速度 测试所有页面上的图片和文字链接情况，防止出现死链接 仔细校对网页上的内容，防止出现错别字

24 1.3.2 选择接入Internet方式 专线接入 服务器托管 虚拟主机 花费较大，但优势明显、一线多用，提供的服务内容也多。
将Web服务器放在其他公司的机房 虚拟主机 租用ISP的磁盘空间，一般适合中小型企业网站或个人网站。

25 申请域名和空间 申请免费的域名和空间

26 申请域名和空间（续） 申请收费的域名和空间 http://www.net.cn http://www.ns-soft.com

27 申请域名和空间（续）

28 申请域名和空间（续）

29 申请域名和空间（续）

30 1.3.5 网站发布 通过ISP提供的在线上传功能 通过FTP方式上传 通过IE访问FTP服务器
网站发布 通过ISP提供的在线上传功能 通过FTP方式上传 通过IE访问FTP服务器 使用CuteFTP、WSFTP等工具软件上载 使用网页制作软件提供的FTP发布网站功能 Dreamweaver、FrontPage

31 网站发布举例 （1）进入提供免费域名和空间的网站，如http://diy.myrice.com/free.php
（2）输入用户名和密码进入申请的空间 （3）上传网页文件

32 浏览网站 发布成功后，打开浏览器，查看网站在远程服务器上的运行效果。

33 1.3.7 管理和维护网站 1. 在本地机保留网站的备份 2. 建立网站日志 3. 访问统计 4. 客户信息管理（留言或邮件）

34 1.4 网页制作工具 1.4.1 网页制作主流软件 1.4.2 网页制作主流编程技术

35 1.4.1 网页制作主流软件 Dreamweaver 8 FrontPage 2000/2002/2003 Flash 8
Fireworks 8 Photoshop CS FreeHand ……

36 网页制作主流软件（续） Dreamweaver具有可视化编辑界面，用户不必编写复杂的HTML
代码就可以生成跨平台、跨浏览器的网页。其网页动态效果及网 页排版功能都比一般的软件好用。 Dreamweaver集网页设计与站点管理两大利器于一身。 ● FrontPage 2003 FrontPage具有功能强大，简单易用的特点。 具有优秀的自动网页超级链接保护功能、所见即所得的帧窗口 界面、手绘表格制作，用户可简便地在网页内插入动态性组件， 而无需自己编写这些程序代码。

37 网页制作主流软件（续） Photoshop CS Photoshop创造了不朽的计算机图形艺术，提供了几十种滤镜功能，
和通道处理的功能。它还整合了专门处理网络图像和制作网络动画 的ImageReady 8.0。 ● Photoshop CS ● Fireworks 8 Fireworks号称第一个提供网页制图全方位解决方案的应用软件。可 以创建和编辑位图、矢量图形，并且可以轻松的作出网页中各种常 见的效果，比如立体按钮、阴影、动态图片等。 ● Freehand Freehand提供了一系列完整的绘图工具，可制作出细致的美术图形、工业绘图。

38 网页制作主流软件（续） Flash 8 Flash是一种矢量图形编辑和交互动画创作的专业软件，主要应用
的动画不仅容量小、动画效果好，还有很强的交互性、兼容性，而 且可以通过HTML语言嵌入网页中，增强网页的动感效果。 ● Flash 8 ● GIF Animator 友立公司提供的GIF Animator是一个十分易用又功能齐全的 GIF动画制作软件。它可以合成数个GIF动画使之成为一个动画， 也可以将视频AVI文件转变成GIF文件。 ● Cool 3D Cool 3D是由友立公司开发的一个制作三维字的动画软件。其 最大特点就是简单易用，可以提供火焰、爆炸、扭曲等特效。

39 1.4.2 网页制作主流编程技术 1.HTML（Hypertext Marked Language） 超文本标记语言

40 网页制作主流编程技术（续） 2.XML（Extensible Markup Language） 可扩展标记语言 允许用户自己创建标记

41 网页制作主流编程技术（续） 3.ASP/JSP/PHP 动态网页技术 在服务器端执行，与客户端无关

42 网页制作主流编程技术（续） ASP（Active Server Pages，活动服务器页面）是一套由微软开发的服务器端脚本环境。用户通过ASP可以结合HTML网页、ASP指令和ActiveX组件来建立动态、交互而且高效的Web服务器应用程序。 ● ASP的特点 （1）使用VBScript、Jscript等简单易懂的脚本语言。 （2）ASP应用程序既可以手工编码制作，又可以通过 Dreamweaver等可视化工具创作生成。 （3）无需编译，容易编写，并且与浏览器无关。 （4）可以通过插件的方式，使用由第三方提供的其他脚本语言。 （5）具有无限可扩充性。 （6）ASP的源程序不会被传到客户浏览器，提高了安全性。

43 网页制作主流编程技术（续） ● PHP的特点 PHP（Hypertext Preprocessor，超文本预处理器）是一种易于学习和使用的服务器端脚本语言。 PHP 独特的语法混合了 C、Java、Perl 以及 PHP 式的新语法，它可以比 CGI 或者 Perl 更快速的执行动态网页。 PHP不需要特殊的开发环境和IDE，支持多种通信协议，其在数据库方面的丰富支持也是它迅速走红的原因之一。PHP还具有很强的兼容性，可以很轻易的移植到不同的系统平台上。 ● JSP的特点 能够在任何Web或应用程序服务器上运行 分离了应用程序的逻辑和页面显示 能够进行快速的开发和测试 简化了开发基于Web的交互式应用程序的过程

44 网页制作主流编程技术（续） 4.JavaScript 跨平台、面向对象、嵌入式脚本语言 在浏览器端解释执行 简单易学

45 网页制作主流编程技术（续） 5.VBScript ASP缺省脚本语言 可以作为客户端编程语言，在浏览器端解释执行

46 1.5 www服务器的配置 1.什么是WWW 服务器？ WWW 服务器也称为Web服务器，它监听来自客户机浏览器的请求，并且发送网页给客户机。 当访问者在浏览器的地址栏中输入一个 URL，或者单击网页上的某个链接时，便生成一个网页请求。 常见的WWW服务器端软件有： Microsoft Internet Information Server（IIS） Microsoft Personal Web Server(PWS) Apache HTTP Server Netscape Enterprise Server Sun ONE Web Server。

47 www服务器的配置（续） 2.如何用Windows操作系统建立Web服务器？ 可以安装下列系统之一 ：
1．Windows 2000/2003 Server和IIS 5.0/6.0。 2．Windows XP和IIS 5.1。 3．Windows 98/2000 Professional和PWS。 其中 IIS：Internet Information Service （Internet信息服务器） PWS：Personal Web Service（个人Web服务）。

48 www服务器的配置（续） 3.如何在Windows XP中安装IIS （1）单击“开始”>“控制面板”，双击“添加或删除程序”；
（4）在“Windows 组件”列表中，选中“Internet 信息服务(IIS)”； （5）单击“下一步”，然后根据提示操作。 在安装后，可以启动浏览器，输入地址：

49 www服务器的配置（续） 4.存放网页源文件的两种做法
将网页文件保存到默认网站的主目录里，如默认网站的主目录直接采用Windows系统已经建立的d:\Inetpub\wwwroot根文件夹。 将网页文件保存到默认网站的主目录之外。这就需要建立一个虚拟目录，在建立虚拟目录的过程中指定虚拟目录及其实际目录（物理目录），从而建立虚拟目录和实际目录间的关联。

50 www服务器的配置（续） 5.什么是虚拟目录？ 虚拟目录是实际目录的别名，它代表存放网页的实际目录，以便在网址中代替实际目录。
虚拟目录的名称可以与实际目录的名称相同，也可以不同。虚拟目录在磁盘目录中并不存在，实际目录是存放网页内容的目录。 例如，存放网页文件test.htm的实际目录为d:\david wu，若为该目录设置一个别名，即虚拟目录wu，则虚拟目录wu就可以用在网址 wu。

51 www服务器的配置（续） 练习IIS中Web服务的配置

52 多Web站点的配置 如何在一台服务器上部署多个Web站点？ 通过IP地址区分 通过端口号区分 通过主机头名区分
:80 :800 :8000 通过主机头名区分 ● 演示

53 多Web站点的配置（案例） 例如想把三家公司A、B、C的网站都部署到一台服务器上。 可通过主机头名区分：
A公司： B公司： C公司：

54 思考题 1. 简述IP地址、域名地址以及它们之间的关系。 2. 建立网站的主要步骤是什么？ 3. 制作网页的主流软件有哪些？
4. 动态交互式网页主流编程技术有哪些？ 5. 在一台服务器上部署多个网站有哪些解决办法？