《知识就是力量而这力量又来自于我们对知识的渴求！课件教案.ppt》由会员分享，可在线阅读，更多相关《知识就是力量而这力量又来自于我们对知识的渴求！课件教案.ppt（75页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、知识就是力量而这力量又来自于我们对知识的渴求！课件 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望 知识就是力量，而这知识就是力量，而这力量又来自于我们对知识力量又来自于我们对知识的渴求！的渴求！v1、为什么学习本课程？v2、我怎么教你们？v3、你们怎么学？v4、如何获得知识？基本概念基本概念v1、什么是网页？、什么是网页？v2、网页有哪些构成要素？、网页有哪些构成要素？v3、常用网页设计工具有哪些？、常用网页设计工具有哪些？v4、网站怎么做？、网站怎么做？周周次
2、次讲讲授内容授内容时时数数作作业业内容内容周周次次讲讲授内容授内容时时数数作作业业内容内容1 1学生学生选课选课-1111FlashFlash动动画制作、画制作、动动画修画修饰饰和插入和插入2 2FlashFlash动动画制作、画制作、动动画修画修饰饰和插入和插入2 2学生学生选课选课-1212期中上机考期中上机考试试2 2设计设计一个有一个有动动画的画的网网页页3 3FrontPage 2003 FrontPage 2003 应应用，用，编辑编辑、修、修饰饰网网页页、按、按钮钮2 2简单简单网网页页制作制作1313网站建网站建设设方案方案设计设计、网、网站管理站管理2网站管理与网站管理与维护
3、维护4 4实验实验2 2文档的文档的录录入、入、编辑编辑、修修饰饰网网页页、按、按钮钮1414实验实验2 2网站管理与网站管理与维护维护、网站管理网站管理5 5图图片管理和片管理和热热点点链链接、接、动动态态字幕字幕2 2在网在网页页中中图图片管理片管理和和热热点点链链接接1515配置配置IISIIS服服务务器、器、动态动态网网页页制作、数据制作、数据库库网网页页制制作作2 2配置配置IISIIS服服务务器器过过程、程、动态动态网网页页制作制作6 6实验实验2 2实现实现网网页动态页动态字幕、字幕、层层和表格和表格1616实验实验2 2配置配置IISIIS服服务务器、器、动态动态网网页页制作、
4、数制作、数据据库库网网页页7 7层层、表格、框架网、表格、框架网页页制作制作2 2层层、表格、框架网、表格、框架网页页制作制作1717网站管理与网站管理与维护维护2 2实现实现网站网站设计设计、管、管理、理、维护维护、上、上传传8 8实验实验2 2网网页页的的层层、表格、表格、框架制作框架制作1818实验实验2实现实现网站网站设计设计、管、管理、理、维护维护、上、上传传9 9FlashFlash动动画制作、画制作、动动画修画修饰饰2 2FlashFlash动动画制作、修画制作、修饰饰和插入和插入1919网站网站综综合合设计设计2网站网站综综合合设计设计和和课课程程设计设计1010实验实验2 2
5、FlashFlash动动画制作、修画制作、修饰饰和插入和插入2020期末上机考期末上机考试试2 2设计设计一个一个动态动态的个的个性化网站性化网站v第一部分：第一部分：FrontPage 2003FrontPage 2003 应用应用v第二部分：网站建设一条龙第二部分：网站建设一条龙v第三部分：实际技能训练第三部分：实际技能训练v第四部分：第四部分：DreamweaverDreamweaver简单应用简单应用v第五部分：免费网页空间申请第五部分：免费网页空间申请观看教观看教学网站学网站第一部分：第一部分：Microsoft Office FrontPage 2003 应应 用用 1、开机：开机
6、：进入进入windows（2000/2003/XP）2、进入：进入：用鼠标左键单击用鼠标左键单击“开始开始”按钮，选择按钮，选择“程序程序”下面的下面的“Microsoft Office”/“Microsoft Office FrontPage 2003”v3、新建：新建：单击命令菜单栏中的单击命令菜单栏中的“文件文件”，选，选择择“新建新建”，在屏幕的右面出现一个，在屏幕的右面出现一个“新建新建”工具栏，选择工具栏，选择“新建网页新建网页”下的下的“空白网空白网页页”，于是一个新的网页，于是一个新的网页“new_page_1.htm”就产生了。就产生了。一、如何启动一、如何启动FrontPa
7、ge 20031、输入汉字：输入汉字：在新建的在新建的“new_page_1.htm”页页面上输入汉字信息，并进行面上输入汉字信息，并进行字体、字号、颜字体、字号、颜色色等相关修饰。等相关修饰。2、插入图片：插入图片：在当前页面上在当前页面上“插入插入”图片，请图片，请单击单击“命令菜单命令菜单”下的下的“插入插入”/“图片图片”/“来自文件（或剪贴画）来自文件（或剪贴画）”，选择一张图选择一张图片，单击片，单击“确定确定”。二、编辑网页二、编辑网页二、编辑网页二、编辑网页3、预览：预览：单击屏幕左下角的单击屏幕左下角的“预览预览”按钮，于是新按钮，于是新网页在浏览器下的显示效果就出现了。再单
8、击网页在浏览器下的显示效果就出现了。再单击“设设计计”返回页面设计状态，可以继续修改。也可以单返回页面设计状态，可以继续修改。也可以单击菜单栏击菜单栏“文件文件”下的下的“在浏览器中预览在浏览器中预览/Microsoft Internet Explorer”或直接按或直接按键可键可以在以在IE下预览制作的网页。下预览制作的网页。4、保存：保存：单击单击“文件文件”/“保存保存”，为文件起个名字，为文件起个名字，并修改并修改“保存位置保存位置”为为D盘上盘上“座号姓名座号姓名”文件夹，文件夹，然后单击然后单击“确定确定”。这样所有网页使用的文件都放。这样所有网页使用的文件都放在这个文件夹中，便于
9、使用和管理。在这个文件夹中，便于使用和管理。例如：例如：888张三张三三、修饰网页三、修饰网页v1、网页标题：、网页标题：选定一个网页，单击选定一个网页，单击“格式格式/背景背景/常规常规/标题标题”，在文本框中输入网页标题。，在文本框中输入网页标题。v2、背景音乐：、背景音乐：为网页添加背景音乐，可以单为网页添加背景音乐，可以单击击“格式格式/背景背景/常规常规/背景音乐背景音乐”，再单击，再单击“浏浏览览”找到你喜欢的音乐。找到你喜欢的音乐。v3、超链接：、超链接：选择一段文字，单击右键，选择选择一段文字，单击右键，选择“超链接超链接”，选定要链接的网页，确定。，选定要链接的网页，确定。v
10、4、网页过渡：、网页过渡：从一个网页过渡到另一个网页从一个网页过渡到另一个网页的效果，可以单击的效果，可以单击“格式格式/网页过渡网页过渡/过渡效果过渡效果”。三、修饰网页三、修饰网页v5、主题：、主题：选择选择“格式格式/主题主题”，从右侧选择一，从右侧选择一种样式，会改变整体网页的背景效果。种样式，会改变整体网页的背景效果。v6、动态字幕：、动态字幕：在网页上选定一个位置，单击在网页上选定一个位置，单击“插入插入/WEB组件组件/组件类别组件类别/选择一种效果选择一种效果/字字幕幕”，单击，单击“完成完成”，在文本框中输入文字。，在文本框中输入文字。也可以添加背景图片。也可以添加背景图片。
11、v7、交互按钮：、交互按钮：单击单击“插入插入/交互式按钮交互式按钮”，可，可以自制特色按钮。以自制特色按钮。v8、多媒体：、多媒体：单击单击“插入插入/图片图片/flash影片影片（swf类型文件）或视频（类型文件）或视频（rm、mp3）”，然，然后链接到相应文件即可。后链接到相应文件即可。四、图片热点链接四、图片热点链接v1、单击、单击“视图视图”/“工具栏工具栏”/“图片图片”，弹出图，弹出图片修饰工具栏；片修饰工具栏；v2、选中页面上要进行热点链接的图片；、选中页面上要进行热点链接的图片；v3、单击图片工具栏上的、单击图片工具栏上的“多边形热点多边形热点”，用鼠标，用鼠标画出要进行热点
12、链接的区域，并使其封闭画出要进行热点链接的区域，并使其封闭v4、在弹出的、在弹出的“插入超链接插入超链接”对话框的对话框的“地址地址”栏栏中输入要热点链接的网页地址即可。中输入要热点链接的网页地址即可。v5、小技巧：使热点区域具有文字提示功能：在、小技巧：使热点区域具有文字提示功能：在“插入超链接插入超链接”对话框中的对话框中的“要显示的文字要显示的文字”栏后面栏后面有个有个“屏幕提示屏幕提示”按钮，然后输入要出现的提示文按钮，然后输入要出现的提示文字。字。五、制作滚动字幕制作滚动字幕v1、插入：、插入：在网页空白处：单击：在网页空白处：单击：“插入插入/web组件组件/滚动字幕滚动字幕”，输
13、入要显示的信息。，输入要显示的信息。v2、修改代码修改代码（红色是要添加的代码！红色是要添加的代码！）v v 这是我的滚动字幕这是我的滚动字幕v 这是第二行字幕这是第二行字幕v 这是第三行字幕这是第三行字幕v v思考：如果想让文字自上向下滚动怎么办？思考：如果想让文字自上向下滚动怎么办？downv3、鼠标悬停：如何在滚动字幕上实现：当、鼠标悬停：如何在滚动字幕上实现：当鼠标悬在鼠标悬在上面时就停止滚动，按下时就实现超级链接，离开上面时就停止滚动，按下时就实现超级链接，离开时继续滚动，下面粉色代码为实现代码。也可以直时继续滚动，下面粉色代码为实现代码。也可以直接用下面代码替换原来的代码。接用下面
14、代码替换原来的代码。vv 这是我的滚动字幕这是我的滚动字幕 v 这是第二行字幕这是第二行字幕 v 这是第三行字幕这是第三行字幕v五、制作滚动字幕制作滚动字幕4、滚动图片：、滚动图片：利用滚动字幕制作滚利用滚动字幕制作滚动图片，并实现超级链接。动图片，并实现超级链接。vvvv动态滚动图片动态滚动图片vvvv第第5个单元格个单元格vv第第7个单元格个单元格v第第8个单元格个单元格vv第第10个单元格个单元格vvv浏览效果浏览效果六、使用书签六、使用书签v1、制作书签：、制作书签：在网页中选中某一段落的开头在网页中选中某一段落的开头作为书签的起始入口地址，然后单击作为书签的起始入口地址，然后单击“插
15、入插入”/“书签书签”，确定。，确定。v2、制作目录：、制作目录：将各个做好的书签名字以目录将各个做好的书签名字以目录方式做好。方式做好。v3、使用标签：、使用标签：选中目录某一项，超链接到书选中目录某一项，超链接到书签上就可以了。签上就可以了。七、插入层七、插入层v1、层：、层：在网页中选择适当的位置，单击菜单栏上在网页中选择适当的位置，单击菜单栏上的的“插入插入/层层”v2、输入数据：、输入数据：单击层，便可以向其中输入文字，单击层，便可以向其中输入文字，插入图片、动画等等信息。插入图片、动画等等信息。v3、移动：、移动：拖动层的左上角控制柄，就可以任意移拖动层的左上角控制柄，就可以任意移
16、动层到任何位置。动层到任何位置。v4、重叠层：、重叠层：可以将多个层重叠，以达到一定的效可以将多个层重叠，以达到一定的效果。果。v5、改变层次：、改变层次：双击双击“层控制柄层控制柄”，可以用鼠标拖，可以用鼠标拖动相应的层到任何位置，到达改变层的次序。动相应的层到任何位置，到达改变层的次序。八、使用超级链接八、使用超级链接v使用超级链接技术可以使多个网页相互链接在一起，使用超级链接技术可以使多个网页相互链接在一起，方便浏览。方便浏览。v1、分别按照前面的方法做好主、分别按照前面的方法做好主(首首)页和与其链接的页和与其链接的子页文件（子页文件（*.htm），并保存在一个文件夹中。），并保存在一
17、个文件夹中。v2、在主页上输入提示进入子页的文字，作为超链接、在主页上输入提示进入子页的文字，作为超链接的按钮文字。的按钮文字。v3、选中按钮文字，再单击、选中按钮文字，再单击“插入插入/超链接超链接”，找到，找到要链接的文件，确定。要链接的文件，确定。v【主页主页】【】【框架网页框架网页】【】【滚动新闻滚动新闻】【】【热点链接热点链接】【布局表格布局表格】【网页主题网页主题】【】【留言薄留言薄】九、使用表格九、使用表格v方法一：方法一：自动生成表格自动生成表格v1、制表：在网页中选择适当的位置，单击菜、制表：在网页中选择适当的位置，单击菜单栏上的单栏上的“表格表格”/“插入插入”/“表格表格
18、”v2、设置：修改、设置：修改“插入表格插入表格”属性，设置行数属性，设置行数和列数，单击和列数，单击“确定确定”。v3、数据：单击某个表格，便可以向表格中输、数据：单击某个表格，便可以向表格中输入文字、图片、动画等等信息。入文字、图片、动画等等信息。v方法二：方法二：布局表格和单元格布局表格和单元格 v1、当需要将一张网页分成几、当需要将一张网页分成几块显示不同的子网页时，可块显示不同的子网页时，可以采用框架网页。以采用框架网页。v2、“文件文件/新建新建/新建网页新建网页/其其它网页模板它网页模板/框架网页框架网页”下的下的“标题、页脚和目录标题、页脚和目录”，并，并确定。确定。v3、出现
19、空白的框架网页后，、出现空白的框架网页后，就可以向里面添加做好的网就可以向里面添加做好的网页。（页。（实例实例）十、框架网页设计十、框架网页设计v在网页中加入下面一段代码：在网页中加入下面一段代码：vv其中其中756519678是网页上预留的是网页上预留的QQ号。号。十一、在网页中插入十一、在网页中插入QQ对话对话v1、在、在D盘上建立一个以你自己的盘上建立一个以你自己的“座号姓名座号姓名”为名为名字的文件夹。例如：字的文件夹。例如：88张三张三v2、启动、启动FrontPage 2003，新建一个网页，并以，新建一个网页，并以index.htm为名保存在形如为名保存在形如“88张三张三”的文
20、件夹里的文件夹里面，内容为介绍自己简历，并加图片。面，内容为介绍自己简历，并加图片。v3、按照前面介绍的网页制作技术分别建立不同的网、按照前面介绍的网页制作技术分别建立不同的网页页(例如求职意向、成绩单、爱好特长例如求职意向、成绩单、爱好特长)，并利用超，并利用超级链接技术链接到主页级链接技术链接到主页index.htm上。上。v4、实现网页间过渡效果设计。、实现网页间过渡效果设计。实验训练一：个人求职网站实验训练一：个人求职网站v5、在主页、在主页index.htm上增加图片热点链接到上增加图片热点链接到三个子页上。三个子页上。v6、在主页、在主页index.htm上增加滚动字幕，并有上增加
21、滚动字幕，并有三张不同的图片链接到三子页上。三张不同的图片链接到三子页上。实验训练一：个人求职网站实验训练一：个人求职网站index.htm求职意向求职意向.h tm成绩单成绩单.htm能力展示能力展示.htm实验训练一之实验训练一之问题回顾：v1、到计算机机房不知道做什么？、到计算机机房不知道做什么？不做笔记，不做笔记，不认真听课的结果。不认真听课的结果。v2、知道了做什么却不会做：、知道了做什么却不会做：缺少课前预习。缺少课前预习。v3、文件超链接不能用：、文件超链接不能用：没有保存好就链接了没有保存好就链接了v4、文件在哪里找不到：、文件在哪里找不到：保存时没有看位置。保存时没有看位置。
22、v5、滚动字幕：、滚动字幕：不能上下滚动，无超链接。不能上下滚动，无超链接。v6、图片热点：、图片热点：应选中图片后点击应选中图片后点击“图片编辑器图片编辑器”v7、测试：、测试：按按F12v1、在、在D盘上建立一个以你自己的盘上建立一个以你自己的“座号姓名座号姓名”为名为名字的文件夹。例如：字的文件夹。例如：88张三张三v2、启动、启动FrontPage 2003，新建一个网页，并以，新建一个网页，并以index.htm为名保存在形如为名保存在形如“88张三张三”的文件夹里的文件夹里面，内容为介绍自己简历，并加图片。面，内容为介绍自己简历，并加图片。v3、按照前面介绍的网页制作技术分别建立不
23、同的网、按照前面介绍的网页制作技术分别建立不同的网页页(例如求职意向、成绩单、爱好特长例如求职意向、成绩单、爱好特长)，并利用超，并利用超级链接技术链接到主页级链接技术链接到主页index.htm上。上。v4、实现网页间过渡效果设计。、实现网页间过渡效果设计。实验训练二：个人求职网站实验训练二：个人求职网站v5、在主页、在主页index.htm上增加图片热点链接到上增加图片热点链接到三个子页上。三个子页上。v6、在主页、在主页index.htm上增加滚动字幕，并有上增加滚动字幕，并有三张不同的图片链接到三子页上。三张不同的图片链接到三子页上。实验训练二：个人求职网站实验训练二：个人求职网站in
24、dex.htm求职意向求职意向.h tm成绩单成绩单.htm能力展示能力展示.htm第二部分：网站建设一条龙网站建设一条龙一一、制作个人网站、制作个人网站v1、建文件夹：、建文件夹：在在D盘下以自己的座号为名建立盘下以自己的座号为名建立一个新文件夹，用来存放网站文件。一个新文件夹，用来存放网站文件。如如“web88”v2、建站：、建站：在在FrontPage 2003界面界面单击单击“文件文件/新建新建”，在右面的，在右面的“新建新建”面板栏里面，选择面板栏里面，选择“新建网站新建网站/其他网站模板其他网站模板”，在弹出的，在弹出的“网站网站模版模版”中选择中选择“个人网站个人网站”v3、找位
25、置：、找位置：单击单击“指定新网站位置指定新网站位置”下面的下面的“浏览浏览”，在，在“查找范围查找范围”下拉框中找到下拉框中找到D盘下第盘下第一步建立的一步建立的“web88”文件夹。文件夹。一、制作个人网站一、制作个人网站v4、确定：、确定：单击单击“网站模版网站模版”中中“确定确定”，于是，于是一个一个“个人网站个人网站”建成了。建成了。v5、修饰：、修饰：对新建的网站的对新建的网站的主页和主页和各个子页可以各个子页可以采用学过的方法进行必要的修饰、修改，使它采用学过的方法进行必要的修饰、修改，使它变成你自己的个性网站，其中变成你自己的个性网站，其中 index.htm为默为默认的主页文
26、件。认的主页文件。v6、保存：、保存：当修改好后，就可以保存了！当修改好后，就可以保存了！v7、预览：、预览：按按F12在在IE下预览所制作的网站，下预览所制作的网站，测测试一下各种功能，如果不满意还可以继续在试一下各种功能，如果不满意还可以继续在FrontPage环境下修改完善，直到满意。环境下修改完善，直到满意。一、制作个人网站一、制作个人网站v8、网站导航：在、网站导航：在FrontPage编辑状态下，单编辑状态下，单击击“网站网站”在左下角有个在左下角有个“导航导航”选项卡，单选项卡，单击可以看到一个直观的网页结构布局，如图所击可以看到一个直观的网页结构布局，如图所示。示。v9、测试：
27、、测试：退出退出FrontPage，找到自己刚建立，找到自己刚建立的网站，双击的网站，双击“index.htm”文件，于是你刚文件，于是你刚刚建立的网站便打开了刚建立的网站便打开了!由于未设置成网站服务由于未设置成网站服务器，所以器，所以“反馈反馈”网页不能正常使用。网页不能正常使用。二、添加新的子站点二、添加新的子站点v1、添加：、添加：如果想在已有网站上如果想在已有网站上“添加添加”新的子新的子站点，可以打开已有网站，再选择站点，可以打开已有网站，再选择“添加到当添加到当前网站前网站”。于是新站点就会出现在原来网站的同于是新站点就会出现在原来网站的同一个目录下面，如图。一个目录下面，如图。
28、v2、建立链接：、建立链接：为了将新加的站点添加到原来的为了将新加的站点添加到原来的网站中，需要建立超级链接。单击网站中，需要建立超级链接。单击“网站网站/导航导航”,右点主页下的子页，选择右点主页下的子页，选择“添加已有网页添加已有网页”，找到新建立的子页，确定，并用鼠标拖放到，找到新建立的子页，确定，并用鼠标拖放到想要的位置。想要的位置。v3、测试后保存、测试后保存。三、制作动态数据库网站三、制作动态数据库网站v 如何制作具有动态数据处理的网站这是本如何制作具有动态数据处理的网站这是本课的教学难点，也是制作网站的最高境界。它课的教学难点，也是制作网站的最高境界。它将用到数据库的知识和网站服
29、务器建立的知识。将用到数据库的知识和网站服务器建立的知识。v 动态网站的建立将使你的网站具有用户访动态网站的建立将使你的网站具有用户访问留言功能、表单提交功能，拉近和浏览者的问留言功能、表单提交功能，拉近和浏览者的距离。距离。v 下面以下面以“班级通讯录班级通讯录”为例，讲解制作数据为例，讲解制作数据库网站的过程。它可以实现数据的浏览、添加、库网站的过程。它可以实现数据的浏览、添加、修改、删除等功能。修改、删除等功能。三、制作动态数据库网站三、制作动态数据库网站v1、建文件夹：、建文件夹：在在D盘下以自己的座号为名建立盘下以自己的座号为名建立一个新文件夹，用来存放网站文件。一个新文件夹，用来存
30、放网站文件。如如“web888”v2、建站点：、建站点：进入进入FrontPage界面界面单击单击“文件文件/新新建建”，在右面的，在右面的“新建新建”面板栏里面，选择面板栏里面，选择“新建网站新建网站/其他网站模板其他网站模板”，在弹出的在弹出的“网站模版网站模版/常规常规”中选择中选择“数据库界面向导数据库界面向导”。v3、找位置：、找位置：单击单击“指定新网站位置指定新网站位置”下面的下面的“浏览浏览”，在，在“查找范围查找范围”下拉框中找到下拉框中找到D盘下刚盘下刚建立的建立的“web888”文件夹。文件夹。v4、确定：、确定：单击单击“确定确定”。三、制作动态数据库网站三、制作动态数
31、据库网站v5、修饰：、修饰：启动启动“数据库界面向导数据库界面向导”，默认各种，默认各种选项，直接单击选项，直接单击“下一步下一步”，由于要链接到一，由于要链接到一个新建的数据库，于是出现个新建的数据库，于是出现“请输入数据库连请输入数据库连结名称结名称”的输入框，请输入：的输入框，请输入：“tongxunlu”。三、制作动态数据库网站三、制作动态数据库网站v6、制作数据表：、制作数据表：修改数据库的列名称、数据类型、修改数据库的列名称、数据类型、表单域类型等，如图。表单域类型等，如图。v7、编辑：、编辑：双击双击“名称名称”，将，将“列名称列名称”改为改为“姓姓名名”，确定。依此类推，将其他
32、名称全修改了。，确定。依此类推，将其他名称全修改了。但主键不要改动。可以添加，顺序可以上下移动。但主键不要改动。可以添加，顺序可以上下移动。三、制作动态数据库网站三、制作动态数据库网站v8、制作数据表：对、制作数据表：对数据库各列都修改好后，点数据库各列都修改好后，点击击“下一步下一步”两次，出现：两次，出现：“数据库界面网页数据库界面网页”，请将，请将“数据库编辑器数据库编辑器”复选框也选中，再复选框也选中，再单击单击“下一步下一步”。三、制作动态数据库网站三、制作动态数据库网站v9、设置管理员：、设置管理员：输入用于访问输入用于访问“数据库编辑器数据库编辑器”的用户名和密码，以防止被其他人
33、任意修改的用户名和密码，以防止被其他人任意修改数据。当然也可以选择数据。当然也可以选择“不使用用户名和密码不使用用户名和密码保护数据库编辑器保护数据库编辑器”选项，这样就允许大家都选项，这样就允许大家都能改。能改。都输入都输入1三、制作动态数据库网站三、制作动态数据库网站v10、完成：、完成：单击单击“完成完成”。于是整个数据库网站。于是整个数据库网站建立完毕。但是这个网站并不能直接使用，还需建立完毕。但是这个网站并不能直接使用，还需要进行要进行WEB服务器（服务器（IIS）设置才可以。）设置才可以。三、制作动态数据库网站三、制作动态数据库网站v11、测试：、测试：找到找到web888网站文件
34、夹，在网站文件夹，在IE下下打开打开“index.htm”文件，看到文件，看到“数据库界面数据库界面”网站。点击网站。点击“结果网页结果网页”等均不好用，因为目等均不好用，因为目前你的电脑还没有设置成前你的电脑还没有设置成WEB服务器。需要进服务器。需要进行行IIS配置。配置。点击试试看点击试试看四、配置四、配置IISv前言：前言：IIS（Internet Information Server，互联网信息服务）是一种互联网信息服务）是一种Web（网页）服务组（网页）服务组件件,其中包括其中包括Web服务器、服务器、FTP服务器、服务器、NNTP服务器和服务器和SMTP服务器，分别用于网页浏览、
35、服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面。文件传输、新闻服务和邮件发送等方面。v 要想把你的电脑配置成要想把你的电脑配置成WEB服务器，在网服务器，在网络（包括互联网和局域网）上发布信息或让别络（包括互联网和局域网）上发布信息或让别人看到你的网站，就要进行人看到你的网站，就要进行IIS设置。设置。v确认确认IIS：右键单击右键单击“我的电脑我的电脑/管理管理”，弹出，弹出“计算机管理计算机管理”界面，双击界面，双击“服务和应用程序服务和应用程序”，如果里面没有，如果里面没有“Internet 信息服务信息服务”，则说，则说明你的电脑没有安装明你的电脑没有安装IIS程序。程序
36、。四、配置四、配置IISv 将光盘放入电脑将光盘放入电脑中，单击中，单击“开始开始/程序程序/控制面板控制面板”中的中的“添添加或删除程序加或删除程序”中的中的“添加添加/删除删除windows组件组件”，出现，出现“windows组件向导组件向导”,在组件框中选中在组件框中选中“Internet信息服务信息服务(IIS)”,并单击并单击“下一下一步步”。v安装安装IIS：如果你在电脑中找不到如果你在电脑中找不到“信息服务管理器信息服务管理器”(IIS)，说明你的电脑没有安装，说明你的电脑没有安装IIS，这可能需要你提，这可能需要你提供供windows 安装光盘才能安装成功。如图。安装光盘才能
37、安装成功。如图。四、配置四、配置IISv 如果想还使你的如果想还使你的电脑具有文件传输的电脑具有文件传输的功能，请选中功能，请选中“文件传文件传输协议输协议(FTP)服务服务”复复选框。并单击选框。并单击“确定确定”，完成添加，完成添加IIS的工作。的工作。电脑需重启后方能生电脑需重启后方能生效。效。v安装安装FTP：如果你要了解如果你要了解“Internet信息服务信息服务(IIS)”的详细信息的详细信息,请单击请单击“详细信息详细信息”按钮。如图。按钮。如图。四、配置四、配置IISv1、启动、启动IIS：如果你的电脑有如果你的电脑有IIS，则启动之。右，则启动之。右键单击键单击“我的电脑我
38、的电脑”选择选择“管理管理”，弹出，弹出“计算计算机管理机管理”界面，双击界面，双击“服务和应用程序服务和应用程序”，再双，再双击击“Internet 信息服务信息服务”，找到，找到“网站网站/默认网默认网站站”，开始进行，开始进行IIS设置。设置。v2、建立虚拟目录：、建立虚拟目录：右点右点“默认网站默认网站/新建新建/虚拟目虚拟目录录”，在目录名框内输入虚拟名字：例如：，在目录名框内输入虚拟名字：例如：88（你的座号），单击（你的座号），单击“下一步下一步”，输入你的网站，输入你的网站的位置，也可以通过的位置，也可以通过“浏览浏览”找到自己建立的站找到自己建立的站点文件夹，直到点文件夹，直
39、到“完成完成”，你的电脑就变成一台，你的电脑就变成一台网站服务器了。网站服务器了。注意：一定要在默认网站下的一注意：一定要在默认网站下的一级目录建立，二级以下建立不好用。级目录建立，二级以下建立不好用。四、配置四、配置IISv3、本机测试：、本机测试：双击双击“88”虚拟目录，虚拟目录，在右面窗口找到在右面窗口找到index.htm文件，并文件，并右击之，选择右击之，选择“浏浏览览”，这时就可以，这时就可以对动态数据库网站对动态数据库网站的各个网页进行数的各个网页进行数据的浏览、添加、据的浏览、添加、修改、删除等操作修改、删除等操作测试。测试。四、配置四、配置IISv4、完善：、完善：如果发现
40、网站有需要修改完善的地方，如果发现网站有需要修改完善的地方，就再次进入就再次进入frontpage修改，并保存。修改，并保存。v5、记住自己的、记住自己的IP：右点右点“默认站点默认站点/属性属性”，查看你所用电脑的查看你所用电脑的“IP地址地址”是多少，如果写的是多少，如果写的是是“全部未分配全部未分配”，请点击下拉钮查看并选中，请点击下拉钮查看并选中之。之。v 例如：例如：192.168.41.200v6、局域网测试：、局域网测试：在其他计算机上测试你的网站，在其他计算机上测试你的网站，在在IE地址栏中输入你的地址栏中输入你的IP地址并回车。地址并回车。v http:/192.168.41
41、.200/88/index.htm四、配置四、配置IISv7、完成：、完成：如果能够正确出现你本机测试时见到如果能够正确出现你本机测试时见到的网页，各种功能正常，说明你的网站建设成的网页，各种功能正常，说明你的网站建设成功。功。v注意事项一：注意事项一：你的电脑一定要链接在互联网或你的电脑一定要链接在互联网或局域网上。局域网上。v注意事项二：注意事项二：你建立的数据库网站一定要在你建立的数据库网站一定要在“默认网站默认网站”的一级目录下，否则可能无法对数的一级目录下，否则可能无法对数据库进行读写操作。据库进行读写操作。v如果经过上述的配置后，在如果经过上述的配置后，在win2000下应该就下应
42、该就好用了。好用了。四、配置四、配置IISv8、注意事项：、注意事项：在在win2003下还需要进一步配置下还需要进一步配置IIS：右点：右点“默认网站默认网站”，选择属性，选择属性/主目录下的主目录下的“配置配置”按钮，选择按钮，选择“启用父路径启用父路径”选项才可选项才可以。以。五、文件传输五、文件传输FTPv1、FTP：文件传输协议文件传输协议FTP(File Transfer Protocol)是是Internet传统的服务之一。传统的服务之一。FTP使用户能在两个联网的计算机之间传输文件，使用户能在两个联网的计算机之间传输文件，它是它是Internet传递文件最主要的方法。使用匿传递
43、文件最主要的方法。使用匿名名(Anonymous)FTP，用户可以免费获取用户可以免费获取Internet丰富的资源。丰富的资源。v2、使用、使用FTP:在在IE的地址栏内打入的地址栏内打入FTP服务器服务器的的IP地址，将你的文件（夹）复制到里面就地址，将你的文件（夹）复制到里面就可以了。用此方法可以将个人网站上传到互可以了。用此方法可以将个人网站上传到互联网服务器上。联网服务器上。六、制作高质量网站需要的技术六、制作高质量网站需要的技术v要有较好的审美观；要有较好的审美观；v要有较好的文字功底；要有较好的文字功底；v要有较好的色彩和图画水平；要有较好的色彩和图画水平；v要有较好的社会学、心
44、理学、人文学等知识；要有较好的社会学、心理学、人文学等知识；v要有较好的计算机程序设计技术；要有较好的计算机程序设计技术；v要有较好的法律法规知识。要有较好的法律法规知识。实验训练三：动态网站建立实验训练三：动态网站建立v1、建站：、建站：按照个人网站建设方法，建立一个按照个人网站建设方法，建立一个“个人求职网站个人求职网站”v2、网站包括：、网站包括：主页、个人简历、学习成绩单、主页、个人简历、学习成绩单、兴趣、就业方向、特长、兴趣、就业方向、特长、意见反馈意见反馈共共7个网页。个网页。v3、功能：、功能：网页间有过度，动态文字，个性化网页间有过度，动态文字，个性化图片，图片，“意见反馈意见
45、反馈”页是用人单位意见反馈，页是用人单位意见反馈，要求使用动态数据库技术完成。要求使用动态数据库技术完成。第三部分：第三部分：实际技能训练实际技能训练v 理论测试理论测试v 技能测试技能测试v 综合测试综合测试v 课程设计课程设计v 技能鉴定技能鉴定 1、如何在、如何在D盘上以自己的盘上以自己的“座号座号”为名建立一个为名建立一个文件夹？文件夹？2、怎样将你的计算机的、怎样将你的计算机的IP修改成：修改成：192.168.43.135，默认网关和子网掩码是什么，默认网关和子网掩码是什么？3、如果你计算机的、如果你计算机的IP目前是目前是192.168.43.135，要想用要想用IE浏览器访问本
46、局域网内浏览器访问本局域网内IP是：是：192.168.41.210的计算机，你的计算机应该重的计算机，你的计算机应该重新设置？新设置？v回答下列问题：回答下列问题：4、如何将文件（或文件夹）复制到、如何将文件（或文件夹）复制到IP是：是：192.168.41.210的的FTP服务器上去？服务器上去？5、如何从、如何从IP是：是：192.168.41.210的的FTP服务器服务器上下载文件到你自己的计算机上？上下载文件到你自己的计算机上？6、如何在、如何在D盘上的一个文件夹里面利用盘上的一个文件夹里面利用FrontPage建立一个建立一个“个人站点个人站点”？7、如何在已经建立好的个人站点上添
47、加一个用、如何在已经建立好的个人站点上添加一个用“数据库界面向导数据库界面向导”创建的创建的“学生通信录学生通信录”？8、如何利用、如何利用IIS（Internet 服务管理器）将建服务管理器）将建立好的站点架设成站点服务器？立好的站点架设成站点服务器？9、怎样测试自己的站点服务器网页能否打开？、怎样测试自己的站点服务器网页能否打开？如果无法打开，可能是什么原因？怎么解决如果无法打开，可能是什么原因？怎么解决？10、当你的站点服务器建好之后，如何在别人、当你的站点服务器建好之后，如何在别人的计算机上看到你的网站？的计算机上看到你的网站？11、想在主页上加一个动态的滚动字幕怎么办、想在主页上加一
48、个动态的滚动字幕怎么办？12、如何将一个已有的图片插入到主页中？、如何将一个已有的图片插入到主页中？13、如何将一个、如何将一个FLASH动画图片添加到主页中动画图片添加到主页中？14、如何在自己的主页上做一个超级链、如何在自己的主页上做一个超级链接到老师接到老师192.168.41.210的主页上？的主页上？15、制作一个、制作一个Flash动画，并插入到网动画，并插入到网页的首页中，动画演示的是一个皮球页的首页中，动画演示的是一个皮球自由落下的过程以及你的座号和名字自由落下的过程以及你的座号和名字摆动的情景。摆动的情景。v试写出完成下列实验的试写出完成下列实验的 步骤和方法步骤和方法1、在
49、、在D盘上建立一个以你自己的盘上建立一个以你自己的“座号座号+姓名姓名”为名字为名字的文件夹。的文件夹。2、使用、使用FrontPage 2003的的“网站模版网站模版”在建好的文件在建好的文件夹里面建立一夹里面建立一 个个“个人网站个人网站”。3、修改网站主页的标题为自己的、修改网站主页的标题为自己的“系系-班级班级-座号座号-姓名姓名”4、在、在“收藏夹收藏夹”子页下建立两个子页：子页下建立两个子页：“歌曲收藏夹歌曲收藏夹”、“小品收藏夹小品收藏夹”，并使两个子页的网页框架与父页相同。，并使两个子页的网页框架与父页相同。5、修改两个子页的导航栏，使其能够完成返回主页和浏、修改两个子页的导航
50、栏，使其能够完成返回主页和浏览同级子页的功能。览同级子页的功能。6、设计一个从主页到、设计一个从主页到“收藏夹收藏夹”子页的子页的“网页过渡网页过渡”效果为效果为“随机溶解随机溶解”。7、在主页上添加一个、在主页上添加一个“动态滚动字幕动态滚动字幕”，上书，上书“我我学会做网页啦！学会做网页啦！”。8、将主页的主题设置为、将主页的主题设置为“山花烂漫山花烂漫”、“收藏夹收藏夹”子页的主题设置为子页的主题设置为“如梦花季如梦花季”9、利用画图工具用手工绘制一个、利用画图工具用手工绘制一个“自画像自画像”，然后，然后插入到主页上面。插入到主页上面。10、为网站添加一个背景音乐，写出查找音乐文件的、