2.1-第章 网页制作ppt课件

1、 大学计算机基础大学计算机基础一个能思考的人，才真一个能思考的人，才真是一个力量无边的人。是一个力量无边的人。 知识是引导知识是引导人生到光明人生到光明与真实境界与真实境界的灯烛。的灯烛。 http:/第第6章章 网页制作网页制作http:/2知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛第第6 6章章 网页制作网页制作v了解网页和网站的概念；了解网页和网站的概念；v如何使用如何使用FrontPage 2019FrontPage 2019创建网站并制作创建网站并制作网页；网页；v了解网站的发布过程。了解网站的发布过程。http:/3知识是引导人生到光知识是引导人生到光

2、明与真实境界的灯烛明与真实境界的灯烛6.16.1网页与网站网页与网站v本节知识点：本节知识点：v什么是网页；什么是网页；v什么是网站；什么是网站；v网页设计基本原则。网页设计基本原则。http:/4知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛6.1.1 6.1.1 什么是网页什么是网页v网页网页WebpageWebpage即您通过网页浏览器如即您通过网页浏览器如Internet Internet ExplorerExplorer打开的一个页面，本机的网页浏览器能打开的一个页面，本机的网页浏览器能够对这些页面进行解析，并呈现为生动的画面。够对这些页面进行解析，并呈现为

3、生动的画面。v网页后缀名有：网页后缀名有：v.htm.htm：/teacher/crq//teacher/crq/index.htmv.html.html：同：同htmhtm格式格式v.asp.asp：如：如//kaoshiindex.aspv.aspx.aspx：如：如/login.aspx?url=/login.aspx?url=upfile.aspxv.php.php：如：如acm.hdu

4、.edu//index.phpv.jsp.jsp：如：如/acmhome/FAQ./acmhome/FAQ.jspv不同的后缀名，在用户浏览网页时，服务器都会不同的后缀名，在用户浏览网页时，服务器都会将其转化为将其转化为HTMLHTML格式，并由网页浏览器进行解析。格式，并由网页浏览器进行解析。http:/5知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛6.1.1 6.1.1 什么是网页什么是网页v网页的基本元素：v文字v图片v视频v动画v音频v程序事实上，网页文件通过事实上，网

5、页文件通过“文本文本来表示这些元素，检查的方法是：来表示这些元素，检查的方法是：在网页上点击鼠标右键，选择菜在网页上点击鼠标右键，选择菜单中的单中的“查看源文件查看源文件 ”，这些代，这些代码称为码称为“HTML代码代码” http:/6知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛6.1.2 6.1.2 什么是网站什么是网站v网站网站WebsiteWebsite），就是指在网络上根据一定的规），就是指在网络上根据一定的规则，使用则，使用HTMLHTML等工具制作的用于展示特定内容的等工具制作的用于展示特定内容的相关网页的集合。相关网页的集合。 v网站构成包括三部分：

6、网站构成包括三部分：v域名：形式比如，域名：形式比如，等；等；v网站空间：由专门的独立服务器或租用的虚拟主网站空间：由专门的独立服务器或租用的虚拟主机承担；机承担；v网站源程序或者网页文件：存放在网站空间里，网站源程序或者网页文件：存放在网站空间里，又分为网站前台和网站后台，网站前台提供用户又分为网站前台和网站后台，网站前台提供用户访问界面，而网站后台对用户的请求提供处理并访问界面，而网站后台对用户的请求提供处理并反馈信息。反馈信息。 大学计算机基础大学计算机基础一个能思考的人，才真一个能思考的人，才真是一个力量无边的人。是一个力量无边的人。 知识是

7、引导知识是引导人生到光明人生到光明与真实境界与真实境界的灯烛。的灯烛。 http:/6.2 FrontPage 2019的使用的使用http:/8知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.3网页设计基本原则网页设计基本原则v一、明确建立网站的目标和用户需求一、明确建立网站的目标和用户需求v二、网页设计总体方案主题鲜明二、网页设计总体方案主题鲜明v三、网站的版式设计三、网站的版式设计v四、网站内容层次分明，导航明确四、网站内容层次分明，导航明确http:/9知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛6.2 FrontP

