4.3 网站实现.docx

4.3 网站实现教学目标：知识技能：1、学会利用Frontpage2000建立网站2、熟练运用FrontPage对页面合理布局3、掌握网页制作中文字、图片及动画的插入情感目标：1、进一步理解网页作为常用的信息集成工具的优势和特点,培养学生团队精神及小组成员之间交流互助合作能力2、培养个人自我实践，自我创作，审美观等教学重难点：网页页面的布局过程与方法：上网搜索文字、图片等素材，以小组为单位制作一个网页，提高学生的兴趣。教学方法：演示讲授法，多媒体辅助教学，学生自我探索，独立实践和互助学习课时安排：1课时教学组织：组织学生进行实践活动，探究、指导、分组协作完成任务，让学生有兴趣地在实践中找乐趣。教学过程：导入：展示一些布局网页，进行分析，引入今天授课的主题，如何制作自己布局的包含小组相关主题的页面。新授：一、网站的建立演示：如何在指定文件夹中建立一个名为“huanbao”的网站。新站点的建立文件|新建|站点，打开“新建”对话框在“指定新站点的位置”框中输入网站保存的路径。建立站点后，系统自动建立了两个文件夹_Private,Images。新建网页文件|新建|网页二、网页的制作1、网页布局：使用网页表格对首页进行布局插入一个“41”的表格。表格属性：宽度，高度的设定；边框粗细；边框颜色；背景颜色；背景图片。单元格属性：宽度，高度的设定；边框颜色；背景颜色；背景图片。2、插入图片，动画在表格的第一行插入标题图片：（1）插入剪贴画演示：“插入”|“图片”|“剪贴画”（2）插入来自文件的图片演示：“插入”|“图片”|“来自文件”3、图片的编辑（1）图片的定位方法选定图片，单击图片工具栏中的“绝对定位”按钮，可以将图片拖动到任意位置。（2）图片的透明处理单击图片工具栏中的“设置透明的颜色”，然后将指针指向图片中需要变成透明的颜色并单击，此时图片中所有该种颜色全部边变为透明。（只有GIF格式的图片才能设置为透明颜色）（3）图片的自动缩略先选定图片，单击图片工具栏“自动缩略图”按钮。4、文字编辑演示：在表格的第二行制作导航栏输入“首页”，以及网站各模块的内容。并对文字的字体，颜色进行设置。表格的第三行可以进行一些图文的编辑，第四行输入版权所有等一些信息。三、保存网页演示：将网页保存在自己的网站中。文件|保存文件如果要保存的页面中含有图片，动画，声音等元素，保存时会弹出“保存嵌入式文件”对话框，此时点击“改变文件夹”将这些元素保存到Images文件夹中。实践：本节课学习了如何建立一个网站，在网页中文字，图片，动画的插入以及图片的编辑。实践要求：根据班里同学人数的多少进行分组，每组为3至5位同学，利用Fronpage制作小组主页。主题自定，文字和图片材料等素材可以上网搜索，并且每一组必须填写下面小组分工表。建议从以下几方面考虑：（1）确定主题和名称（2）整体风格创意设计（3）规划内容和栏目（4）页面的设计和布局（5）可以上网搜索其它网站的主页，然后可以模仿它们的布局进行制作。实践内容：（1）一个站点，选择只有一个网页的站点，指定位置在D:wangzhan（2）双击“index.htm”网页将其作为首页，插入一个四行一列的表格，并对表格属性进行相应设置。（3）根据各小组网站主题在表格的第一行插入标题图片，在第二行制作导航栏，第三行请各小组根据网站内容进行自由设计，第四行输入网站的版权信息，形式如：盛泽中学高一班小组小组分工表：组长：小组成员：网站主题：主页：模块一：模块二：模块三：模块四：评价：各小组展示作品自我评价，小组互评，教师综合评价（参照下表）：评价项目自评小