网站建设与管理PPT电子课件教案第1章 概述

《网站建设与管理PPT电子课件教案第1章 概述》由会员分享，可在线阅读，更多相关《网站建设与管理PPT电子课件教案第1章 概述（56页珍藏版）》请在装配图网上搜索。

1、第一章第一章 概述概述2课程内容简介课程内容简介我脚踏html，身披Dreamweaver ，左手持Fireworks，右手挥Flash，头戴asp，腰缠CSS ，骑着IIS，游刃于网页间3内容提要内容提要1.1 网站基础知识1.2 网站制作基础1.3 网站管理基础1.4 网页制作工具1.5 WWW服务器的配置41.1 网站基础知识网站基础知识1.1.1 网站1.1.2 本地计算机和Internet服务器1.1.3 本地站点与远端站点1.1.4 WWW和超文本1.1.5 IP地址和域名地址1.1.6 主页和网页1.1.7 URL链接形式51.1.1 网站网站网站：也称为网站：也称为“站点站点”

2、，存放有一系列的文档，这些文，存放有一系列的文档，这些文档称之为档称之为“网页网页”。网站中的文档通过超级链接关联起来。网站中的文档通过超级链接关联起来。网站示例：凤凰卫视网站示例：凤凰卫视61.1.2 本地计算机和本地计算机和Internet服务器服务器对于浏览网站的用户来说，他们所使用的计算机对于浏览网站的用户来说，他们所使用的计算机被称为本地计算机。被称为本地计算机。Internet服务器：是指提供服务器：是指提供Internet服务的计算机，服务的计算机，如如WWW服务、服务、FTP服务、服务、Email服务、服务、Telnet服服务、务、BBS服务等。服务等。71.1.3 本地站点与

3、远程站点本地站点与远程站点存储于存储于Internet服务器上的站点称为远程站点。服务器上的站点称为远程站点。存储在本地机上的站点称为本地站点。存储在本地机上的站点称为本地站点。在本地机上构建站点框架，完成站点设计，进行站点测试，在本地机上构建站点框架，完成站点设计，进行站点测试，上传到上传到Internet服务器后便形成远程站点。服务器后便形成远程站点。如果网站文件的如果网站文件的HTML代码中包含在服务器上运行的动态代码中包含在服务器上运行的动态脚本脚本ASP程序，则需要在本地机安装程序，则需要在本地机安装Internet服务程序服务程序IIS，让本地计算机成为真正的让本地计算机成为真正的

4、Internet服务器，使本地机与服务器，使本地机与Internet服务器合二为一。服务器合二为一。8本地站点与远程站点（续）本地站点与远程站点（续） 一种配置是将 IIS或PWS安装在本地Windows 计算机硬盘中，另一种是将IIS或PWS安装在远程Windows计算机硬盘中。 91.1.4 WWW和超文本和超文本p1.什么是什么是WWW？WWW是是World Wide Web的缩写，简称为的缩写，简称为Web（万（万维网）。维网）。WWW起源于起源于1989年年3月，是由欧洲粒子物月，是由欧洲粒子物理实验室理实验室CERN (the European Laboratory for Par

5、ticle Physics)开发的主从结构分布式（开发的主从结构分布式（“客户机客户机/服务器服务器”模式）超文本系统。模式）超文本系统。1992年年1月，月，Web的第一个版本在瑞士日内瓦问世的第一个版本在瑞士日内瓦问世 。 p2.什么是超文本什么是超文本所谓超文本是指它可以加入图片、声音、动画、影所谓超文本是指它可以加入图片、声音、动画、影视等内容，还可以从一个文件跳转到另一个文件，视等内容，还可以从一个文件跳转到另一个文件，与世界各地主机文件链接。与世界各地主机文件链接。10WWW和超文本（续）和超文本（续）WWW是一个全球性的信息系统，使计算机能够在是一个全球性的信息系统，使计算机能够

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