8、age 20196.2 FrontPage 2019的使用的使用v本节知识点：本节知识点：vFrontPage 2019FrontPage 2019的基本功能；的基本功能；v网站的创建和编辑；网站的创建和编辑；v网页的新建和打开；网页的新建和打开；v网页设计与制作；网页设计与制作；v框架网页。框架网页。http:/10知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛6.2.1 FrontPage 20196.2.1 FrontPage 2019的基本功能的基本功能vFrontPage 2019打开v单击“开场菜单“所有程序”“Microsoft Office”“Micr

9、osoft Office FrontPage 2019即可启动FrontPage程序 v单击“文件”“保管命令，默认情况下会将其保存到My Web Sites文件夹下，其实My Web Sites就是一个网站目录，是FrontPage默认为您创建的 http:/11知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛6.2.1 FrontPage 20196.2.1 FrontPage 2019的基本功能的基本功能vFrontPage 2019中的视图v网页视图：网页的创建、编辑、预览等基本操作；v文件夹视图：创建、移动和删除文件或文件夹；v报表视图：方便的了解当前站点的文

10、件内容、更新链接情况、组建错误、所有文件列表及变化情况等信息。v超链接视图：超链接视图将当前站点显示为链接文件的一个网络，它们表示了站点中各个网页之间的相互链接关系。v任务视图：任务视图主要用来创建和管里任务。v导航视图：使用导航视图可以方便的观察站点的链接结构，它以层次状的组织结构图形式显示。http:/12知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛6.2.2 6.2.2 网站的创建和编辑网站的创建和编辑v网站的创建网站的创建v选 择选 择 “ 文文件件”“新新建建”，在弹出，在弹出的的“任务窗格任务窗格中单击中单击“其其他 网 站 模他 网 站 模板板” ”

11、。v“ 只 有 一 个只 有 一 个网页的网站网页的网站或者或者“空白网空白网站站”，如若有，如若有需要您也可以需要您也可以选择其他模板。选择其他模板。并在右侧并在右侧“指指定新网站的位定新网站的位置处输入或置处输入或选择选择“阅读阅读按 钮 ， 如按 钮 ， 如“D:WebSiteD:WebSite1”1”。 http:/13知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛6.2.2 6.2.2 网站的创建和编辑网站的创建和编辑v修改网站名称修改网站名称v点击菜单点击菜单“工工具具”“网网站设置站设置”，在，在弹出的对话框弹出的对话框中修改网站名中修改网站名称称 ht

12、tp:/14知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.3网页新建和编辑网页新建和编辑v打开网页打开网页v“文件夹列文件夹列表中列出表中列出了所有的网了所有的网页文件，只页文件，只需双击网页需双击网页文件，便可文件，便可在在“网页网页视图中打开视图中打开网页文件进网页文件进行编辑注行编辑注意，如果看意，如果看不到网页视不到网页视图，请从图，请从“视图菜视图菜单下进行选单下进行选择）。择）。 http:/15知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.3网页新建和编辑网页新建和编辑v网页视图四种显示方式包

13、括：网页视图四种显示方式包括：v“设计设计”：大部分编辑功能都在该显示方式下完成：大部分编辑功能都在该显示方式下完成 v“代码代码” ” ：查看和编辑网页的：查看和编辑网页的HTMLHTML代码代码 v“拆分拆分” ” ：“拆分显示方式同时显示了拆分显示方式同时显示了“设计和设计和“代码两个界面代码两个界面 v“预览预览”：只能查看网页效果，不能编辑。：只能查看网页效果，不能编辑。v也可以通过也可以通过Internet ExplorerInternet Explorer、FireFoxFireFox、MaxthonMaxthon、OperaOpera、Netscape NavigatorNet

14、scape Navigator等网页浏览器进行预览：等网页浏览器进行预览：v单击菜单单击菜单“文件文件”“在浏览器中预览在浏览器中预览”，并选择，并选择相应的命令即可；相应的命令即可；v在在“文件夹列表中选择相应的网页，单击鼠标右键文件夹列表中选择相应的网页，单击鼠标右键选择选择“在浏览器中预览在浏览器中预览”；v使用资源管理器或者使用资源管理器或者“我的电脑直接找到相应的网我的电脑直接找到相应的网页文件用网页浏览器打开。页文件用网页浏览器打开。 http:/16知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v设置网页属

