乘航小学网页制作培训记录

乘航小学网页制作培训记录日期3.23地点微机房参加对象全体青年教师授课者叶丹授课题目FrontPage2000界面介绍授课内容从“开始”菜单中选择“程序”组中的MicrosoftFontPage，就启动了。FrontPager界面主要由标题栏、菜单栏、工具栏、新型视图工具栏、资源管理窗口和文件编辑窗口以及状态栏等组成。1．“文件”菜单“文件”菜单包括对文件夹时行操作的命令，如：文件的建立、保存、对站点的访问等。2．“编辑”菜单“编辑”菜单中包括对文本、图形、文件等进行编辑的命令。3．“查看”菜单“查看”菜单用于控制视图的显示，显示为网页、向导或是其他方式。4．“插入”菜单“插入”菜单包括常用工具集，其中有向网页中插入符号、日期、各种数据表格和图片的工具。5．“格式”菜单“格式”菜单用来规定网页编辑中的字体、进行页面设置和背景颜色设置。6．“工具”菜单“工具”菜单主要是为网页的编写提供一些检查语法的工具，并且提供宏命令和自定义的加载选项。7．“表格”菜单“表格”菜单可以来绘制表格的，里面的工具和其他制表工具一样。8．“框架”菜单“框架”菜单中包括处理网页中框架的命令。9．“窗口”菜单“窗口”提供给用户的是编辑窗口状态命令的菜单。10．“帮助”菜单效果:本节讲述了frontpage的制作界面，熟悉了各种菜单，有利于以后的网页制作，老师对这一部分内容掌握得相当可以。乘航小学网页制作培训记录日期3.30地点微机房参加对象全体青年教师授课者叶丹授课题目创建站点和从文件添加图片授课内容1．在“文件”菜单上，指向“新建”，然后单击“站点”。2．在“站点站点”列表中，选择要用来创建新站点的模板或向导。3．在“指定新网站的位置”框中，键入或选择新站点的名称。4．如果您要使用安全套接层(SSL)，来保护您新站点处理过程的安全，请选择“需要安全的连接(SSL)”复选框。注意您也可以用别的方法创建一个新站点，如：从您的本地计算机、网络、或全球广域网导入一个站点，将文件夹转换为站点。创建一个子站点的步骤和创建一个站点是相同的。可以从本地文件系统中添加图片。图片可以为下列的文件格式：GIF（标准和动态）、JPEG（标准和渐进式）、BMP（Windows和OS/2）、TIFF、TGA、RAS、EPS、PCX、PNG、PCD(KodakPhotoCD)和WMF。保存网页时，MicrosoftFrontPage会提示将图片保存到您的站点中。若图片不是GIF或JPEG格式，使用256色或更少颜色的图片会自动地转换成GIF，而所有其他的图片会转换成JPEG格式。1．在网页视图模式下，将插入点放置到要插入图片的位置。2．单击“插入图片”。3、单击“来自文件”。4、从本地文件系统浏览您想要的图片并且选择该文件。您可以在“文件类型”框中指定要查看的文件类型。如图1所示。效果:本节着重介绍了创建站点和从文件添加图片，很多老师对如此系统地学习抱着极大的兴趣，学习效果很好。乘航小学网页制作培训记录日期4.6地点微机房参加对象全体青年教师授课者叶丹授课题目添加网页横幅授课内容网页横幅是将标题添加到您网页上的一个快速方法。网页横幅使用当前网页上主题的样式和图形；否则，网页横幅只能显示您可以设置格式的文本。在共享边框中使用网页横幅是将标题添加到站点中多个网页上的一个快速方法。在使用网页横幅之前，您必须在导航视图模式下创建您站点的导航结构。(除非网页包含在导航结构内，否则网页横幅将是不可见的。)网页横幅使用来自“导航”视图的网页标题；如果您更改某个网页的标题，则该网页的网页横幅标签也会被更改。在网页视图模式下，请将光标移至您想添加网页横幅的地方，例如共享的上边框中。在“插入”菜单中，单击“网页横幅”。请指定是否想以图片或文本的方式显示网页横幅。在“网页横幅文本”框中，键入您想在网页横幅中显示的文本。默认情况下，网页横幅显示的网页标题与导航视图模式下所显示的相同。更改导航栏上的网页标签当您要向网页添加导航栏时，FrontPage将显示在导航视图里的网页标签当作导航栏的标签。通过改变导航视图里的网页标签，您可以更改显示在导航栏上的文本。例如∶您更改了网页标题，并且想让导航栏一块跟着更改—这时只要更新导航视图里的网页标签，就可以改变导航栏上的网页标签。在导航视图模式下，在想要更改标签的网页上单击鼠标右键，再单击快捷菜单上的“重命名”，然后编辑名称。如果您在共享边框中改变导航栏，该更改将会影响所有使用该共享边框的网页。效果:每个网页都有不同形式的网页横幅，在本节中讲述了如何添加网页横幅的制作方法，老师们对制作网页逐步产生了越来越弄的兴趣，这一部分的内容也掌握得不错。乘航小学网页制作培训记录日期4.13地点微机房参加对象全体青年教师授课者叶丹授课题目为网页元素添加动画效果授课内容在“开启”框上，单击向下箭头，接著选择引发动画的事件：当站点访问者指到网页元素时开始动画，然后左鼠标按钮单击，选择“单击”。当站点访问者指到网页元素时开始动画，然后左鼠标按钮双击，选择“双击”。当站点访问者指到并停止在网页元素时，选择“鼠标悬停”。当页面被加载到站点访问者时开始动画，选择“网页加载”。在“开启”框的事件列表是依据您所选择的网页元素类型。在“应用”框，单击向下箭头，接著选择动画效果的类型:为了应用动画网页元素，单击“飞出”或在移动到其它动画。应用动画来更改网页元素的外观，就像改变字体颜色或应用框线效果，单击“格式”。如果您已选择一张图片，应用动画并交换图片，单击“交换图片”。在“应用”框的效果列表于您所选择的网页元素类型和在步骤2的事件类型有关。在“选择设置”框，单击向下箭头，然后选择效果设置：如果您应用步骤3的“飞出”动画，选择方向或移动的类型，就如“到左侧”或“到顶部”。如果您应用步骤3的“格式”设置动画，选择“选择字体”来改变字体样式、大小、颜色、效果、字符间距，或选择“选择边框”来更改边框或底纹。如果您已选之图片并利用步骤3“交换图片”的效果，单击“选择图片”，然后选择在步骤2的事件中要交换的图片。在“选择设置”框中的设置列表是根据您所选择的网页元素类型，然后选择应用框中的效果型态决定您想要动画型态的最好方法就是应用不同事件和效用，并在浏览器上直接预览。预览网页，单击“预览”选项卡，或单击在“文件”菜单中“在浏览器中预览”。删除效果，在“DHTML效果”工具栏中单击“删除效果”。您也可以在页面视图上利用网页元素选择，并单击CTRL+空格键来删除动画。效果:为静态网页添加动态效果，将增加网页的美观程度。很多老师都尝试用不同的动态效果添加在网页中，使网页视觉效果对读者产生了极大的吸引力。乘航小学网页制作培训记录日期4.20地点微机房参加对象全体青年教师授课者叶丹授课题目设置网页的背景声音授课内容您可以设置网页的背景声音。当站点访问者打开网页时，就会播放声音。您可以持续地播放声音，或只按指定的次数播放。并不是所有的Web浏览器都支持此项功能。1．在网页视图模式下，右键单击网页，然后单击快捷菜单中的“网页属性”。2．在“常规”选项卡中的“背景音乐”底下，于“位置”框中，键入您要播放的声音文件，或单击“浏览”来找出文件。3．要持续地播放声音，请选择“不限次数”复选框。4．如果只要声音播放固定次数，请清除“不限次数”复选框，然后在“循环次数”框中键入您想播放的声音次数。让老师们从网上找自己喜欢的多种格式的歌曲,试着将歌曲添加到网页中作为背景音乐.效果:在网页中加入背景音乐，将使读者在一种很有情境的气氛中理解网页的内涵，老师们对这一部分内容有着很大的兴趣，学习效果也很好。乘航小学网页制作培训记录日期4.27地点微机房参加对象全体青年教师授课者叶丹授课题目创建网页模板授课内容模板为预先设计的网页，可包含网页设置，格式设置，和网页元素。您可以创建您的网页模板使您可以快速一致地在您的站点中创建网页。模板在多制作者环境很有用，因为它可以帮助制作者创建网页。例如∶如果全部网页在其顶部都有公司商标和说明，则可创建拥有这些元素的模板。然后，当您创建新网页时即可使用此模板，而商标和说明就会自动放置在网页上。当您创建网页模板时，您可创建您所想要设置的网页和网页元素，然后保存成为网页模板。模板将会显示在FrontPage所提供的其它模板之中。当您想要使用您的模板创建一个新的网页，您可以轻易地从列表中选择您的模板。应用主题的网页可以存成模板。根据原始网页如何应用主题，使用模板所创建的网页将可以使用站点默认主题设置或者指定的主题。例如∶您可以从有主题的网页创建模板，然后在其默认主题为Artsy的站点创建网页。若网页模板使用站点默认主题Artsy，则新网页也将使用Artsy主题。若网页模板使用指定的主题，则新网页也将使用该主题。1．在网页视图模式下，可创建一个模板所要包含的网页设置和元素的网页。例如∶可创建包含一般性文本、注释等元素的网页。2．单击“文件”菜单中的“另存为”。3．在“保存类型”框内，单击“FrontPage模板(*.tem)”。4．单击“保存文件”。5．在“标题”框内，键入模板标题，该标题将与标准模板一起出现在“新建”对话框内的“常规”选项卡上。6、在“名称”框内，键入模板的文件名称。FrontPage将自动使用适当的扩展名。7．在“说明”框内，键入模板的描述，例如描述用模板创建的网页类型。当您创建一个新网页时，您若选择该模板，此描述将出现在“新建”对话框中。效果:Frontpage中有自带的系统模板，对初学者能规范地制作网页，提供了很大的帮助，老师们有的自己设计，有的在经过修改模板的基础上进行网页制作，使自己的风格更加凸显出来。乘航小学网页制作培训记录日期5.11地点微机房参加对象全体青年教师授课者叶丹授课题目创建悬停按钮授课内容在没有任何脚本的情况下利用创建悬停按钮来添加动画到您的网页是一种容易的方式。如同其他的按钮一样，悬停按钮也可以含有指向其他网页或文件的超链接。然而，当站点访问者单击或指向悬停按钮时，该按钮还能够发光，显示自定义图片或是播放声音效果。1．在网页视图模式内，将插入点放置在要创建悬停按钮的位置。2．在“插入”菜单上，指向“组件”然后单击“悬停按钮”。如图1所示。3．在“按钮文本”框内，键入要放在悬停按钮上的文本标签。但您若想使用已包含文本标签的自定义图片，就不必输入任何文本。4．在“链接到”框中，键入在单击按钮就会出现的网页或文件的URL。或者单击“浏览”以查找网页或文件的位置。您可以为悬停按钮设置图片或为悬停按钮设置具有动态显示效果的图片。您可以设置悬停按钮的属性，以调整文本标签、字号和字符或特殊效果的类型。您可以给悬停按钮添加声音效果，使得在站点访问者单击或指向此按钮时播放声音效果。若要预览悬停按钮在访问者利用全球广域网浏览您的网页时所呈现的样子，请单击“预览”选项卡，或单击“在浏览器中预览”（在“文件”菜单上）。效果:在frontpage中用悬停按钮制作各种链接效果，是单调的文字链接有了动感的效果。学习效果好！乘航小学网页制作培训记录日期5.18地点微机房参加对象全体青年教师授课者叶丹授课题目一个简单实例授课内容21世纪是一个宣扬个性的时代，人们都希望表现自我，个人主页提出供了一个文阔的空间。在这里我们就讲一个实例，可以充分的发挥自己的创意。1．启动FrontPage,在编辑窗口中输入一行文字，例如“欢迎来到山盟海誓”。2．选定文字，并单击鼠标右键，弹出快捷菜单，如图1所示在快捷菜单中选择字体命令，弹出字体对话框，如图2所示3．将光标移到下一行，单击“插入/图片/文件”，单出打开对话框如图3所示,在此对话框中选中要插入的图片文件就好了。4．在编辑窗口中对插入的图片进行大小调整，位置调整等。5．将标移至下一行，选择“插入”菜单，如图所示，从中选中“水平线”命令，就可以在编辑窗口中出现一条水平线。在选中水平线之后就右击改变其水平线的属性。6．将光标移到下一行，单击“表格/插入”就会出来一个对话框如图3所示，在这个对话框中设置表格的属性。如图4所示。如果你对表格还不满意的话就可以右