《网页设计初步》教案
                                                  ――余高章玲
一．教学目标
（1）通过观察网站文件夹的结构，知道网站、网页的本质与联系；了解网页文件的扩展名；能讲出网页的三种基本元素；
（2）能说出网页制作软件名称，会运用FP软件新建站点、生成主页；并且能在主页上插入艺术字；
（3）能够利用FTP成功发布站点，初步体验获取成功的喜悦；
（4）通过浏览优秀学生网站，能够归纳出主页的几种常见布局形式，激发学生主动探究意识。
二．重点难点
重点：生成站点、认识主页基本布局
难点：利用FTP发布站点
三．教学过程
教  学  过  程
重难点突破策略
一、 准备
学生完成任务单上的任务1
*目的：为后面生成站点做准备
二、 导入：
在网上浏览优秀网站
三、认识网站与网页
1、网站和网页区别
2、网站的本质讲解
    浏览网站文件夹，网页的形式，两个子文件夹的功能，网页主页名称index.htm,网页文件的扩展名
*目的：清楚认识到网站的本质就是一个文件夹，网页是以一个个文件的形式存在的，网站文件夹内两个子文件夹的功能
四、 生成站点文件夹与主页
1、认识软件FP
2、步骤：
1）在D盘建立一个名称4位学号的文件夹；（任务1内容，学生已完成）
2）打开frontpage以新建站点的方式打开自己的4位学号文件夹；
3）生成主页，并用index.hem命名。
3、观察站点文件夹的变化
4、学生继续完成任务单上任务1和任务2（1）
五、发布站点
1、步骤：1）保存网页；
2）退出FP软件；
3）登录FTP（FTP地址、账号和密码给出）；
4）将整个网站文件夹复制—粘贴到FTP空白处。
2、到网页（地址：stuweb.zjhzyg/）浏览自己上传的网站（以学号命名）
3、学生完成任务单上的任务2
*目的：将网站上传到FTP，然后在网站上浏览
一、学生可以更好的查看自己作业完成情况；
二、提高学生学习的兴。
六．认识主页的布局
1、浏览网站主页
2、学生在任务单上画出网页的主要布局。（完成任务三）
*目的：给出常用的几种布局刚开始学习做网站的学生对网站主页布局有一个基本的认识，为下节课表格的使用做准备
七、课堂小结，作业布置
1、认识网页制作软件FP
2、生成站点
3、生成主页
如何制作网页文件
4、发布站点
5、认识主页的几种布局
课后作业：请在作业本上设计符合自己主题的主页布局，同时在相应位置写上放置的内容。
*目的：为下节课打好基础

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