网页设计教学或学习计划123.docx
- 文档编号:2869290
- 上传时间:2022-11-16
- 格式:DOCX
- 页数:15
- 大小:26.55KB
网页设计教学或学习计划123.docx
《网页设计教学或学习计划123.docx》由会员分享,可在线阅读,更多相关《网页设计教学或学习计划123.docx(15页珍藏版)》请在冰豆网上搜索。
网页设计教学或学习计划123
网页设计教学实训计划
李
二
栋
网页设计教学或学习计划
收藏到:
节次
教学内容
时数
1
网页设计概述
2
2
HTML的基本标志与格式标志
2
3
HTML的文本、图片与超级链接标志
2
4
HTML表格、表单与框架标志
2
5
HTML标志综合运用案例
2
6
Dreamweaver中简单WEB站点建立与管理
2
7
Dreamweaver中静态网页设计
2
8
Dreamweaver中动态网页设计
2
9
Dreamweaver综合性网页设计案例
2
10
VBScript概述
2
11
VBScript的基本元素与输入输出
2
12
VBScript的条件语句、循环语句和过程
2
13
VBScript文档对象模型
2
14
ASP概述
2
15
使用ASP对象
2
16
使用ASP组件
2
17
使用ADO对象
2
18
设计实例——论坛
2
19
设计实例——成绩管理系统
2
20
网站的设计、制作、发布和宣传
2
总计
40
第一讲网页设计概述
【教学内容】
讲解网页设计的相关术语及网站制作的基本流程
【教学目的】
使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣
【教学重点】
网页设计中的若干术语
【教学难点】
理解网页设计中的若干术语
【教学方式】
讲授式、讨论式、案例分析式
【教学参考】
1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社
2、《Internet网页工场》Wittime工作室重庆出版社
3、《WEB网站设计》JoelSklar著高等教育出版社
4、《HTML网页制作教程》材义语编著铁道出版社
【新课内容】
1、WEB的含义
2、WEB的工作方式
3、URL的作用
4、IE的使用
5、网页中所使用的技术
6、HTML的发展
7、制作网页的基本方法
8、制作WEB页面的用途
【课后小结】
通过学习,认识网络、网站、网页及相关信息,理解网页制作的流程
及了解相应开发工具,为设计网页做准备。
第二讲HTML的基本标志与格式标志
【教学内容】
讲解HTML基本标志对和格式标志
【教学目的】
使学生标志对与格式标志对的使用
【教学重点】
格式标志的使用
【教学难点】
列表标志的使用
【教学方式】
讨论式、案例分析式、练习式
【教学参考】
1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社
2、《WEB网站设计》JoelSklar著高等教育出版社
3、《HTML网页制作教程》材义语编著铁道出版社
【新课内容】
1、HTML概述
2、HTML文档的基本语法
3、HTML文档的基本结构
4、HTML的基本单位
【课后小结】
通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用
列表,有序列表,无序列表标志及属性。
第三讲HTML的文本、图片与超级链接标志
【教学内容】
讲解HTML标准中的文本、图片与超级链接标志
【教学目的】
*使学生了解标题元素,掌握字体,上下标,及特殊字符的标志
*使学生掌握图片标志,声音标志及相应的属性,学会利用标志在网页中插入声音与图片
*使学生掌握超级链接标志的使用
【教学重点】
*字体、图片和超级链接标志的使用
*网页中特殊符号的输入
【教学难点】
*理解特殊符号对应的标志
*理解img标志中属性的意义
*理解书签超级链接的意义
【教学方式】
讨论式、案例分析式、练习式
【教学参考】
1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社
2、《WEB网站设计》JoelSklar著高等教育出版社
3、《HTML网页制作教程》材义语编著铁道出版社
【新课内容】
1、段落与文本结构
2、文字格式
3、项目符号列表
4、在网页中插入图片
5、图片的属性
6、建立超级连接
7、锚点的使用
【课后小结】
本节介绍了在网页中加入文本、图片和超级链接的标志与相应属性,熟练运用这些标志是制作多媒体网页的基础。
超级链接标志中,书签链接是一类特殊的链接方式,理解和使用书签链接学习HTML中超级链接标志的难点。
第四讲HTML表格、表单与框架标志
【教学内容】
讲解HTML中制作表格、表单与框架的标志
【教学目的】
使学生掌握简单表格、表单与框架的制作
【教学重点】
*表格中单元格的合并以及表格嵌套和叠加操作
*框架的嵌套使用
*表单元素标志与属性
【教学难点】
*理解表格属性rowspan与colspan的含义以及表格嵌套实现的基本思想
*理解框架属性name、target的意义
*理解表单中相应元素对应标志及属性的含义
【教学方式】
案例分析式、项目教学
【教学参考】
1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社
2、《WEB网站设计》JoelSklar著高等教育出版社
3、《HTML网页制作教程》材义语编著铁道出版社
【新课内容】
1、表格编辑
2、框架网页
3、HTML中的表单
【课后小结】
表格在网页设计中应用广泛,熟练掌握表格的基本标志及配合使用的属性的意义,是灵活运用表格的基础。
表格的嵌套是表格制作中的一个难点,关键是要抽象出嵌套表格对应的简单表格模型,再将模型中单元格的位置使用内嵌表格代替。
框架结构是布局网页的一种常用方式,要掌握框架及其嵌套的实现,以及在框架中设置超级链接时目标框架位置的设置。
表单是网页实现交互处理的工具,熟练掌握表单中元素的标志和属性,是设计表单网页关键。
第五讲HTML标志综合运用案例
【教学内容】
综合运用所学过的HTML标志书写网页
【教学目的】
使学生能够书写简单的HTML网页
【教学重点】
使用所学的HTML标志书写网页
【教学难点】
HTML的综合运用
【教学方式】
案例分析式、讨论式、练习式
【教学参考】
1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社
2、《WEB网站设计》JoelSklar著高等教育出版社
3、《HTML网页制作教程》材义语编著铁道出版社
【新课内容】
1、用记事本书写HTML网页
2、利用案例进行HTML网页的综合讲解
3、要求学生按规定书写一个完整的HTNL网页
【课后小结】
HTML是目前制作网页时必须掌握的一种语言,学好HTML语言是为以后对《网页设计》这门课程更深入的学习打下扎实的基础。
第六讲Dreamweaver中简单WEB站点建立与管理
【教学内容】
讲解Dreamweaver的工作界面和基本操作
【教学目的】
使学生掌握网页制作工具Dreamweaver的基本操作方式
【教学重点】
网页制作工具Dreamweaver的界面和基本基本操作
【教学难点】
掌握一个新的开发工具
【教学方式】
讲授式、项目模块式、演示教学
【教学参考】
1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社
2、《WEB网站设计》JoelSklar著高等教育出版社
3、《Dreamweaver网页设计案例教程》白煜编著清华大学出版社
4、《DreamweaverMX2004完美网页设计与制作》姜楠编著中国青年出版社
【新课内容】
1、安装DreamweaverMX2004
2、DreamweaverMX2004的初始设置
3、熟悉DreamweaverMX2004工作界面
4、DreamweaverMX2004的操作环境
5、DreamweaverMX2004基本操作方式
6、DreamweaverMX2004网站建设流程
【课后小结】
Dreamweaver是一款由Macromedia公司开发的专业HTML编辑器,用于对WEB站点、WEB页面和WEB应用程序进行设计、编码和开发。
无论是刚接触网页设计的初学者还是专业的WEB开发人员,Dreamweaver都在前卫的设计理念和强大的软件功能方面给予了充分可靠的支持。
因此学好Dreamweaver对以后的网页设计有很大的帮助。
第七讲Dreamweaver中静态网页设计
【教学内容】
讲解利用Dreamweaver进行静态页面的制作
【教学目的】
使学生掌握利用Dreamweaver对页面进行文本、图象、超级链接、表格以及框架等的编辑
【教学重点】
通过对工具软件Dreamweaver的操作,制作出完整的静态页面
【教学难点】
了解静态网页的含义
【教学方式】
讲授式、项目模块式、演示教学
【教学参考】
1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社
2、《WEB网站设计》JoelSklar著高等教育出版社
3、《Dreamweaver网页设计案例教程》白煜编著清华大学出版社
4、《DreamweaverMX2004完美网页设计与制作》姜楠编著中国青年出版社
【新课内容】
1、利用DreamweaverMX2004在网页中插入文本
2、利用DreamweaverMX2004在网页中插入图象
3、利用DreamweaverMX2004在网页中插入多媒体
4、利用DreamweaverMX2004在网页中建立超级链接
5、利用DreamweaverMX2004在网页中创建表格
6、利用DreamweaverMX2004在网页中创建框架
7、利用DreamweaverMX2004在网页中创建表单
8、使用CSS
9、模板和库的使用
【课后小结】
了解静态网页的含义,利用DreamweaverMX2004的强大功能制作出各色各样的页面,为以后的学习打下坚实的基础。
第八讲Dreamweaver中动态网页设计
【教学内容】
讲解利用Dreamweaver进行动态页面的制作
【教学目的】
使学生掌握利用Dreamweaver作出简单的动态页面
【教学重点】
理解动态页面的含义以及数据库的使用
【教学难点】
了解动态网页的含义
【教学方式】
讲授式、项目模块式、演示教学
【教学参考】
1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社
2、《WEB网站设计》JoelSklar著高等教育出版社
3、《Dreamweaver网页设计案例教程》白煜编著清华大学出版社
4、《DreamweaverMX2004完美网页设计与制作》姜楠编著中国青年出版社
【新课内容】
1、初识数据库与ASP
2、建立数据库
3、在DreamweaverMX2004中连接数据库
4、绑定数据库
5、显示记录
6、添加记录
7、修改记录
8、删除记录
【课后小结】
了解动态网页的含义,本节详细的介绍了如何在DreamweaverMX2004中实现与数据库的连接。
动态网页是当今的主流,学好动态网页的制作是必须的。
第九讲Dreamweaver综合性网页设计案例
【教学内容】
实例讲解利用Dreamweaver进行留言本的制作
【教学目的】
使学生掌握利用Dreamweaver作出简单的动态站点
【教学重点】
动态站点的制作流程
【教学难点】
数据库的创建、连接与显示
【教学方式】
讲授式、项目模块式、演示教学
【教学参考】
1、《网页设计与制作》杨尚森曲宏山
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 教学 学习计划 123