静态网页制作教案设计Word格式.docx
《静态网页制作教案设计Word格式.docx》由会员分享，可在线阅读，更多相关《静态网页制作教案设计Word格式.docx（29页珍藏版）》请在冰点文库上搜索。
一、Internet的用途
二、Internet的协议
三、Internet的地址
2网页设计相关术语
网页、、主页、HTTP、HTML、URL
3网页设计的工具
一、手工编码方式
二、可视化工具方式
三、编码和可视化工具结合
教学后记
1.课堂讲解细致，按计划完成教学任务
2.学生对这些内容有一定的根本了解，交流和沟通比拟容易
3.教学互动性较好，达到了预期的教学效果
2011年3月1日1-2节
浏览器的使用与设置
通过本次上机，让学生能够掌握浏览器的使用与设置，消化课堂内容
Internet选项的设置
掌握其设置在实际中的具体运用
上机
一、界面的熟悉7〕改变显示状态
二、根本操作8〕编码的选择
1〕输入URL9〕查看源文件
2〕后退、前进、停止、刷新、主页三、IE的设置
3〕在网页之间实现跳转
4〕使用和整理收藏夹
5〕下载文件
6〕保存图片、页面信息
课堂气氛浓烈，绝大局部同学都能够认真操作并掌握了浏览器的使用与设置，达到了本次上机的目的
2011年3月3日3-4节
第二章HTML语言§
通过本次课的教学，使学生对HTML有个全面的理解，并能掌握局部重要标记，可以阅读一般网页的源文件
局部重要HTML标记的掌握与熟练使用
能够结合HTML编写制作网页
讲授
1了解HTML语言
一、标记与根本属性
二、HTML的根本结构
三、编辑和保存网页
四、网页根本标记
2插入对象
一、文本标记
二、图像标记
三、插入音乐和动画
1.就上机课出现的问题作集中演示讲解
2.先用课件展现内容，后在电脑上操作，效果较好
3.一开始接触html语言，学生掌握有一定难度，需放慢进度
2011年3月8日1-2节
HTML语言上机实践
通过上机实践，掌握使用HTML代码直接制作网页和修改网页属性的方法，加深学生对HTML标签的记忆和理解
文字、图像、音频、动画的插入；
网页属性的修改
图像的存放与src属性设置
一、复习课堂教学内容
二、针对课堂内容，指导学生实践
（一）HTML根本标记的使用：
Headbody等
（二）通过记事本编辑简单的网页，并能够修改简单的标签属性
（三）网页根本属性的修改：
bgcolor、background
（四）各类对象的插入
三、练习课本实例2、实例3
学生能够很好地掌握HTML文档的结构标记，对body标签、font标签的根本用法较为熟练，但对于插入对象的属性编辑，尤其是图片属性的编辑还存在问题
2011年3月10日3-4节
通过教学，使学生理解不同的超类型，掌握超标签、列表标签的写法、用法
各类超的制作
锚点的制作
3URL和文件
一、超简介
二、文档路径类型
三、超的使用本地、url、、锚点、其他
4列表样式和表格
一、列表样式
有序列表、无序列表
1.就上机课出现的问题作集中演示讲解：
路径、属性、扩展名
2.课堂教学过程设计合理，学生能够理解超标签的相关知识，掌握列表标签的属性修改，整体教学效果较好。
2011年3月15日1-2节
通过上机练习，使学生掌握标签、列表标签的根本写法、用法，学以致用
标签、列表标签的用法
标签href属性的正确设置
1、本地、url、、锚点、下载文件超、空
2、有序列表、无序列表的制作
三、练习课本实例5、实例6
点的作用与目标路径不能区分，目标是文件或者程序时不懂制作，缺乏变通，电子做成到自己的网络。
超制作存在一定难度，学生掌握一般，课上仍需进一步讲解
2011年3月17日3-4节
通过教学，使学生掌握表格标签、框架标签的根本写法、用法，学会设置文字和图像的滚动效果
表格属性的修改；
框架标签的用法
移动属性的设置
三、表格
表格根本结构、表格属性设置
5框架
一、框架语法
二、框架属性
6滚动文本和图像
1、对上机操作时集中出现的问题作演示讲解
2、按计划完成教学任务，学生课上能够积极思考，认真记录笔记，课堂气氛较好。
2011年3月22日1-2节
通过上机练习，使学生掌握表格标签、框架标签的运用，学会设置文本和图像的滚动效果
框架的建立
滚动文本和图像
1、表格的定义与属性设置
2、框架的建立
3、滚动文本和图像
三、练习课本实例7、实例9
大局部学生对表格标签的写法、用法掌握较好，能够简单编写含有滚动字幕的网页，但对于框架的建立少数同学存在困难，经过单独指导后效果较好。
2011年3月24日3-4节
第三章Frontpage的应用§
熟悉开发的根本流程和制作步骤，掌握网页制作的版面布局和设计思想;
网页制作的根本流程
网页的版面布局设计
讲授
1制作前的准备
一、定位的主题和名称
二、定位的CI形象
三、规划
四、主要页面布局设计
五、搜集素材，制作主页与其他
内页
六、测试、上传
七、宣传推广
八、更新维护
制作前的规划设计很大程度上决定着整个的优劣，认识到规划的重要性，将对今后具体的设计制作起很大帮助，课上注意培养学生这方面的思想、意识，并通过具体案例的讲解、剖析，加深学生对根本流程的理解
2011年3月29日1-2节
优秀鉴赏
通过上机练习，让学生浏览不同主题的优秀，学习其设计亮点，加深对课堂理论的理解
版面布局分析
颜色的合理搭配
二、上网浏览各类不同主题的优秀，分析其版面布局、配色方案、栏目结构等，并评价给浏览者的整体感受
三、综合点评
从提交的作业文档来看，通过浏览不同主题的优秀，学生在鉴赏水平上有了一定提高，能较合理的分析出的版面设计、配色方案和栏目结构等，发现并领会其设计亮点，达到了预期的上机目的
2011年3月31日3-4节
通过本次课的教学，使学生熟悉Frontpage软件界面，掌握网页的根本操作以与图片、音频的使用
站点的相关操作；
图片属性的设置；
音频使用的多种方法
站点文件夹与普通文件夹的不同
2建立与编辑根本网页
一、Frontpage2000界面概述
二、站点的操作
三、网页的新建、保存、打开
四、根本网页的编辑
3多媒体与超的使用
一、图片的使用
二、音频的使用
1.相比与之前的html语言学习，利用网页制作软件来编辑网页，学生在理解程度和学习兴趣上都有了更大的提高
2.通过实例操作，学生承受很快，互动强，教学效果较好
2011年4月7日3-4节
通过本次课的教学，使学生掌握向网页中添加视频的根本操作，学会创建和编辑各种超
三、视频的使用
四、超的制作
1、在文本、图片上制作
2、到网页文件、书签、电子、非网页文件、internet
五、编辑超级
综合实例制作：
绿色家园
通过综合实例的演示制作，总结出设计技巧，使学生对目前所学的Frontpage2000的根本操作有更全面更深刻的认识，培养其综合运用知识的能力，课堂气氛浓烈，教学效果良好
2011年4月12日1-2节
Frontpage2000的根本操作
通过本次上机，巩固站点操作，加强学生对在网页中插入文本、图片、音频、视频等对象的操作，学会设置页面属性
站点的操作；
图片工具栏的灵活运用
1、站点的建立、修改、删除
2、网页的根本操作，各类对象的插入与属性修改
3、网页背景属性设置
4、多媒体对象的使用
5、各类超的制作
1.学生对上机操作的热情很高，气氛较好
2.通过实际操作，大局部同学都掌握了课上知识，达到了上机要求
2011年4月19日1-2节
通过本次上机，使学生进一步巩固课堂所学，攻克操作中的难点，提高综合操作水平
锚点制作；
图片热点运用
图文混排
1、插入图片，并使用热点创建图象地图
2、定义锚点，跳转到指定页面的指定位置
三、模仿制作课上案例：
学生对一些根本操作掌握较熟练，但对于站点建立的意义还较模糊，实例操作时灵活运用知识的能力也较欠缺，以后仍需加强练习。
2011年4月21日3-4节
通过本次课的教学，使学生能够掌握网页中表格的插入和使用，理解框架的概念和制作
如何插入表格、框架；
框架网页的根本操作与属性设置
框架概念的理解与保存操作
4表格的使用
一、表格的用途
二、创建表格
三、填充表格
四、表格相关操作
五、表格属性
5制作框架页面
一、创建框架网页：
二、拆分、删除框架
三、初始化框架网页
四、保存框架网页
五、设置超的目标框架
六、框架属性的设置
1.基于以前对html中表格、框架的学习，再次提到相关知识点时，理解和承受都很快
2.请同学上台演示操作，课堂气氛和互动都较好
2011年4月26日1-2节
通过上机操作，使学生掌握FrontPage2000中插入表格和建立框架的操作
表格、单元格的属性设置；
框架的插入、保存、属性设置；
目标框架的设置
框架的正确保存；
初始网页的更改
1、插入表格，并设置表格、单元格属性
2、创建指定框架并设置初始网页，修改框架属性
3、创建框架间的，修改目标框架
我的地盘、c语言教程
学生已逐渐入门，对网页制作的方法有一定程度的掌握，遇到问题稍经指点便能独立解决，实例完成情况也较好
2011年4月28日3-4节
通过本次课的教学，使学生掌握网页中表单的作用与编辑方法，能够使用组件和DHTML以丰富网页效果
理解表单的作用，掌握各个表单对象的编辑
组件、DHTML的使用
表单对象属性的正确设置
6表单的使用
一、什么是表单
二、表单的设计
三、处理表单结果
7组件、DHTML的使用
一、悬停按钮
二、移动字幕
三、站点记数器
四、横幅广告管理器
五、动态HTML
六、网页过渡效果
1、通过教学，学生理解了表单的根本作用，掌握了设计表单的方法
2、内容涉与很多动态效果，学生兴趣很浓，课堂气氛和互动都较好
2011年5月3日1-2节
通过上机操作，使学生掌握表单、组件的应用，学会使用动态html效果，修改网页过渡
自定义表单；
组件、Dhtml效果制作
表单对象属性的正确设置
1、建立表单，插入各项表单元素
2、使用组件：
字幕、悬停按钮、横幅广告管理器
3、使用动态HTML效果
4、修改网页过渡效果
网络课程账号申请
1.绝大局部同学都能完成上机任务，根本操作掌握较好。
2.在运用一些组件时，很多机子预览无法显示效果，需要下载安装java虚拟机，因此进一步提醒学生今后的网页设计中应慎用java程序效果
2011年5月5日3-4节
3.8第四章Dreamweaver的使用§
通过本次课的教学，使学生能够理解css的作用和特点，掌握使用css的三种方法；
熟悉Dreamweaver的操作界面，掌握Dreamweaver的根本文件操作
Css的作用、语法与使用方法
Dreamweaver的站点操作
Css三种操作方法的不同
8网页的修饰
一、什么是css
二、CSS的作用
三、根本语法
四、CSS的建立
五、CSS的使用方法
4.1Dreamweave的根本操作
一、Dreamweaver8的工作界面
二、建立新站点的方法
三、设置站点参数
四、管理站点
五、根本文件操作
六、设置页面属性
1、初次接触css样式表，学生理解和承受的程度都较一般
2、学生对于Dreamweave的学习热情很高，根本操作掌握很快
2011年5月10日1-2节
Dreamweaver的应用
通过本次上机操作，使学生能理解和掌握使用css的三种方法；
熟悉dreamweaver的界面，掌握其根本操作
站点的新建，页面属性设置
三种CSS的创建与操作方法
1、三种CSS的创建与操作方法
2、Dreamweave站点的相关操作
3、Dreamweave的文件操作
4、设置页面属性
三、模仿制作课上案例
1.对CSS的理解程度不够，三种操作方法相互混淆，出现的问题较多，课上仍需进一步讲解
2.Dreamweaver操作界面较Frontpage复杂，局部学生对操作环境不能熟悉和适应，今后的教学应注重两者之间的联系比拟
2011年5月12日3-4节
第四章dreamweaver的使用§
通过本次课的教学，使学生掌握在dreamweaver中插入文本、图像以与使用超的方法，学会利用表格进展页面布局，并能合理设置其属性
文字、图像与超的插入与编辑
表格的使用与属性设置
锚点、空、脚本的理解制作
表格布局思想
2插入文字、图像与
一、文本与其操作
二、图像与其操作三、超的操作
3插入表格和其他对象
一、表格与其操作
6.排序表格
因有之前学习FP的根底，学生对本次课的内容理解和承受都很快，同时每个知识点的讲解配合了相应的实例，教学效果较好。
2011年5月17日1-2节
通过本次上机操作，提高学生对dreamweaver的使用水平和熟练度，使学生掌握有关表格的操作，强化利用表格进展页面布局的思想
表格的灵活使用
培养学生设计能力：
利用表格进展页面布局
1、在网页中插入文本、图像、超等根本对象，并修改属性
2、插入表格与嵌套表格，并设置表格属性
3、格式化表格
很多同学在操作时沿袭了使用Frontpage存在的坏习惯，喜欢将页面和图片保存为中文名称，容易出现图片不显示，不成功等问题，以后在课堂上需要再次反复强调这一点
2011年5月19日3-4节
通过本次课的教学，使学生掌握鼠标经过图像、导航条、flash对象、插件等其他网页对象的插入；
能进一步理解框架的概念与作用，学会框架的相关操作
框架的相关操作
框架初始页面的设置；
框架间的制作
二、在网页中插入其他对象
1、鼠标经过图像
2、插入导航条
3、插入flash对象
4、插入Applet、ActiveX和插件
4框架、层与网页布局
一、框架
（一）使用预设方式创建框架
（二）设计框架集
（三）保存框架和框架集文件
〔四〕修改框架属性
〔五〕设置框架集的属性
〔六〕通过超级控制框架内容
1.教学过程顺利，按计划完成了教学任务
2.学生上台参与实例操作，有效调动了课堂气氛
2011年5月24日1-2节
通过本次上机，使学生能够掌握dreamweaver中更多网页对象的插入，提高运用框架的操作技巧
框架初始页面的设置；
1、鼠标经过图像、导航条、flash对象、插件的插入
2、使用预设方式创建框架，并设计框架集后保存
3、通过超级控制框架内容
通过上机，学生能够熟练地在网页中插入各种对象，掌握框架网页的制作。
但局部同学对于框架的保存与显示的目标框架仍不够清楚，经过当面指导，有较好的效果
2011年5月26日3-4节
通过本次课的教学，使学生能够掌握层的特点和操作；
学会运用布局表格进展网页布局；
掌握表单的制作
层概念的理解与其操作
表单的制作
布局
升级会员 