15、性设置网页属性v网页的属性通常包括网页的标题、位置、网页的属性通常包括网页的标题、位置、背景、页边框等背景、页边框等v方法：在方法：在“网页视图下单击菜单网页视图下单击菜单“文文件件”“属性命令，或者在网页的任属性命令，或者在网页的任意位置单击鼠标右键，在弹出的快捷菜单意位置单击鼠标右键，在弹出的快捷菜单中选择中选择“网页属性命令网页属性命令 http:/17知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v设置网页属性，主要的选项有设置网页属性，主要的选项有v“常规选项卡：常规选项卡：v设置标题、设置标题、v 背景音乐等

16、背景音乐等v“格式选项卡：格式选项卡：v背景图片，背景、背景图片，背景、文本、超链接等文本、超链接等http:/18知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v网页布局在网站建设中非常重要v传统的方法是采用“表格规划v如的首页就是采用表格布局的v较新的方法是采用DIV+CSS的布局方法，可以达到内容与表现相分离http:/19知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v插入表格的方法插入表格的方法v单击菜单单击菜单“表

17、表格格”“插插入入”“表格表格命令命令v设置行数和列数、设置行数和列数、规划、表格宽度规划、表格宽度和高度、边框的和高度、边框的粗细和颜色、表粗细和颜色、表格背景颜色和图格背景颜色和图片等片等 http:/20知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v编辑创建编辑创建v可以在表格的可以在表格的任意一个单元任意一个单元格中单击鼠标格中单击鼠标右键，在弹出右键，在弹出的快捷菜单中的快捷菜单中选择选择“表格属表格属性性”，即可进，即可进入入“表格属性表格属性对话框对话框v设置方法同前设置方法同前http:/21知识是引导

18、人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v设置单元格属性设置单元格属性v表格属性设置会表格属性设置会被作用于表格中被作用于表格中的所有单元格样的所有单元格样式上，如果希望式上，如果希望修改某个单元格修改某个单元格的属性，则在该的属性，则在该单元格中单击鼠单元格中单击鼠标右键，在弹出标右键，在弹出的快捷菜单中选的快捷菜单中选择择“单元格属性单元格属性命令。命令。 http:/22知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v设置文字和段落格式设置文字和

19、段落格式v设置文字格式的步骤是：选中文字，单设置文字格式的步骤是：选中文字，单击击“格式菜单，选择格式菜单，选择“字体命令，字体命令，翻开翻开“字体对话框，在对话框中设置字体对话框，在对话框中设置字体的各种属性。字体的各种属性。v设置段落格式则选择设置段落格式则选择“段落命令，在段落命令，在“段落对话框中进行相关设置段落对话框中进行相关设置v另一种方法是通过工具栏按钮快速设置。另一种方法是通过工具栏按钮快速设置。 http:/23知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v 插入和编辑图片插入和编辑图片v 菜单菜单“

20、插入插入”“图片图片”“来自文件来自文件”（您也可以根据需（您也可以根据需要选择其他选项），并从磁盘文件里选择需要的图片即可要选择其他选项），并从磁盘文件里选择需要的图片即可v 单击菜单单击菜单“文件文件”“保管命令或者保管命令或者“保管按钮，保管按钮， 将提将提示示“保存嵌入式文件对话框保存嵌入式文件对话框 http:/24知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v插入水平线插入水平线v水平线可以在网页上清晰地划分界限，水平线可以在网页上清晰地划分界限，而且对用户网页的布局起着重要的作用。而且对用户网页的布局起着

21、重要的作用。单击单击“插入插入”“水平线命令即插水平线命令即插入一条水平线。默认情况下水平线呈灰入一条水平线。默认情况下水平线呈灰色，改变颜色可以双击该水平线或者鼠色，改变颜色可以双击该水平线或者鼠标右键单击水平线，从快捷菜单中选择标右键单击水平线，从快捷菜单中选择“水平线属性命令，将显示水平线属性命令，将显示“水平线水平线属性对话框，从中选择合适的颜色，属性对话框，从中选择合适的颜色，单击单击“确定按钮即可。确定按钮即可。 http:/25知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v插入滚动字幕插入滚动字幕v滚动字

