第9课介绍我自己

1、1、了解创建网站的基本流程，并根据主题规划自己的网站、了解创建网站的基本流程，并根据主题规划自己的网站。2、创建只有一个主页的站点的方法、创建只有一个主页的站点的方法及用模板创建个人网站的方法及用模板创建个人网站的方法3、认识、认识FrontPage中的各种视图方式中的各种视图方式.4、掌握预览网页的方法，使学生能够简单编辑、制作网页、掌握预览网页的方法，使学生能够简单编辑、制作网页过程与方法过程与方法。1、通过、通过“介绍我自己介绍我自己”主页的制作，训练学生编辑网页的能力。主页的制作，训练学生编辑网页的能力。1、增强学生的协作意识，提升学生合作学习的能力。、增强学生的协作意识，提升学生合作

2、学习的能力。2、通过主页的编辑制作培养学生的创新精神和审美情趣、通过主页的编辑制作培养学生的创新精神和审美情趣。3、通过展示个人作品，培养学生的表达能力，提升欣赏水平、通过展示个人作品，培养学生的表达能力，提升欣赏水平。知识与技能知识与技能过程与方法过程与方法情感态度与价值观情感态度与价值观创建只有一个主页的网站创建只有一个主页的网站，美化、编辑主页，美化、编辑主页制定网站设计方案制定网站设计方案美化编辑主页美化编辑主页教学重点教学重点教学难点教学难点明确主明确主题题构思设构思设计计开发制开发制作作调试完调试完善善网站发网站发布布维护更维护更新新1 1、布置学习任务一、布置学习任务一阅读教材，

3、熟悉网站制作的流程。阅读教材，熟悉网站制作的流程。2 2、布置学习任务二、布置学习任务二确定各自网站的主确定各自网站的主题、风格、结构、内容、题、风格、结构、内容、等，画出网站结构图，等，画出网站结构图，确定并搜集网站中要用确定并搜集网站中要用到的图片、声音、文字到的图片、声音、文字等多媒体资源素材。等多媒体资源素材。序号序号项项 目目设设 计计 思思 路路1网站的主题2网站的风格3网站的结构4主页的内容5多媒体资源网站设计方案表3 3、布置学习任务三、布置学习任务三创建只有一个主页的创建只有一个主页的“我的网络家园我的网络家园”网站。网站。存放备用资料存放备用资料存放网站中的图片资源存放网站

4、中的图片资源“我的网络家园我的网络家园”默认的主页默认的主页4 4、布置学习任务四、布置学习任务四 根据要求编辑主页内容根据要求编辑主页内容步骤步骤1：输入网站主题：输入网站主题“我的网络家园我的网络家园”，设置字体为，设置字体为“隶书隶书”，字形为，字形为“加粗加粗”，字号为，字号为“7（36磅）磅）”颜色为颜色为“红色红色”，并将文字剧中。，并将文字剧中。步骤步骤2：插入水平线，执行：插入水平线，执行“插入插入”“水平线水平线”命令，双击水平线，将命令，双击水平线，将宽度设为宽度设为“85”，高度设置为，高度设置为“3”水平对齐选择水平对齐选择“居中居中”，颜色，颜色为为“绿色绿色”，确定

5、。，确定。步骤步骤3：添加网站栏目，：添加网站栏目，“我的七彩生活我的七彩生活”、“成长大事记成长大事记”、“神奇的神奇的百宝箱百宝箱”、“美好的祝福美好的祝福”共四个栏目，并设置相应的字体、字号。共四个栏目，并设置相应的字体、字号。步骤步骤3：输入富有个性的自我介绍。：输入富有个性的自我介绍。步骤步骤1：执行：执行“文件文件”“保存保存”命令，保存命令，保存“我的网络家园我的网络家园”网站。网站。步骤步骤2：选择：选择“预览预览”视图或按视图或按“F12”键，查看制作的网页效果。键，查看制作的网页效果。 主编辑区左下方的四个选项卡用于在主编辑区左下方的四个选项卡用于在“设计设计”/“/“拆分

6、拆分”/“/“代代码码”/“/“预览预览”四种视图之间互相切换。四种视图之间互相切换。 设计：可以查看编辑状态下的网页。设计：可以查看编辑状态下的网页。拆分：把编辑窗口分为两部分上面显示代码，下面显示编辑状态下的网页。拆分：把编辑窗口分为两部分上面显示代码，下面显示编辑状态下的网页。代码：可以查看代码：可以查看HTML源代码。源代码。预览：可以提前预览网页在发布后的情况。预览：可以提前预览网页在发布后的情况。网站视图网站视图网页视图网页视图步骤步骤1：执行：执行“文件文件”“新建新建”命令命令，打开，打开“新建新建”任务空格，单击任务空格，单击“其它网站模板其它网站模板”“个人网站个人网站”“确定确定”。步骤步骤2：依次打开：依次打开“兴趣兴趣”、“图片库图片库”、“自序自序”