4.3 网站实现

《4.3 网站实现》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、4.3网站实现教学目标：知识技能：1、学会利用Frontpage2000建立网站2、熟练运用FrontPage对页面合理布局3、掌握网页制作中文字、图片及动画的插入情感目标：1、进一步理解网页作为常用的信息集成工具的优势和特点,培养学生团队精神及小组成员之间交流互助合作能力        2、培养个人自我实践，自我创作，审美观等教学重难点：网页页面的布局过程与方法：　　上网搜索文字、图片等素材，以小组为单位制作一个网页，提高学生的兴趣。教学方法：演示讲授法，多媒体辅助教学，学生自我探索，独立实践和互助学习课时安排：1课时教学组织：　　组织学生进行实践活动，探究、指导、分组协作完成任

2、务，让学生有兴趣地在实践中找乐趣。教学过程：导入：展示一些布局网页，进行分析，引入今天授课的主题，如何制作自己布局的包含小组相关主题的页面。  新授：一、网站的建立演示：如何在指定文件夹中建立一个名为“huanbao”的网站。新站点的建立文件

3、新建

4、站点，打开“新建”对话框在“指定新站点的位置”框中输入网站保存的路径。建立站点后，系统自动建立了两个文件夹_Private,Images。新建网页文件

5、新建

6、网页二、 网页的制作1、网页布局：使用网页表格对首页进行布局插入一个“4×1”的表格。表格属性：宽度，高度的设定；边框粗细；边框颜色；背景颜色；背景图片。单元格属性：宽度，高度的设

7、定；边框颜色；背景颜色；背景图片。 2、插入图片，动画在表格的第一行插入标题图片：（1） 插入剪贴画演示：“插入”

8、“图片”

9、“剪贴画”（2） 插入来自文件的图片演示：“插入”

10、“图片”

11、“来自文件” 3、图片的编辑（1）图片的定位方法选定图片，单击图片工具栏中的“绝对定位”按钮，可以将图片拖动到任意位置。（2）图片的透明处理单击图片工具栏中的“设置透明的颜色”，然后将指针指向图片中需要变成透明的颜色并单击，此时图片中所有该种颜色全部边变为透明。（只有GIF格式的图片才能设置为透明颜色）（3）图片的自动缩略先选定图片，单击图片工具栏“自动缩略图”按钮。 4、文字编辑演示：在表格的第

12、二行制作导航栏输入“首页”，以及网站各模块的内容。并对文字的字体，颜色进行设置。表格的第三行可以进行一些图文的编辑，第四行输入版权所有等一些信息。 三、保存网页演示：将网页保存在自己的网站中。文件

13、保存文件如果要保存的页面中含有图片，动画，声音等元素，保存时会弹出“保存嵌入式文件”对话框，此时点击“改变文件夹”将这些元素保存到Images文件夹中。 实践：本节课学习了如何建立一个网站，在网页中文字，图片，动画的插入以及图片的编辑。实践要求：根据班里同学人数的多少进行分组，每组为3至5位同学，利用Fronpage制作小组主页。主题自定，文字和图片材料等素材可以上网搜索，并且每一组必须

14、填写下面小组分工表。建议从以下几方面考虑：　　（1）确定主题和名称　　（2）整体风格创意设计　　（3）规划内容和栏目　　（4）页面的设计和布局　　（5）可以上网搜索其它网站的主页，然后可以模仿它们的布局进行制作。 实践内容：（1）一个站点，选择只有一个网页的站点，指定位置在D:wangzhan（2）双击“index.htm”网页将其作为首页，插入一个四行一列的表格，并对表格属性进行相应设置。（3）根据各小组网站主题在表格的第一行插入标题图片，在第二行制作导航栏，第三行请各小组根据网站内容进行自由设计，第四行输入网站的版权信息，形式如：盛泽中学  高一×班  ××小组 小组分工表：

15、 组长： 小组成员： 网站主题： 主页：模块一：模块二：模块三：模块四：          评价：各小组展示作品自我评价，小组互评，教师综合评价（参照下表）：评价项目自评小组互评教师综合评价新建网站和网页   用表格布局网页版面   在网页中插入图象和设置背景   小组分工和协调   小组制作的网页的满意程度   学习态度和合作精神及审美观   存在的问题和不足