22、幕经常滚动字幕经常用于显示动态用于显示动态的新闻公告、的新闻公告、欢迎文字等。欢迎文字等。v单击菜单单击菜单“插插入入”“Web“Web组件组件”，在弹，在弹出的出的“插入插入WebWeb组件对话框组件对话框中选择中选择“动态动态效果效果”，在，在“选择一种效选择一种效果效果框中果效果框中选择选择“字幕字幕”，点击点击“完成完成”v在在“字幕属性字幕属性对话框，可对话框，可以选择滚动方以选择滚动方向和速度等。向和速度等。 http:/26知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v 插入插入“交互式按钮交互式按钮”v

23、 “交互式按钮色彩交互式按钮色彩丰富并具有专业化的丰富并具有专业化的外观，可以是按钮很外观，可以是按钮很好地与网页相融合好地与网页相融合v 菜单菜单“插入插入”“交互式按钮交互式按钮”v 选择相应的按钮效果，选择相应的按钮效果，文本以及链接等；文本以及链接等；v 在在“预览预览” ” 下检查；下检查；v 由于由于“交互式按钮交互式按钮使用外部图片，需要使用外部图片，需要将图片保存到网站目将图片保存到网站目下下 。http:/27知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v设置超链接设置超链接v超链接将互联网中的大量信

24、息有机地组织起来。超链接将互联网中的大量信息有机地组织起来。 v选定要定义超链接的文本或图片，单击选定要定义超链接的文本或图片，单击“常用常用工具栏上的工具栏上的“超链接按钮，或者单击菜单超链接按钮，或者单击菜单“插插入入”“超链接命令超链接命令 http:/28知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v设置超链接设置超链接v可以链接到一可以链接到一个网址、网站个网址、网站中的某个文件中的某个文件或者电子邮件或者电子邮件v可以设置屏幕可以设置屏幕提示文字在提示文字在预览时，鼠标预览时，鼠标悬停在超链接悬停在超链接文

25、字上稍等片文字上稍等片刻即可看到提刻即可看到提示文字）示文字）v目标框架指目标框架指定以何种方式定以何种方式打开超链接）。打开超链接）。http:/29知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v创建书签创建书签v应用书签能够更严密地控制访问者到达网应用书签能够更严密地控制访问者到达网页内某个具体位置。当访问者单击基于书页内某个具体位置。当访问者单击基于书签的超链接时，将直接跳转到这个书签所签的超链接时，将直接跳转到这个书签所在的位置。具体步骤如下：在的位置。具体步骤如下：v将光标定位在要插入书签的位置；将光标定位在

26、要插入书签的位置；v从从“插入菜单中选择插入菜单中选择“书签命令，翻书签命令，翻开开“书签对话框；书签对话框；v在在“书签名称框中键入书签名称书签名称框中键入书签名称v单击单击“确定按钮，出现书签标记。确定按钮，出现书签标记。 http:/30知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v链接到书签链接到书签v创建完书签之后，即可链接到书签，步骤如创建完书签之后，即可链接到书签，步骤如下：下：v（1 1在在 “ “创建超链接对话框中，选定已创建超链接对话框中，选定已经插入书签的目标网页，在经插入书签的目标网页，在“可选

27、区域中可选区域中单击单击“书签下拉按钮，在列表中选择链接书签下拉按钮，在列表中选择链接的书签名称；的书签名称；v（2 2单击单击“确定按钮，完成超链接的制作。确定按钮，完成超链接的制作。http:/31知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v插入插入“热点热点 ” ”v网页还有另外一种超链接，当你在图片的不同位置单击网页还有另外一种超链接，当你在图片的不同位置单击时将跳转到不同的链接地址，这类链接可以称之为热点时将跳转到不同的链接地址，这类链接可以称之为热点v步骤：步骤：v首先精心制作图片，并将该图片插入到网页中

28、首先精心制作图片，并将该图片插入到网页中v然后选中该图片，在图片工具栏若没有显示出来，单然后选中该图片，在图片工具栏若没有显示出来，单击菜单击菜单“视图视图”“工具栏工具栏”，确保，确保“图片处于勾图片处于勾选状态），热点的形状可以是长方形、圆形或多边形，选状态），热点的形状可以是长方形、圆形或多边形，分别对应绘图工具栏右侧相应的按钮上如下图）。分别对应绘图工具栏右侧相应的按钮上如下图）。v选中按钮，按下鼠标左键进行拖动，并在弹出的选中按钮，按下鼠标左键进行拖动，并在弹出的“插入插入超链接对话框中输入相应的链接信息即可超链接对话框中输入相应的链接信息即可 http:/32知识是引导人生到光知识