7、的信息资源 。 统一的用户界面统一的用户界面 。支持各种信息资源和各种媒体的演播支持各种信息资源和各种媒体的演播 。广泛的用途。广泛的用途。 12WWW和超文本（续）和超文本（续）p WWW的结构的结构WWW是成千上万个网站连結而成的页面式网是成千上万个网站连結而成的页面式网络信息系统。络信息系统。WWW采用采用“客户机客户机/服务器服务器”结结构。构。 131.1.5 IP地址和域名地址地址和域名地址IP地址（地址（IPv4，32bit）phttp:/166.111.4.100phttp:/202.103.24.116phttp:/162.105.129.12/域名地址域名地址phttp:/

8、phttp:/phttp:/14IP地址和域名地址（续）地址和域名地址（续）DNS服务器实现域名地址与服务器实现域名地址与IP地址之间的转换。地址之间的转换。一个一个IP地址可以对应多个域名地址。地址可以对应多个域名地址。一个域名地址可以对应多个一个域名地址可以对应多个IP地址。地址。151.1.6 主页和网页主页和网页网站主页（网站主页（Home Page）和网页（）和网页（Web Page）严格来说是两个不同概念。严格来说是两个不同概念。主页又被称为首页，是用户登录到网站后看到的主页又被称为首页，是用户登录到网站后看到的第一个页面。第一个页面。被主页调用的网页称为内页或子页，内页又可以被主

9、页调用的网页称为内页或子页，内页又可以调用其他内页，网页之间的调用通过超链接实现。调用其他内页，网页之间的调用通过超链接实现。16主页和网页（续）主页和网页（续）不同服务器对首页默认名称的规定不尽相同，其不同服务器对首页默认名称的规定不尽相同，其文件名多为文件名多为index.htm、index.html、Default.htm等。等。一些采用了动态页面作为主页的网站，主页文件一些采用了动态页面作为主页的网站，主页文件名可能不是以名可能不是以htm/html为后缀，而是诸如为后缀，而是诸如asp、php、jsp等。等。主页的一个重要功能就是导航。主页的一个重要功能就是导航。171.1.7 UR

10、L链接形式链接形式URL格式为：格式为：p协议名称：协议名称：/主机名：端口号主机名：端口号/路径路径/文件名文件名p如：如：http:/202.114.66.1:8080/elearning/test.jspURL常用的协议如下：常用的协议如下：file 本地文件本地文件ftp FTP服务器服务器news 网络新闻组网络新闻组http WWW服务器服务器telnet Telnet服务器服务器181.2 网站制作基础网站制作基础1.2.1 网站制作步骤网站制作步骤1.2.2 网站定位网站定位1.2.3 网站基本功能网站基本功能191.2.1 网站制作步骤网站制作步骤站点总体规划站点总体规划站点

11、结构规划站点结构规划网页创作网页创作网站编辑调试网站编辑调试发布网站发布网站20网站制作步骤（续）网站制作步骤（续）211.2.2 网站定位网站定位1. 信息发布类网站信息发布类网站2. 门户网站和在线查询网站门户网站和在线查询网站3. 电子商务类网站电子商务类网站4. 服务类网站服务类网站5. 个人网站和娱乐游戏类网站个人网站和娱乐游戏类网站221.2.3 网站基本功能网站基本功能1. 信息展示信息展示2. 条目列表条目列表3. 公共导航公共导航4. 联系方式联系方式5. 在线表单在线表单6. 访客留言访客留言7. 友情链接友情链接8. 网站地图网站地图231.3 网站管理基础网站管理基础1

12、.3.1 测试网站测试网站1.3.2 选择接入选择接入Internet的方式的方式1.3.3 申请域名和空间申请域名和空间1.3.4 网站发布网站发布1.3.5 浏览网站浏览网站1.3.6 管理和维护网站管理和维护网站241.3.1 测试网站测试网站网站建成后，要对网站进行模拟测试，主要包括网站建成后，要对网站进行模拟测试，主要包括以下内容：以下内容：p测试网页对浏览器的兼容性测试网页对浏览器的兼容性p测试访问网页所用时间，以提高下载速度测试访问网页所用时间，以提高下载速度p测试所有页面上的图片和文字链接情况，防止出现死测试所有页面上的图片和文字链接情况，防止出现死链接链接p仔细校对网页上的内

