网页设计与制作教案免费学技术改变生活
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
网页设计和发布流程
第一步是对站点进行规划
第二步是创建站点的基本结构
第三步即可开始具体的网页创作过程
最后一步是站点的发布
第一节站点的规划与创建
【教学目的与要求】
一、规划站点
二、创建一个站点
【教学方法与手段】
多媒体教学:借助多媒体手段,进行课堂理论教学;
启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性;
【教学重点与难点】:
基础知识:规划站点
重点知识:创建一个站点
2课时
【教学组织过程】2课时
1.上讲回顾
2.教授新知
【授课内容】
一、规划站点
Web站点是一组具有共享属性(如相关主题、类似的设计或共同目的等)的链接文档。
本地站点:是本地硬盘中存放远程网站所有文档的地方(文件夹)。
建立网站的通常做法是:在要地硬盘中建立一个文件夹用来存放网站的所有文件,往后就在该文件夹中创建和编辑文档。待网页设计和测试好之后,再把它们拷贝到网站上供浏览者浏览。
1、规划站点结构
注:规划站点的结构之前应先用笔绘出站点的结构图(如下图所示是一个典型的学校站点的结构图)
2、规划站点的浏览机制
一般可采用以下的方法:
●创建返回主页的链接
●显示网站专题目录
●显示当前位置
●搜索和索引
●反馈(将网页创作者或网站管理员公布在网页上,或创建一个E-MAIL超级链接,以使用户能快速地将信息反馈到网站中)
二、创建一个站点
步骤:
1、单击“文件”---“新建”---“站点”命令(或单击常用工具栏中“新建网页”按钮的下拉箭头,从打开的下拉菜单中选择“站点”命令)
2、选择一种站点模板或向导
3、单击“确定”按钮
三、站点的基本操作
1、打开站点:“文件”---“打开站点”
2、删除站点:
方法一:在Windows资源管理器中删除一个站点
方法二:在FrontPage中删除站点,在“文件夹”视图或“网页”视图的“文件夹列表”中,右击站点所对应的目录,在快捷菜单中单击“删除”命令
3、站点的设置
“工具”----“站点设置”,有“常规”、“参数”、“高级”、“语言”、“导航”、“数据库”六个选项卡
【课程小结】
【作业】
1.5 课后练习书本课后练习作业
第二节利用表格进行网页布局
【教学目的与要求】
一、插入表格
二、单元格的基本操作
【教学方法与手段】
多媒体教学:借助多媒体手段,进行课堂理论教学;
启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性;
【教学重点与难点】:
基础知识:插入表格
重点知识:单元格的基本操作
【教学组织过程】2课时 2课时
1.上讲回顾
2.教授新知
【授课内容】
一、插入表格
1、单击常用工具上的“插入表格”按钮
2、单击“表格”---“插入”---“表格”命令
3、使用表格工具栏(“查看”—“工具栏”---“表格”命令)
4、由文本转换(“表格”—“转换”—“文本到表格”)一般以段落为分行标记,以逗号或句号为分列标记。
二、单元格的基本操作
1、选择单元格(“表格”—“选定”—“单元格”)
Ctrl:可选择不相邻的单元格
Shift:选择多个相邻的单元格
2、插入单元格(“表格”—“插入”—“单元格”)
3、合并单元格(“表格”—“合并单元格”或“表格工具栏”上的“合并单元格”按钮)
4、拆分单元格(“表格”—“拆分单元格”或“表格工具栏”上的“拆分单
元格”按钮)
三、填充单元格
1、文本与图像填充(“插入”—“图片”)
2、对齐文本与图像(“表格”—“属性”—“单元格”,“水平对齐方式”、“垂直对齐方式”)
3、修改单元格背景(“表格”—“属性”—“单元格”,“背景”)
4、调整边框颜色(“表格”—“属性”—“单元格”,“边框”)
5、改变单元格尺寸(“表格”—“属性”—“单元格”,“指定宽度”、“指定高度”)
四、修改表格的行与列
1、选择行与列
2、插入行与列(“表格”—“插入”—“行或列”)
3、均分行与列(“表格工具栏”中的“平均分配行高”或“平均分配列宽”)
4、删除行与列(“表格工具栏”中的“删除单元格”按钮或“表格”—“删除单元格”命令)
【课程小结】
【作业】
1.5 课后练习书本课后练习作业
第三节利用框架设计网页布局
【教学目的与要求】
一、认识框架网页
二、创建框架网页
三、框架网页的保存和打开
【教学方法与手段】
多媒体教学:借助多媒体手段,进行课堂理论教学;
启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性;
【教学重点与难点】:
基础知识:认识框架网页
重点知识:创建框架网页
【教学组织过程】2课时 2课时
1.上讲回顾
2.教授新知
【授课内容】
一、认识框架网页 1、框架的概念框架网页是一种特殊的网页,它将自身分成几个区域,每个区域称作一个框架窗口(通常简称为框架)
框架具有以下特性:
每个框架都可以独立地显示一个网页,各个框架窗口之间可以设立超链接。
每个框架窗口可以赋予一个名字,以便其他URL作为目标调用。
2、框架的使用场合(如邮箱、论坛)
通常用框架来显示在同一个站点中的多个超链接,这样可以不用浏览器中的“后退”按钮而方便的进行浏览。
框架也适用于类似在线书籍的应用,将目录显示在左边的框架中,单击目录,右边框架中显示相关的章节
二、创建框架网页 1、框架网页的创建
“文件”—“新建”—“网页”,选择“框架网页”选项卡 2、框架网页模板(10种)“设置初始网页”