29、是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v表单创建表单创建v表单网页是一个网站和访问者开展互动的窗口，表单网页是一个网站和访问者开展互动的窗口，用户在表单中输入数据然后提交给网站服务器，用户在表单中输入数据然后提交给网站服务器，如下面的表单网页可以完成网站用户的注册：如下面的表单网页可以完成网站用户的注册：/acmhome//acmhome/register.jspv添加表单，可以选择菜单添加表单，可以选择菜单“插入插入”“表表单单”“表单命令，即可插入一个表单，表单

30、命令，即可插入一个表单，并且在表单中会自动添加并且在表单中会自动添加“提交和提交和“重置重置两个按钮。两个按钮。 http:/33知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.4网页设计与制作网页设计与制作v 常见表单域v 文本框：用于输入一行文字。v 文本区：用于让浏览者输入多行文字。v 复选框：用来提供多个互不排斥的选项。v 选项按钮：用来提供一组互相排斥的选项。v 分组框：带标题的方框区域，包含一组相关的字段。v 下拉框：提供一个选项列表，供浏览者从中选择需要的选项。v 按钮：常见的如提交按钮和重置按钮。还有一种属性为“普通的按钮。其HTML代

31、码为：。v 高级按钮与普通按钮的功能一样，只是其上面能够显示HTML内容，如红色文字的高级按钮其HTML代码为：高级按钮。v 图片：实际上是一个由图片表示的提交按钮。http:/34知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.5框架网页框架网页v框架是一种特殊的网页技术，含有框架的网页是框架是一种特殊的网页技术，含有框架的网页是一种特殊的网页，一般称为框架网页。使用框架一种特殊的网页，一般称为框架网页。使用框架后，整个网页被分割成几个区域，每个区域称为后，整个网页被分割成几个区域，每个区域称为一个框架窗口，任何一个框架窗口单独显示一页。一个框架窗口

32、，任何一个框架窗口单独显示一页。框架窗口可以作为超链接的窗口，当浏览者点击框架窗口可以作为超链接的窗口，当浏览者点击一个超链接时，该超链接的目标窗口便可以是目一个超链接时，该超链接的目标窗口便可以是目标框架窗口，而不是整个浏览器的窗口。框架技标框架窗口，而不是整个浏览器的窗口。框架技术是有效架构网页结构和合理展示信息的工具，术是有效架构网页结构和合理展示信息的工具，也为浏览者提供了方便和友好的界面。台州学院也为浏览者提供了方便和友好的界面。台州学院大学计算机基础教学网大学计算机基础教学网采用的便采用的便是框架网页是框架网页 http:/35知识是引导

33、人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.5框架网页框架网页v新建框架网页新建框架网页v选择菜单选择菜单“文文件件”“新新建建”，在出现，在出现的任务窗格中的任务窗格中单击单击“其他网其他网页模板即弹页模板即弹出出“网页模板网页模板对话框，在对话框，在“框架网页框架网页选项卡中选择选项卡中选择某个框架类型某个框架类型http:/36知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.5框架网页框架网页v创建框架超链接创建框架超链接v一个新的框架网页不包含任何内容，您需要在每个区一个新的框架网页不包含任何内容，您需要在每

34、个区域单击域单击“新建网页按钮创建一个空白网页或者单击新建网页按钮创建一个空白网页或者单击“设置初始网页按钮选择一个已经创建的网页文件设置初始网页按钮选择一个已经创建的网页文件 http:/37知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛.5框架网页框架网页v设置框架属性设置框架属性 v可以设置框架属性可以设置框架属性来更改框架超链接来更改框架超链接的网页、调整框架的网页、调整框架大小等大小等 v择目标框架，单击择目标框架，单击菜单菜单“框架框架”“框架属性命令框架属性命令或者在鼠标右键快或者在鼠标右键快捷菜单中选择捷菜单中选择“框框架属性命令架属性