13、容，防止出现错别字仔细校对网页上的内容，防止出现错别字251.3.2 选择接入选择接入Internet方式方式 专线接入专线接入p花费较大，但优势明显、一线多用，提供的服花费较大，但优势明显、一线多用，提供的服务内容也多。务内容也多。 服务器托管服务器托管p将将Web服务器放在其他公司的机房服务器放在其他公司的机房 虚拟主机虚拟主机p租用租用ISP的磁盘空间，一般适合中小型企业网的磁盘空间，一般适合中小型企业网站或个人网站。站或个人网站。261.3.3 申请域名和空间申请域名和空间申请免费的域名和空间申请免费的域名和空间27申请域名和空间（续）申请域名和空间（续）申请收费的域名和空间申请收费的

14、域名和空间phttp:/phttp:/www.ns-phttp:/ 网站发布网站发布通过通过ISP提供的在线上传功能提供的在线上传功能通过通过FTP方式上传方式上传p通过通过IE访问访问FTP服务器服务器ftp:/用户名用户名:密码密码p使用使用CuteFTP、WSFTP等工具软件上载等工具软件上载p使用网页制作软件提供的使用网页制作软件提供的FTP发布网站功能发布网站功能Dreamweaver、FrontPage32网站发布举例网站发布举例（1）进入提供免费域名和空间的网站，如）进入提供免费域名和空间的网站，如http:/ 浏览网站浏览网站发布成功后，打开浏览器，查看网站在发布成功后，打开浏

15、览器，查看网站在远程服务器上的运行效果。远程服务器上的运行效果。341.3.7 管理和维护网站管理和维护网站1. 在本地机保留网站的备份在本地机保留网站的备份2. 建立网站日志建立网站日志3. 访问统计访问统计4. 客户信息管理（留言或邮件）客户信息管理（留言或邮件）351.4 网页制作工具网页制作工具1.4.1 网页制作主流软件网页制作主流软件1.4.2 网页制作主流编程技术网页制作主流编程技术361.4.1 网页制作主流软件网页制作主流软件Dreamweaver 8FrontPage 2000/2002/2003Flash 8Fireworks 8Photoshop CSFreeHand

16、37网页制作主流软件（续）网页制作主流软件（续）38网页制作主流软件（续）网页制作主流软件（续）39网页制作主流软件（续）网页制作主流软件（续）401.4.2 网页制作主流编程技术网页制作主流编程技术1.HTML（Hypertext Marked Language）p超文本标记语言超文本标记语言p用用HTML编写的文档属于纯文本类型编写的文档属于纯文本类型pHTML独立于各种操作平台独立于各种操作平台41网页制作主流编程技术（续）网页制作主流编程技术（续）2.XML（Extensible Markup Language）p可扩展标记语言可扩展标记语言p允许用户自己创建标记允许用户自己创建标记p

17、XML文档的内容与显示分离文档的内容与显示分离42网页制作主流编程技术（续）网页制作主流编程技术（续）3.ASP/JSP/PHPp动态网页技术动态网页技术p在服务器端执行，与客户端无关在服务器端执行，与客户端无关43网页制作主流编程技术（续）网页制作主流编程技术（续）44网页制作主流编程技术（续）网页制作主流编程技术（续）454.JavaScriptp跨平台、面向对象、嵌入式脚本语言跨平台、面向对象、嵌入式脚本语言p在浏览器端解释执行在浏览器端解释执行p简单易学简单易学网页制作主流编程技术（续）网页制作主流编程技术（续）465.VBScriptp ASP缺省脚本语言缺省脚本语言p 可以作为客户

18、端编程语言，在浏览器端解可以作为客户端编程语言，在浏览器端解释执行释执行网页制作主流编程技术（续）网页制作主流编程技术（续）471.5 www服务器的配置服务器的配置p1.什么是什么是WWW 服务器服务器？WWW 服务器也称为服务器也称为WebWeb服务器，它监听来自客户机浏服务器，它监听来自客户机浏览器的请求，并且发送网页给客户机。览器的请求，并且发送网页给客户机。当访问者在浏览器的地址栏中输入一个当访问者在浏览器的地址栏中输入一个 URLURL，或者单击，或者单击网页上的某个链接时，便生成一个网页请求。网页上的某个链接时，便生成一个网页请求。 常见的常见的WWWWWW服务器端软件有：服务器

