1、第10章 主题网站设计,10.1 网站规划10.2 利用forntPage制作网站10.3 网站的发布与评价,网页设计欣赏,班级：09视传1班姓名：杨薇学号：2009110079,优势：这个图片的位置放的恰到好处。很有吸引力。,优势：体现了衣服的本质跟价值。,优势：整体看起来比较一目了然，看着比较清爽。和谐。 给人们眼前一亮的感觉。,网站规划一般需要以下几个阶段,1、整体策划阶段2、收集资料阶段3、制作阶段4、编辑调试阶段5、网站发布与维护阶段,一、确定主题，规划网站,一个优秀的网站，应具有主题明确、特色鲜明、内容丰富、图文并茂、动静结合等特点，给访问者以赏心悦目的感受。欣赏学生设计的保护珍稀
2、动物网站。,10.1.1规划网站要点,（1）明确建设网站的目的。（2）进行可行性分析：网站建设需要花费多少时间、精力、人力，性价比是否合理。（3）网站的内容设计：根据网站建设的目的，分析浏览者的需要，确定网站的内容。（4）网站的表现形式设计：主要指网页的版面布局设置，网站的标志、网站的图文排版等。,探究学习：上网浏览下面的网站，比较它们各自的特点。中少在线：http:/中国黄山风景区：http:/,10.1.2规划网站,设计一个主题为“动物人类的朋友”网站。,10.2 收集素材,确定主题后，需要围绕主题收集素材（图像、文字、动画、声音等），并将素材归类整理，以方便网页设计制作。在收集和保存资料
3、的过程中，除了注意文件的存储位置外，还需要注意素材文件的命名，文件名要尽可能用英文或汉语拼音来命名。在收集素材的过程中，更要注意素材的有效性和真伪性，不要将与主题无关的资料下载到素材文件中。,五、建站网页素材的收集与加工处理,1、文本文件素材的收集与处理,2、图像文件素材的收集与处理,3、动画文件素材的收集与处理,4、音频文件素材的收集与处理,（二）网页素材的收集与处理,6、网页特效素材的收集与处理,5、视频文件素材的收集与处理,文本文件素材的收集与处理,网页素材的收集与处理,图像文件素材的收集与处理,ACDSee图像浏览工具,Firework图像编辑工具,Flash动画素材的收集与处理,动画
4、制作工具Flash,文字动画编辑工具Flax300,Flash动画破解工具SWFDecompiler（硕思闪客）,音频素材的收集与处理,Cool Edit Pro音频编辑软件,Audio Converter音频格式转换利器,GoldWave音频处理工具,素材的收集方式,10.2 利用Microsoft forntPage制作网站,10.2.1 FrontPage 窗口,1. 认识FrontPage窗口,10.2.1 认识FrontPage窗口,2. FrontPage有六种视图方式：网页、文件夹、报表、导航、超级链接、任务。通过视图切换，可有针对性的查看内容或网站结构。3. 编辑窗口有设计模式
5、、拆分模式、代码模式、预览模式等四种模式。,网页制作,启动FrontPage,网页的书写一般是使用HTML语言，也就是超文本标记语言（Hypertext Markup Language）的英文缩写。为了更容易制作网页，人们开发了如FrontPage2000、Dreamweaver等软件来直观地进行网页制作，利用Flash等软件制作各式的动画，利用Photoshop、Firework等软件进行各式图形处理，使得网页更加生动活泼，多姿多彩！ 启动FrontPage的两种方法：开始菜单和桌面图标。 请一位同学上来示范一下。,罗定市新乐中学,29,FrontPage 2003界面,网页制作,练习一,每
6、位同学在D盘新建一个站点，站点名称使用A+班号+学号 ； 然后打开此站点文件夹，观察里面有哪些文件和文件夹。,网页制作,制作新网页,网页制作,练习二,分别使用三种方法制作一张新的网页，并分别保存为new1.htm 、new2.htm和new3.htm。,网页制作,保存网页的方法,网页制作,预览网页的方法,网页制作,浏览网页的方法,10.2.2创建网站 制作首页,一、新建站点：1.执行“文件-新建”弹出“新建”，单击“由一个网页组成的网站”按钮，弹出“网站模式”。,10.2.2.1 网站模板对话框 10.2.2.2 站点内文件夹,实践学习：2。单击“空白网站”，在“指定新网站的位置”输入“d：d
7、ongwu”后按回车键，建立新站点。3。单击“文件-关闭网站”，关闭站点。,10.2.2创建网站 制作首页,二、设计首页（index.htm）,10.2.2创建网站 制作首页,三、首页（index.htm）:动物人类的朋友制作要求如下：1. 标题与正文之间用水平线隔开;2. 在标题左边插入一个网站标志图;3. 展示一段关于网站的文字介绍;4. 给网页设置背景图片和背景音乐;5. 插入链接到下一页的图标。,实践学习：1.打开站点。执行“文件-打开站点”2.创建新网页。执行“文件-新建”单击“空白网页”3.制作首页标题。输入“动物-人类的朋友”执行“格式-字体”，设置字体、字号、颜色4.插入水平线
8、。执行“插入-水平线”5插入网站标志图。执行“插入-图片-来自文件”，单击插入。6文字输入与排版。选中-格式；,7设置网页背景图片及背景音乐。右击网页空白处，执行“网页属性”命令。8保存网页。执行“文件-另存为 ”在文件名处输入文件名。,探究学习：设计和制作具有个性的网站欢迎页面，更加靓丽。,10.2.3 应用表格布局网页结构,设计要求：1.用表格进行版面布局2.在网页中添加相应的文字和图片3.网页中有横幅、滚动字幕、flash动画和导航栏。,10.2.3 应用表格布局网页结构,10.2.3.1 多彩的生物网页,步骤：1.首先规划表格的结构2.制作表格3.在整个表格外部加上仅有一个单元格的表格
9、，即用表格嵌套。如下图,10.2.3 应用表格布局网页结构,10.2.3.1多彩的生物表格布局网页结构：,实践学习,1.打开站点：d:dongwu，新建一张空白网页2.执行“表格-插入”命令。3.设置表格或单元格属性。右击表格或单元格，在弹出的菜单中执行“表格属性”或单元格属性。4.根据表格结构插入图片与文字。在第9-12单元格分别插入“朱鹮、藏羚羊”等动物图片，在第13-16单元格插入相应文字介绍。并排版文字。,5。单击“保存”按钮，弹出“另存为”对话框，输入文件名，保存的同时将图片存储在“images”文件夹中。,10.2.4 给网页增加动感效果,4.1、添加滚动字幕 在“biaoge.h
10、tm”中添加滚动字幕“欢迎光临保护动物网站”。步骤：1.打开站点“d：dongwu”，并打开“biaoge.htm”2.将插入点移到放滚动字幕的单元格中。执行：插入组件字幕修改属性。设置参数。,3.预览网页，观察插入字幕后的网页显示效果。,10.2.4.1 字幕属性,4.2制作交互式按钮,目的：为了方便用户浏览或提交个信息，网页中常常提供具有交互式功能的按钮、图片、文字等。实践学习：在biaoge网页的导航栏中，选择标号为3-7的单元格插入交互式按钮。,步骤：,1.执行 插入-web组件命令，双击“动态效果”中的交互式按钮2.在弹出的对话框中，选择按钮形式为“浮雕胶囊1”，在“文本”框输入名称
11、“首页”3.单击“图像”标签，设置图形属性，选中“按钮为gif图像并具有透明背景色”。4.用同样的方法，设置其他按钮。,10.2.4 给网页增加动感效果,制作交互式按钮 执行：插入组件悬停按钮修改属性,10.2.4.2 悬停按钮属性,10.2.4 给网页增加动感效果,4.3、插入flash动画 执行：插入图片-flash影片，选择一个flash文件（dongwu.swf）。高级插件修改属性,10.2.4.3 插件属性,探究学习：在网页中插入一个“日历控件”,10.2.5 制作交互网页-表单,10.2.5 表单网页：,10.2.5 制作交互式网页 1、表单元件 2、制作表单,1. 什么是表单,表
12、单 是网页访问者与站点进行信息传递、互动交流的工具，它一般以窗体的形式存在页面中。表单依靠具体的表单对象收集信息，表单对象包含多种类型，如文本框、文本区域、按钮、单选框、复选框、列表/菜单等，访问者可以在表单对象内输入或者选择信息，然后通过按钮将信息提交给网站，网站对信息再进行处理。如右图所示，展示了表单在留言簿页面中的一个应用实例，其中使用了表单对象有文本框、文本区域、列表/菜单、按钮。,2表单对象,【表单】插入栏列出了具体的表单对象，如上图所示。“表单”：可在文档中插入表单。任何其他表单对象，如文本域、按钮等，都必须插入表单之中，这样所有浏览器才能正确处理这些数据。“文本域”：可在表单中插
13、入文本域。文本域可接受任何类型的字母数字项。输入的文本可以显示为单行、多行或者显示为项目符号或星号（用于保护密码）。,“复选框”：可在表单中插入复选框。复选框允许在一组选项中选择多项，用户可以选择任意多个适用的选项。“单选按钮”：可在表单中插入单选按钮。单选按钮代表互相排斥的选择。选择一组中的某个按钮，就会取消选择该组中的所有其他按钮。例如，用户可以选择“是”或“否”。“单选按钮组” ：可插入共享同一名称的单选按钮的集合。“列表/菜单”：可使用户可以在列表中创建用户选项。“列表”选项在滚动列表中显示选项值，并允许用户在列表中选择多个选项。“菜单”选项在弹出式菜单中显示选项值，而且只允许用户选择
14、一个选项。“跳转菜单”：插入可导航的列表或弹出式菜单。跳转菜单允许您插入一种菜单，在这种菜单中的每个选项都链接到文档或文件。请参见创建跳转菜单。“图像域”：可使用户可以在表单中插入图像。可以使用图像域替换“提交”按钮，以生成图形化按钮。“文件域”：可在文档中插入空白文本域和“浏览”按钮。文件域使用户可以浏览到其硬盘上的文件，并将这些文件作为表单数据上传。“按钮”：可在表单中插入文本按钮。按钮在单击时执行任务，如提交或重置表单。可以为按钮添加自定义名称或标签，或者使用预定义的“提交”或“重置”标签之一。“标签”：可在文档中给表单加上标签，以形式开头和结尾。“字段集”：可在文本中设置文本标签。,3
15、插入表单,操作：将【常用】插入栏切换到【表单】插入栏 ，然后单击【表单】插入栏上的表单按钮，即可在编辑窗口添加表单 ，如下图所示。,4插入表单对象,操作：首先插入一个表单，然后将鼠标光标置于表单域内，单击【表单】插入栏上的表单对象按钮即可，如下图，插入一个按钮表单对象。,5表单使用,对于网页中的表单，用户可以根据需要调整它的布局，例如可以使用换行符、段落标记、预格式化的文本或表来设置表单的格式。使用表格为表单对象和域标签提供结构是比较常用的一种调整表单布局的方法。当在表单中使用表格时，请确保所有的 table 标签都位于两个 form 标签之间。需要注意的是不能将一个表单插入到另一个表单中，即
16、标签不能交迭，但是可以在一个页面中包含多个表单。,6文本域表单,文本域和按钮是网页表单中最常用的表单对象之一，在文本域中可以输入任何类型的文本内容。根据文本域的行数和显示不同，可分为三种类型：单行文本域、多行文本域、密码文本域。密码文本域在页面中不显示具体的文本内容，而以“*”代替或者其他指定的符号代替，它的属性和单行文本域基本相同。本例中涉及的几个属性项的含义 。,【文本域】文本框：用于为文本域指定一个名称，此名称必须是唯一的。【字符的宽度】文本框：设置在浏览器中显示的文本长度。【最多字符数】文本框：指定文本域中最多可输入的字符数。超出了将发出警告声，不填则可输入任意数量的字符。【类型】单选
17、项：指定文本域的类型。【初始值】文本框：用于指定载入表单时文本域中显示的文本内容，一般用来提示访问者以使他们知道输入的内容。例如，“请输入名字”请求名字信息。【类】选项框：用于设置文本域的CSS样式。【高度】文本框：用于为文本域设置高度，超出高度用滚动条显示。【换行】选项框：用于选择输入内容时，文本域中换行方式。有4个选项：“默认”：用浏览器默认的方式换行；“关”：当输入的文本内容超过文本域宽度时不换行，自动出现水平滚动条，滚动显示；“虚拟”：当输入的内容超过文本域时自动换行，但发送的数据中没有换行符；“实体”：当输入的内容超过文本域时自动换行，但发送的数据中有换行符。【按钮名称】文本框：用于
18、指定按钮的名称。【值】文本框：设置按钮上显示的文本内容，以表明该按钮的作用。如此处输入“提交留言”，则按钮上就显示“提交留言”。【动作】单选项：设置单击按钮后发生的动作，有3个选项。“提交表单”：将表单数据提交到表单指定的位置；“重设表单”：将表单内的所有对象内容还原；“无”：不发生任何动作。,7单选按钮,【单选按钮】文本框：定义单选组的名称，一组中的单选按钮具有相同的名字；【选定值】文本框：该项被选中时，提交给服务器的值；【初始状态】选项组：设置该按钮在初始状态是否被选中，一组中只能有一个初始状态设为选中。,8菜单/列表,【列表/菜单】文本框：用于指定列表或者菜单的名称；【类型】选项组：设定
19、当前对象是菜单还是列表；【高度】文本框：设置列表的高度；【初始化时选定】文本框：设定首次载入表单时选中那些选项； 按钮：设定列表/菜单的项目和项目值。,9访客留言页面,10用户注册页面,实践学习制作“知识问答”表单步骤：p59,10.2.6.1 制作框架网页-人与动物,10.2.6 框架网页人与动物,网页的制作已经基本掌握了，怎样才能将它们整合成为一个网站呢？怎样才能让别人在网上看到我的网站呢？一连串的问题都来了！还是趁热打铁，赶紧学习一下吧。,任务引入,知识技能点,FrontPage2003的表格的创建和使用FrontPage2003的框架的创建和使用FrontPage2003的表单的创建和
20、使用FrontPage2003的网页的发布和维护,初始网页,效果图,任务准备,在网站中新建一个网页在网页上设置字体在网页上插入一个四行一列的表格设置表格的属性,创建框架,含义：把各个网页放在屏幕不同区域显示的方法是使用框架网页。新建框架网页的方法编辑各部分网页的内容创建网站中的超级链接,创建框架,在“文件”框的“新建”子框中选择“网页”命令，打开“新建”对话框；如图819所示。,图8 33新建对话框图,创建框架,选择其中“其他网页模板”命令，弹出“网页模板”对话框，如图820所示。,图834 网页模板图,创建框架,您根据实际情况，选择“横幅和目录”的框架网页，打开如图821 所示。,图835
21、“横幅和目录”的框架网页图,横幅区,网页内容区,目录区,创建框架超链接,一个新的框架网页不包含任何内容，FrontPage 2003将在每个新框架中显示和两个按钮，单击前一按钮可以从站点中选择已准备好的网页，单击后一按钮可以在框架中创建一个新的空白网页。 由于您已经准备好了4个“中国节日”的网页，所以他就单击选择已准备好的网页。首先单击横幅区的，弹出如图822 所示,图836 插入超链接图,创建框架,新建横幅网页，如图823所示,图837 插入横幅图,创建框架,插入目录网页，网页就变成924所示,图838 插入目录图,拆分框架,当使用模板创建的框架结构不能满足需要时，可以通过拆分框架制作出更为
22、复杂的框架网页。操作步骤如下：（1）选择要拆分的框架；（2）在“框架”框中选择“拆分框架”命令，打开“拆分框架”对话框；（3）根据需要选择“拆分为列”或“拆分成行”选项；（4）单击“确定”按钮完成拆分。删除框架可以从框架结构中删除指定的框架。此时，系统只是把框架从框架网页中删去，而此框架中的网页文件仍然存在。操作方法是：选择要删除的框架，在“框架”框中选择“删除框架”命令即可。,第一步：选择文字“更多节日”。第二步：利用“插入”菜单或右键菜单中“超链接”命令，打开“创建超链接”对话框。,插入超链接,图8-19,图8-18,第三步：在“创建超链接”对话框中输入网址http:/ 同一个框架内。整页
23、：将框架展开为整个窗口后，显示链接网页。新建窗口：打开另外一个新窗口，显示链接网页。父框架：在当前框架的上层框架内显示链接网页。,设置框架属性,通过对框架属性的设置，可以更改框架超链接的网页、调整框架大小等。基本操作是：选择目标框架，从“框架”框中选择“框架属性”命令，出现如图826所示的“框架属性”对话框，设置框架属性。,图840框架属性对话框图,设置框架属性,单击“框架属性”对话框中“框架网页”按钮，弹出如图827 所示。在这里可以调整框架间距。清除“显示边框”复选框时，可以隐藏框架边框。您完成了整个网页的设计，接着要做的工作是把网页发布在学校的网站上。,图841网页属性对话框图,保存框架
24、,FrontPage 2003提供的常用的几种关于创建框架的操作：保存框架网页 当完成框架网页之后，就需要保存这个框架网页。操作步骤如下：（1）单击“常用”工具栏中的“保存”按钮，打开“另存为”对 话框，在右边的框架网页预览图中，其中一个框架 高亮显示，表示正在保存该网页；（2）在“文件名”框中输入网页名称；（3）单击“更改”按钮，设置网页的标题；（4）单击“保存”按钮，该网页保存完毕，框架图中的另 一个框架处于高亮状态；（5）重复步骤（2）（4）的操作；（6）当对话框中的整个框架处于高亮状态时，表示正在 保存框架网页本身；（7）输入框架网页的文件名称及标题；（8）单击“保存”按钮。,学生练习
25、：,根据讲授内容，创建自己的框架网页p63完成实践学习。评出最美的网站。,图841网页属性对话框图,10.2.6.2 创建框架网页步骤,10.2.6.2 制作框架网页-人与动物,制作框架网页的注意点：1.框架网页的实质是一个框架网页中可包含多个 相互独立的网页；2.框架网页中“设置初始网页”与“新建网页”的区 别；3.注意“框架网页”与利用“表格制作网页”的区别。,10.2.6.3 制作框架网页-注意点,10.2.7 设置超链接,超链接是从一个网页指向另一个目的端的链接，比如说指向另一个网页或者相同网页上的不同位置。当一个站点访问者单击超链接时，目的端将显示在Web浏览器上，并根据目的端的类型
26、来打开或运行。,10.2.7 设置超链接,常用超链接形式：同一站点内页面之间的超链接；不同网站之间的网页链接。,10.2.7：创建超链接,返回本节,每当我们在浏览网页时，都会发现当鼠标指针移动到某些文字或图片时，就会变成一只手掌“ ”的样子，这时只需单击鼠标左键就可以打开另一网页了。这就是我们将要讲述的网页“超链接”方式。,正是由于有了“超链接”，因特网才会如此神奇和流行！,所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序.而在一个网页中用来超链接的对象,可以是一段文本或者
27、是一个图片. 网页上的超链接，从网页角度来看有两种：网页之间的超链接；网页内的超链接。 从网址角度来看：一种是相对网址(同一网站下)的超链接； 第二种是与绝对网址（如http:/）的超链接； 第三种是指在同一网页内的超链接。,一、超链接的定义及分类,http:/ ”超链接工具按钮，或单击右键快捷菜单中的【超链接】，出现【编辑超链接】对话框。在对话框的文件列表中选择“班级新闻.htm”网页文件。（4）与（3）操作类似，对文字“相册”、“喜爱站点”分别设置超链接到文件“相册.htm”、“喜爱站点.htm”。（5）最后保存文件到“主页.htm”。,同一网站内的超链接 相对网址的超链接二、网页间的超链
28、接（一）,完成实践学习p66教师指导,操作步骤：（1）打开“喜爱站点.htm”网页文件。输入标题“我喜爱的站点”，“文字链接：” 。（2）文字上的超链接：输入“中文搜狐”并选定，然后单击超链接工具按钮，在出现的对话框“URL”栏内输入“http:/”，最后单击【确定】按钮。（3）图片上的超链接： 选定插入的图片，单击超链接工具按钮，在出现的对话框中“URL”栏内输入网址“ http:/ 单击【确定】按钮。（4）输入文字“返回主页”，创建 一个超链接到“主页.htm”文件。（5）保存网页文件到“喜爱站点.htm”。,绝对网址的超链接二、网页间的超链接（二）,1、输入链接网页名称在已经准备好正文内
29、容的网页中，选择插入点输入即将创建的超链接网页主题或名称。2、选定链接点选定链接网页的名称作为链接点3、输入正确的链接地址在【编辑超链接】对话框中输入正确的链接地址：相对网址需要在网页文件列表中选择目标网页；,创建网页间超链接的关键点,绝对网址则需要在URL中输入该网页的网络地址。,当一个网页文件比较长的时候，为了便于浏览，我们往往在网页中使用书签。在网页中使用书签的步骤分为两步： 1、先定义书签，即在网页中某位置上定义一个书签； 2、使用书签，即定义一个超链接到该书签。,1、定义书签： （1）在”班级新闻“网页bjxw.htm中输入新闻三则，标题分别为“一份爱心”、“新一轮班干部”、“向*同
30、学看齐”，将标题置于网页正文上方的标题区。（2）添加书签：选中第一条新闻正文部分中的标题即目的点“一份爱心”，单击“插入”菜单，选择“书签”命令，出现“书签”对话框。（3）将“新闻a”输入对话框作为书签名称。（4）按此方法为另外两条新闻标题加上书签。, 书签三、同一网页内的超链接,2、使用书签： （1）选定网页正文上方标题区内的新闻标题“一份爱心”，然后单击超链接工具按钮，出现【编辑超链接】对话框。 （2）在对话框中的【可选】区域中，打开【书签】下拉列表框，出现上面所定义过的三个书签名称：新闻a 、新闻b、新闻c。选中“新闻a”后单击【确定】按钮， （3）用同样的方法将“新一轮班干部”、“向*
31、同学看齐”两则新闻分别链接到“新闻b”、“新闻c”书签。 （4）将网页文件保存起来，并在浏览器中浏览。当单击标题区内的“一份爱心”、“新一轮班干部”、“向*同学看齐”时，屏幕会自动滚动到相应的书签位置并显示内容。, 书签三、同一网页内的超链接,完成实践学习p69教师指导,大家,谢 谢,网站的发布与管理,10.3 网站的发布与评价,1.检查与测试网站;2.发布站点;,3.评价网站。,目录,一、网站的测试,1）Frontpage报表检测：报表能够清晰的呈现网站的许多重要的相关信息，在“查看”菜单中，指向“报表”，从后面的选项列表中勾取“站点总览”，经过一段时间后，会进入站点情况的报告项目列表，如图
32、：,网站的测试,注意：如果您的站点中包含了隐藏文件夹中的文件，那么这些文件将不会出现在此报表中。若要让隐藏文件夹中的文件出现在您的报表中，请单击 “工具” 菜单中的 “站点设置”，再单击 “高级” 选项卡，然后选择 “显示隐藏目录中的文档” 复选框。如图：,网站的测试,2）超连接检测 点击“查看”-“超连接”或是直接点击左边的“超连接”按钮都可以进入连接查看窗口，这时窗口会提示你“在左边的文件列表中任意的选定一个目标文件”，选中以后在右边窗口中会自动显示目标网页的双向连接情况（即指定及被指向的所有网页），并且通过箭头标出，如图显示一个简单的例子：,网站的测试,3）网站兼容性的设置 考虑到现在网
33、页标准及技术的不同，Frontpge允许你将站点设置为与特定的浏览器或是技术兼容，从而根据不同的用户获得更好的显示效果，当然一旦你设定了当前网站的兼容性，那么在Frontpage中与该技术相关的命令会自动显示为灰色，即不能正常使用状态。 “工具”菜单中选“网页选项”，并指向最右边“兼容性”选项卡，如图：,注意:要设定特定的技术支持需要选择前者的“自定义”选项，然后可以启动或是禁用他们前面的复选框，另外你也可以通过选择指定的浏览器及版本来由Frontpage自动选择其支持的技术。,二、空间申请与网站发布,1免费空间申请 设计好了网页文件之后，只能在本地计算机上用浏览器浏览。要想让更多的人浏览就必
34、须放到Internet的Web服务器上。目前有很多网络公司免费为网友们提供个人主页空间，而且有的服务非常周到。如http:/等等。,空间申请与网站发布,空间申请与网站发布,2网站的发布： 在Frontpage中发布网站提供了两种形式，HTTP形式和FTP形式。当服务器上安装了Frontpage扩展时，可以直接使用HTTP方式完成发布，相反如果没有安装就要使用后面的FTP形式完成了，下面主要着重的介绍一下FTP方式。,设置试服务器,设置文档类型,在 “文件” 菜单中，单击 “发布站点”，同时单击 “选项” 以展开选项列表。 指定只发布已更改的网页，还是所有的网页，若要发布子站点，请选择 “包含子
35、站点” 复选框。 在 “指定发布站点的位置” 框，键入 FTP 站点服务器的位置 （如图中的 ftp:/），如果发布位置在本地机上，可以直接通过右边的“浏览”按钮来选定，最后点击发布，这时Frontpage会试图连接上面的服务器并需要你提供准确的登录信息（用户名称及密码）输入即可完成传输。如右图,（发布选项设置）,空间申请与网站发布,（Frontpage试图连接服务器）,（FTP登录信息验证窗口）,三、网站的管理、维护与更新,对于一个网站的管理而言，并不是指某一阶段的管理，而是贯穿在整个网站开发的过程中。网站发布后，仍然需要相当的时间在站点的维护上。 目标： 通过这一节的学习，了解站点的导入与
36、删除、站点文件的管理、维护站点的一些常见任务以及保持站点更新的方式。,网站的管理,导入实际上就是把导入目标原封不变地复制到当前站点内。比如我们要导入另外的一个站点可以这样操作：首先在文件夹列表中选中导入内容存放的文件夹，这里我们选择当前站点的根目录。,1、导入站点,选择“文件”菜单的“导入”命令，在“导入”对话框中可以选择“添加文件”按钮添加文件到当前站点中，也可以选择添加文件夹复制某文件夹到当前站点。 在这里我们选择“来自站点”。,如果知道被导入站点的存放目录，我们可以选择从本地计算机或源文件所在的目录；如果知道被到入站点的URL地址，我们可以选择从全球广域网站点。在这里我们选择从本地计算机
37、或源文件所在的目录， 然后在位置框输入站点对应的盘符路径名，将“包含子文件夹”复选框选中，以确保复制被导入站点的所有内容。,单击“下一步”，再单击“下一步”，再单击“完成”。 这样，我们就把一个站点导入进当前站点了。,2、删除站点,在文件夹列表中选中站点的根目录，,执行“编辑”菜单的“删除”命令。如果选择“只删除此站点中的FrontPage信息”，则只有该站点的相关文件会被删除，而站点目录结构会保留下来。我们选择“删除整个站点”。单击“确定”按钮。这样当前站点的文件连同它所在的目录都被删除了。,注意：一个WEB页可能以链接的方式对很多的其他文件进行引用，如果仅改变了文件或目录的名字，就可能使原
38、来的链接无效。所以，最好不要在资源管理器或其他地方对站点的目录或文件进行操作。 建议：在FrontPage的文件夹列表中选中一个目录，单击鼠标右键，在弹出的菜单里有“删除”和“重命名”选项。可以在这里对目录或文件夹进行操作。如果你改变了他们的名称，那么与它们相关的链接也会发生改变，以符合改变后的情况。 我们可以随意为我们的站点起名字。站点的名称实际上就是站点所在的服务器名或文件系统的目录名。设置很容易，只要选择“工具”菜单的“站点设置”命令，,并在“常规”选项卡里输入需要的站点名称再单击“确定”按钮就可以了。,3、站点文件管理,当一个网站的页面很多时，不能都放在一个目录下，那样会显得很混乱。一
39、般的分类原则是按照网页的功能进行划分。 对于管理员来说，目录层次分明的站点结构有助于帮助其从文件的角度更好地管理网站的所有资源。文件结构是否合理，对网站的创建效率会产生较大的影响，更主要的是会对网站的性能、网站的维护产生较大影响。,网站文件结构设计需要遵循以下原则：,网站的维护与更新,网站的维护与更新，是保证一个网站能够良好运行的重要基石。将一个网站创建完成并上传到服务器后，仅完成了一个真正意义上网站的一小部分，后面紧接着需要做大量的网站维护与更新工作。网站的维护是关系到一个网站能否正常运行的保证。网站最重要的一点就是体现在更新快，这样别人才能从中获得更多的信息，学到更多的东西，也就才能吸引更
40、多的访问者，达到创建网站的最终目的。 1网站的硬件维护 在硬件管理中最主要的就是服务器。 2网站的软件维护 软件管理也是确保一个网站能够良好运行的必要条件。通常包括：服务器的操作系统配置、网站的定期更新、数据的备份以及网络安全的防护等。,网站的维护与更新,网页维护,网页的更新与检查,网页布局更新,网站升级,网站维护的主要内容：,评价网站,分组合作交流、讨论对某一站点的评价。教师引导：如何对同学的作品进行评价呢，一定要有个标准，这个标准就是作品评价表，请同学们依据评价表公平客观地进行评价。你所给的分数和评语将体现你的评价水平和责任程度，你的结果将是其它同学作品的质量和水平的直接体现，因此请你认真地履行自己的职责。老师相信每位同学都能极负责任、有能力、高效高质量地完成任务。活动三：分组合作交流、讨论对某一站点的评价，并说出理由，之后再请相应站点自评的同学说出评价与理由。,认真评价，填写互评表教师提问：在评价过别人作品之后，对你有何帮助？学生回答教师总结：同一个作品，不同人对其有不同的评价结果，可见，评价受主观因素影响，因此我们不仅要公平公正、客观的评价，而且还要不断的提高自己的欣赏水平，也只有这样才能制作出高质量的作品,今天你有哪些收获？巩固练习,1. 在网上申请一个免费空间，并将自己的网站上传。2. 维护、更新自己的网站。,