35、命令 大学计算机基础大学计算机基础一个能思考的人，才真一个能思考的人，才真是一个力量无边的人。是一个力量无边的人。 知识是引导知识是引导人生到光明人生到光明与真实境界与真实境界的灯烛。的灯烛。 http:/6.3网站发布网站发布http:/39知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛6.36.3网站发布网站发布v网站发布的条件：网站发布的条件：v专用服务器专用服务器v网络服务器操作系统：目前主流的网络服务器网络服务器操作系统：目前主流的网络服务器操作系统是操作系统是UnixUnix、LinuxLinux、Windows Server Windows Server

36、 20192019v申请域名申请域名v服务器管理程序：网站必须通过服务器管理程服务器管理程序：网站必须通过服务器管理程序进行配置才可以被互联网用户访问，主要有序进行配置才可以被互联网用户访问，主要有WindowsWindows自带的自带的IISIIS、ApacheApache和和TomcatTomcat等软件，等软件，用户的任何请求都会经过服务器管理程序解释用户的任何请求都会经过服务器管理程序解释执行。执行。http:/40知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛6.3.2 6.3.2 安装安装IISIIS管理器管理器v步骤：步骤：v查看操作系统是否已经安装了查

37、看操作系统是否已经安装了IISIIS程序，进入程序，进入“控控制面板制面板”“管理工具管理工具”，如果不存在，如果不存在Internet Internet 信息服务程序，则说明需要另外安装。信息服务程序，则说明需要另外安装。v进入进入“控制面板控制面板”“添加或删除程序添加或删除程序”“添加添加/ /删除删除WindowsWindows组件组件”，在弹出的，在弹出的WindowsWindows组组件对话框中勾选件对话框中勾选Internet Internet 信息服务信息服务IISIIS），单），单击下一步。击下一步。v在安装过程中可能会多次提示用户缺少某个文件。在安装过程中可能会多次提示用户

38、缺少某个文件。如果您有带有如果您有带有IIS 5.1IIS 5.1的的Windows XPWindows XP安装光盘，您安装光盘，您可以在可以在CD-ROMCD-ROM中插入光盘必须与当前的操作系中插入光盘必须与当前的操作系统版本一致）。如果没有则需要下载统版本一致）。如果没有则需要下载IIS 5.1IIS 5.1安装安装包并解压，在出错提示后选择相应的安装文件，包并解压，在出错提示后选择相应的安装文件，成功后将会在成功后将会在“控制面板控制面板”“管理工具下管理工具下出现出现IISIIS图标。图标。 http:/41知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛6

39、.网站发布网站发布v网站发布实际上就是指将网站程序复制到服务器网站发布实际上就是指将网站程序复制到服务器上，并在网站服务器管理程序中配置网站程序。上，并在网站服务器管理程序中配置网站程序。 v进入进入“控制面板控制面板”“管理工具管理工具”，双击，双击“Internet Internet 信息服务程序打开信息服务程序打开IISIISv选择选择“新建新建”“虚拟目录虚拟目录”，输入别名，输入别名( (如如crq)crq)，网站目录等，网站目录等v为你的网站指定默认文档，即网站主页：在弹出为你的网站指定默认文档，即网站主页：在弹出的的“网站属性对话框中选择网站属性对话框中选择“文档

40、选项卡，文档选项卡，确保网站主页文件在该列表中。一般主页文件名确保网站主页文件在该列表中。一般主页文件名为为index.htmindex.htm、default.htmdefault.htm等等v打开打开Internet ExplorerInternet Explorer网页浏览器检测配置是否网页浏览器检测配置是否成功，在本地机器中只要在地址栏里输入成功，在本地机器中只要在地址栏里输入localhost/crq localhost/crq 大学计算机基础大学计算机基础一个能思考的人，才真一个能思考的人，才真是一个力量无边的人。是一个力量无边的人。 知识是引导知识是引导人生到光明人生到光明与真实境界与真实境界的灯烛。的灯烛。 http:/3.3 Internet技术与应用技术与应用http:/43知识是引导人生到光知识是引导人生到光明与真实境界的灯烛明与真实境界的灯烛3.33.3 InternetInternet技术与应用技术与应用vInternetInter