19、端软件有： Microsoft Internet Information ServerMicrosoft Internet Information Server（IISIIS） Microsoft Personal Web Server(PWS)Microsoft Personal Web Server(PWS) Apache HTTP ServerApache HTTP Server Netscape Enterprise ServerNetscape Enterprise Server Sun ONE Web ServerSun ONE Web Server。 48www服务器的配置（续）

20、服务器的配置（续）p2.如何用如何用Windows操作系统建立操作系统建立Web服务器？服务器？可以安装下列系统之一可以安装下列系统之一 ： 1 1Windows 2000/2003 ServerWindows 2000/2003 Server和和IIS 5.0/6.0IIS 5.0/6.0。 2 2Windows XPWindows XP和和IIS 5.1IIS 5.1。 3 3Windows 98/2000 ProfessionalWindows 98/2000 Professional和和PWSPWS。 其中其中 IISIIS：Internet Information ServiceIn

21、ternet Information Service （InternetInternet信息服务器）信息服务器） PWSPWS：Personal Web ServicePersonal Web Service（个人（个人WebWeb服务）。服务）。49www服务器的配置（续）服务器的配置（续）p3.3.如何在如何在Windows XPWindows XP中安装中安装IISIIS（1 1）单击）单击“开始开始” “控制面板控制面板”，双击，双击“添加或删除程添加或删除程序序”； （2 2）单击）单击“添加添加/ /删除删除 Windows Windows 组件组件”； （3 3）出现）出现“Wi

22、ndows Windows 组件向导组件向导”，单击，单击“下一步下一步”；（4 4）在）在“Windows Windows 组件组件”列表中，选中列表中，选中“Internet Internet 信息服信息服务务(IIS)”(IIS)”；（5 5）单击）单击“下一步下一步”，然后根据提示操作。，然后根据提示操作。 在安装后，可以启动浏览器，输入地址：在安装后，可以启动浏览器，输入地址：http:/localhosthttp:/localhost。若显示其网页，则表示。若显示其网页，则表示IISIIS正正常安装。常安装。 50www服务器的配置（续）服务器的配置（续）p4.存放网页源文件的两种

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

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

25、为该目录设置一个别名，即虚拟目录拟目录wuwu，则虚拟目录，则虚拟目录wuwu就可以用在网址就可以用在网址http:/127.0.0.1/wu/test.htmhttp:/127.0.0.1/wu/test.htm中代表存放网中代表存放网页的实际目录页的实际目录d:david wud:david wu。 52www服务器的配置（续）服务器的配置（续）练习练习IIS中中Web服务的配置服务的配置53多多Web站点的配置站点的配置如何在一台服务器上部署多个如何在一台服务器上部署多个Web站点？站点？p通过通过IP地址区分地址区分p通过端口号区分通过端口号区分202.114.66.1:80202.1

26、14.66.1:800202.114.66.1:8000p通过主机头名区分通过主机头名区分54多多Web站点的配置（案例）站点的配置（案例）例如想把三家公司例如想把三家公司A、B、C的网站都部署的网站都部署到一台服务器上。到一台服务器上。可通过主机头名区分：可通过主机头名区分：pA公司：公司： pB公司：公司：pC公司：公司：55思考题思考题1. 简述简述IP地址、域名地址以及它们之间的关系。地址、域名地址以及它们之间的关系。2. 建立网站的主要步骤是什么？建立网站的主要步骤是什么？3. 制作网页的主流软件有哪些？制作网页的主流软件有哪些？4. 动态交互式网页主流编程技术有哪些？动态交互式网页主流编程技术有哪些？5. 在一台服务器上部署多个网站有哪些解决办法？在一台服务器上部署多个网站有哪些解决办法？56