《JavaSE项目实践》教案.docx
《《JavaSE项目实践》教案.docx》由会员分享,可在线阅读,更多相关《《JavaSE项目实践》教案.docx(20页珍藏版)》请在冰豆网上搜索。
《JavaSE项目实践》教案
《JavaSE项目实践》
教案
课程代码:
030961
总课时数:
90
适用专业:
计算计应用技术
系(部)名称:
软件工程系
教研室名称:
软件技术
修订时间:
2011年9月
授课日期:
第1周周二3—8、周三3—4、周四5—10、周五1—2
授课类型:
演示、讲解、练习、辅导课时:
16
教学内容:
1、使用记事本工具,利用HTML标记制作简单的网页
2、掌握常用的标记
3、培养自学HTML语法的方法
教学目标:
1、掌握HTML文件的格式
2、熟悉THML标记的使用
3、掌握使用HTML标记制作表格的方法
教学重点:
掌握几个重要的html标记和用法
教学难点:
掌握几个重要的html标记和用法
教学过程:
内容讲授学生实践作业布置新课内容预告
教学手段:
多媒体教学软件+个别辅导
作业:
制作若干静态页面
实训1:
HTML基本标记的应用
一、实训目的
1、使用记事本工具,利用HTML标记制作简单的网页
2、熟悉HTML标记的使用
3、掌握使用HTML标记制作表格的方法
二、实训环境
计算机、记事本
三、实训教学方法
“演示、讲解、练习、辅导”相结合:
演示利用HTML写的网页的效果;讲解每一步的实现过程;让学生自己使用HTML实现网页效果;对学生的练习进行辅导。
四、实训注意事项
1、HTML标签的配对与嵌套
2、把记事本文件存为网页形式需注意后缀为“htm”或“html”
五、实训内容及步骤
1、打开记事本,新建一个文件,另存为“1.htm”;
2、输入HTML结构,然后在InternetExplorer中查看;
3、在网页中使用表格(在body中使用标签生成表格)
现有商品
商品名称 | 单价 | 现有数量 |
P4处理器3.0G | 850.00元 | 10台 |
LG17寸彩显 | 1050.00元 | 3台 |
网页效果
4、在网页中使用其它标签
1)换行
2)产生水平线
3)段落
.......
4)设置文本属性
......
5)设置文本样式
·加粗......
·倾斜......
6)图像
7)、超链接
网易
六、实训结果提交与成绩评定
1、提交一个用HTML标签书写的网页
七、实训小结
HTML是网页制作的基础,给学生展示代码建立网页,主要让学生理解网页的基础,使学生掌握网页制作与Office办公软件的区别。
授课日期:
第2周周二3—8、周三3—4、周四5—10、周五1—2
授课类型:
演示、讲解、练习、辅导课时:
16
教学内容:
讲解利用Dreamweaver进行静态页面的制作
教学目标:
1、掌握使用Dreamweaver建立新站点的方法
2、掌握站点的管理方法
3、掌握站点的发布
教学重点:
通过对工具软件Dreamweaver的操作,制作出完整的静态页面
教学难点:
了解静态网页的含义
教学过程:
内容讲授学生实践作业布置新课内容预告
教学手段:
多媒体教学软件+个别辅导
作业:
制作若干静态页面
实训2:
使用Dreamweaver建立和管理站点
一、实训目的
1、掌握使用Dreamweaver建立新站点的方法
2、掌握站点的管理方法
3、掌握站点的发布
二、实训环境
连接着Internet的计算机、Dreamweaver8.0、LeapFTP、示例站点
三、实训教学方法
“演示、讲解、练习、辅导”相结合:
演示站点的优点;讲解站点建立、管理与网站发布的过程;让学生自己站点建立、管理与网站发布;对学生的练习进行辅导。
四、实训注意事项
五、实训内容及步骤
1、展示现成的网站(),并讲解实现的基本步骤,让学生对网站有一个初步的认识。
2、使用Dreamweaver创建站点。
使用(站点新建站点),顺着步骤一步一步设置,并讲解第一步的选项的意义,完成后让学生自己练习,每人建立一个站点。
3、在站点目录中,拷贝一个现成的站点,讲解站点的优势。
在站点的界面下修改文件名,站点自动更新链接。
4、申请网页空间。
对于学生来讲,租用空间和域名需要出钱,所以可以申请免费空间,让学生学会管理网站。
利用现有的提供免费空间的站点,演示站点的申请并让学生自己申请()。
5、上传站点。
利用免费申请获得的用户名和密码,使用FTP上传站点,首先采且传统的FTP的方法(说明该方法的缺点:
伟输速度慢、不支技断点续传),然后使用LeapFTP工具来上传站点。
6、查看网站最终效果。
六、实训结果提交与成绩评定
1、使用Dreamweaver创建MyWeb站点。
2、申请免费空间,绑定个性域名,并用LeapFTP上传示例站点,查看最终效果。
七、实训小结
建立了站点,对以后的学习会带来很大的方便,比如链接,站点内的链接,会自动变成相对路径,而且有了站点,对于引用站点里的资源会带来很大方便等等。
有了免费空间后,学生可以上传自己完成的网页,对于资料的收集、整理,个人作品的展示很有意义。
授课日期:
第2周周六1—6、周日1—8
授课类型:
演示、讲解、练习、辅导课时:
14
教学内容:
通过设置表格的宽度、高度和比例大小等属性,把不同的网页元素分别固定在不同的单元格之中以达到页面的平衡。
教学目标:
1、掌握网页设计的一般流程
2、掌握使用表格布局网页的方法
3、通过分析制作网页,提高对表格在排版中的应用能
教学重点:
学会分析网页中各表格的结构,并能学着制作相似的网页
教学难点:
表格中图片保存
教学过程:
内容讲授学生实践作业布置新课内容预告
教学手段:
多媒体教学软件+个别辅导
作业:
制作若干静态页面
实训3:
使用表格布局网页
一、实训目的
1、掌握网页设计的一般流程
2、掌握使用表格布局网页的方法
二、实训环境
Dreamweaver,网页效果图
三、实训教学方法
“演示、讲解、练习、辅导”相结合:
演示页面最终效果;讲解页面元素的功能和实现方法;让学生自己实现页面效果;对学生的练习进行辅导。
四、实训注意事项
使用表格做网页布局时,应该把网页的表格单元格边距、单元格填充和边框参数都设置为0,
内嵌表格的宽度一般设置为百分比。
五、实训内容及步骤
1、演示网页最终效果
2、讲解网页设计步骤
✧设计网页效果图
✧把效果图做切片
✧使用表格把切片布局为网页(一般把图片做成表格背景)
✧使用表格布局控制网页内容元素的位置
3、利用Photoshop制作网页效果图并做切片
4、利用表格把切片布局成网页
5、使用内嵌表格控制页面元素位置,制作完整的网页
具体代码如下:
小结编程3
|
您好,欢迎来淘宝!
[免费注册]
|
六、实训结果提交与成绩评定
设计或下载一个网页效果图,切片后,利用表格布局并添加页面元素,制作成网页并提交
七、实训小结
表格布局是网页设计中最常用的方法,使用表格布局网页效果图,可以制作出风格统一、精美的网页
授课日期:
第3周周二3—8、周三3—4、周四5—10、周五1—2
授课类型:
演示、讲解、练习、辅导课时:
16
教学内容:
1、创设情况课堂引入
2、表单网页的形式
3、如何制作表单网页
教学目标:
1、掌握网页中表单的使用
2、学会根据实际情况使用表单中各种元素
教学重点:
1、表单网页的概念
2、表单网页的制作方法
教学难点:
1、表单网页的概念
2、表单网页的制作方法
教学过程:
内容讲授学生实践作业布置新课内容预告
教学手段:
多媒体教学软件+个别辅导
作业:
对页面添加表单
实训4:
使用交互式表单
一、实训目的
1、掌握网页中表单的使用
2、学会根据实际情况使用表单中各种元素
二、实训环境
Dreamweaver
三、实训教学方法
“演示、讲解、练习、辅导”相结合:
演示页面最终效果;讲解页面元素的功能和实现方法;让学生自己实现页面效果;对学生的练习进行辅导。
四、实训注意事项
动态网站技术很多需要使用到表单,在做表单实训时,不仅需要使用鼠标操作,还需要学会使用代码实现。
在表格布局中,要把行高调小时,需要删除表格行代码中的:
五、实训内容及步骤
1、演示使用表单制作的注册页面
2、新建一个静态网页,使用“插入表单表单”或表单面板中的相应按钮,插入一个表单
3、使用表格布局,并插入表单元素,建立如下的网页:
具体代码如下:
表单小结
申请表
姓名:
密码:
感兴趣的职位:
Web设计
Web开发
其他要求:
包括薪水待遇、工作地点等。
发送确认信息
经验: