《JavaSE项目实践》教案.docx
《《JavaSE项目实践》教案.docx》由会员分享，可在线阅读，更多相关《《JavaSE项目实践》教案.docx（17页珍藏版）》请在冰豆网上搜索。
《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开发
其他要求：
包括薪水待遇、工作地点等。
发送确认信息
经验: