第1课   简单网页尝试做
【教学目标】
1．掌握在网页中输入文字和设置文字格式的方法；
2．掌握保存网页及预览网页的方法；
3.初步感受用网页发布信息的优势。
【重点难点】
1．用自选图形编排文字；
2．保存网页；
3．预览网页。
【教学过程】
一．复习巩固   
二．引入新课
目前，可以制作网站的工具软件非常多，我们选用FrontPage作为网站制作的工具软件。
三．认识制作网页的窗口
  实践观察 认识Frontpage窗口 详见课本4-5页
1．启动FrontPage，打开它的窗口。
2．依次打开菜单栏的菜单，浏览其中的命令。
3.把指针指向常用工具栏，查看各个按钮的名称和功能。
4.学习 你知道吗？
四．用自选图形编排文字
  详细步骤课本动手做第5-7页步骤1-3。 
自学 第7页 你知道吗？
五．保存网页
单击“文件”→“保存文件”，打开“另存为”对话框，输入文件名，单击“保存”按钮。、
把网页保存为”小小的心愿“
详细步骤课本动手做第7页步骤1-2。
注意网页文件扩展名“.htm” “.html”
六．在IE窗口中浏览网页
1．在浏览器中预览网页。单击“文件”→“在浏览器中预览”，打开“在浏览器中预览”对话框，单击预览。
2．在FrontPage窗口中单击“预览”按钮，进行预览。
3．观察使用两种预览方法所显示的预览效果。
七．思考与练习
1.阅读STS视角 利用网页展示个人信息
2.完成第8页思考与练习

第2课  美化网页显身手
【教学目标】
1．掌握在网页中插入图像和剪贴画的方法；
2．进一步熟悉设置自选图形样式的主法；
3．增强利用图文展现信息的意识，进一步提高审美的能力。
【重点难点】
1．自选图形格式设置；
2．插入图片。
【教学过程】
一．复习巩固。
二．设置自选图形的样式
详细步骤课本动手做第9，10页步骤1-3。
三．修改文字的颜
详细步骤课本动手做第11页步骤1，2。
四．插入图像
1．在网页上把光标移到要插入图片的位置。
2．单击“插入”→“图片”→“来自文件”，打开“图片”对话框。
3．单击“从计算机上选择文件”按钮，弹出“选择文件”对话框。
4．选择图片文件所在的位置。
5．选择图片文件，单击“确定”按钮。
6.图像具体设置见课本12页2-4步骤。
{①插入的图片的大小可以自由调整。单击图片，出现8个控制点，拖动这些控制点就可以改变图片的大小。
②网页上常用的图形格式有Gif和Jpeg两种}。
五．保存嵌入式文件
在保存含有图片的网页时，计算机会自动弹出一个“保存嵌入式文件”对话框。这是因为我们刚刚从站点外“我的资料”文件夹中插入了一个图片，现在计算机要求把这个图片存放到站点内。
文件名new_pa1.jpg是计算机自动生成的。为了方便使用，我们可以重新给图片起名字。在“保存嵌入式文件”中选择图片文件new_pa1.jpg，单击下面的“重命名”按钮，可对其重命名。我们将图片文件重命名为bjhy.jpg。
为方便图片管理，计算机自动在站点内为我们建立了一个存放图片的文件夹images。一般情况下，我们都把图片文件存放在这个文件夹内。
在“保存嵌入式文件”对话框内，选择图片文件bjhy.jpg，单击“改变文件夹”，打开“改变文件夹”对话框。选中“images”，单击“确定”按钮，图片文件bjhy.jpg就存放在“images”内了。
单击“确定”按钮就完成了对网页和图片的保存。
六．思考与练习
1.阅读STS视角 HTML的含义
2.在网页中插入图片，将插入图片的网页保存，并将图片存放到images文件夹内。
3.完成第13页思考与练习

第3课  浏览网页有标准
【教学目标】
1. 了解制作网页的基本过程；
2. 学会欣赏和评价网页；
3. 初步形成评价网页的一些标准。
【重点难点】
简单网页1. 制作网页的基本过程；
2. 评价网页的一些标准。
【教学过程】
一.复习巩固
二.引入新课
制作了首页，我们就好象拥有可一扇大门，推开这扇门就应该看到里面丰富多彩的内容。下面，了解一下制作网页的基本过程。
三.制作网页的基本过程

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。