第一篇:电子商务网页制作 教学计划
《电子商务网页制作》教学计划
15秋电商这已是学生的第三个学期,对网页制作已有一定了解,然因此课程教科书内容所介绍的软件已不再使用,因而我决定教学生简单、实用、流行的入门网页制作语言——HTML,选择基本的语言让学生学习。同时也利用书上理论知识,传授给学生,并应学生要求,进一步讲解dreamwaver。
教学目标:
1、本学期这一课程是为了让学生学会用html和dreamwaver制作网页。
2、学习关于网页设计的一些基本知识。
重点工作:
1、用html、dreamwaver制作网页。
2、学习网页设计的一些基本知识
教学策略:
1、突出上机操作,精讲多练。
2、将网页设计与学生的生活知识联系起来,其它学科的学习结合起来,与学生思想道德教育结合起来,与课改实验结合起来。
3、作业布置适量,难易适中,有针对性,及时反馈,做好总结。
教学安排:
1、实行上机、上课相结合的模式;
3、坚持考勤,做好学习情况、作业情况的记录。
4、坚持做反思。教学内容概览: 理论:
1、初识电子商务网页
2、电子商务网站导航设计原则
3、网页布局原则
4、表单的概述
5、课程设计指南 操作: Html:
1、Html基本结构
2、页面主体标记的设置
3、设计网页文本内容
4、无序列表和有序列表
5、文字、图片链接
6、锚点
7、添加图片及设置
8、表格的应用
9、多媒体文件
10、Div标签
11、Iframe
12、让学生设计一个简易的个人网页 Dreamweaver:
1、建立所有文件夹
2、建立首页
3、建立站点
4、设置页面属性
5、输入文本及其设置
6、插入图片及其设置
7、插入表格及其设置
8、创建网页链接
9、利用表单创建留言板
10、学生设计一个简易网站班级:15秋电子商务班任课教师:李美云
第二篇:网页制作教学计划
城阳职专 2011——2012 学第 二 学期
教 师 教 学 计 划
专 业: 计算机网络 学 科: 网页制作 任 教 班 级: 11网络1、2 是 否 结 业: 是 教 师: 吴文杰 组 长 签 字: 级部主任签字: 教导主任签字: 二○一二 年 二 月 六 日
新学期开始,本学期我将担任11级计算机网络班《网页制作》的教学,为了有效地培养学生学习网页制作课程的兴趣,使学生逐步具备利用所学知识进行网页制作的能力,以适应信息社会的学习、工作和生活的需要;为了规范教学,我特制订教学计划如下:
一、教学指导思想:
本学期我将认真做好所教课程的各项工作。认真学习中职计算机学科的教学大纲和网页制作的相关教材,明确教学任务和教材体系,力争“教书”与“育人” 贯穿始终。全面贯彻教育部关于中职教育的大政方针,努力探索计算机教学规律,在激发和培养学生的学习兴趣,养成良好的学习习惯,提高动手能力的同时,着力培养学生树立正确的荣辱观和人生观,积极推进素质教育。在教学中要充分利用计算机来培养学生的信息素养,有效地提高教育教学水平。促进学生创新精神和实践能力的培养,充分考虑学生的发展需要,强调学生自主学习,发挥教师的主导作用,学生主体作用,以学生个体发展为目标,不断提高教育教学质量。
二、学生情况分析:
上学期学生已经初步学习了部分课程,对此可能有了一定的了解,但是中职学生整体素质层次不齐,绝大多数学生学习目标明确,但也有少数学生对微机在当前和末来社会中作用认识不够。虽然有基础但是通过一个假期之后,很多知识需要巩固。但总体来看本课程学生们的学习兴趣还是很好的。
三、教材分析
我们选用的是电子工业出版社出版的《网页制作》第二版教材。本教材的编写打破了传统的学科体系,以项目为中心,一个个小任务为实例,以范例网站的建设为主线,不强求理论体系的完整性,以够用为度,以是否实用为标准。整个项目统筹考虑实训的设计,循序渐进,逐步完善,着重培养学生独立思考问题和主动解决问题的能力,力求在学习的过程中积累实际工作的经验,从而突出职业技术教育的特色。
本书共8章,前面已学习了前三章,本学期主要学习后五章。第四章打造企业留言板 本章的教学重点和难点是插入表单对象的基本方法及设置表单及表单对象属性的方法。要求掌握表单、文本域、单选按钮、列表/菜单、复选框、文本区域、隐藏域、按钮、文件域、跳转菜单、字段集、【检查表单】行为、密码验证的方法等知识点。主要是通过完成企业留言板这一项目来学习的。通过总的项目来分析逐个小任务。最终完成知识点的学习。为了更好的使同学们掌握重难点,在教学中我会精讲多练,让学生案例分析,讨论,最终上机操作,如:用户注册,163信箱等的制作。
第五章在Dreamweaver中美化页面 本章教学重难点是添加、修改和删除行为的方法及在网页制作中应用行为的基本方法。要求学生掌握行为的概念、【行为】面板、常用事件、状态栏文本、弹出式菜单、打开浏览器窗口、交换图像、控制Shockwave或
Flash、弹出信息、拖动层等知识点。主要是通过逐个任务来完成教学的。首先教师演示教学案例。通过PPT课件讲授基本知识。然后通过让学生自己动手重新制作教学案例来巩固基本知识。最终通过实训让学生进一步熟悉所学知识点。
第六章站点的发布 本章教学重难点是在IIS中配置FTP服务器的方法及通过Dreamweaver发布网页的方法和在模板中插入模板对象的方法。要求学生掌握安装IIS服务器、配置Web服务器、配置FTP服务器、发布网页、检查链接、改变链接、查找和替换、清理文档、保持同步等知识点。本章主要通过教师实例演示,学生动手操作来完成教学任务的。为了让学生更加熟练操作,教师主要通过多个实例操作练习的方法来完成教学。
第七章CSS样式的应用 本章教学重难点是创建和设置CSS样式的方法及附加样式表的方法。要求学生掌握【CSS样式】面板、CSS样式的类别、定义CSS样式的方法、CSS的【类型】等属性对话框、3种选择器各自的特点、创建超级链接的高级CSS样式、设置单元格ID名称和样式、修改CSS样式、删除CSS样式、应用CSS样式、附加样式表、重命名样式等知识点。主要通过项目教学法来完成教学,项目的主要目的是让学生掌握CSS样式的基本知识。项目主要通过CSS样式控制购物网页的外观,一方面要熟悉CSS样式的基本使用方法,另一方面要了解购物网页页面的基本特点。本项目使用的网页布局技术仍然是表格,另外还涉及文本、图像等网页元素。
第八章网页制作综合实例 本章重难点是使学生综合运用所学知识点。要求学生掌握网站设计流程、设计网页布局、各级网页制作的方法及网站的推广。本章主要是让学生自主完成学习任务,以培养学生发现问题,分析问题,解决问题的能力。同时培养学生主动学习的意识。
四、教学措施
1.计算机是一个不断发展的学科,也是一个日新月异的学科,不断会有新的计算机技术出现,教师要在第一时间了解这些动态,然后学会交给学生。因为计算机在现实生活中的应用都是最新的技术,如果与现实脱节了,那么学生现在学到的计算机知识在现实中根本就用不上。所以需要教师有良好的计算机学习能力,为学生做好引导者。
2.采用项目教学法,任务驱动式,案例讲解,实例讨论等教学法围绕“教务管理系统”组织教学内容,分解出一个个子任务分组学习,分组讨论,充分调动学生的学习积极性,开发个人潜能。
3.学生自主完成学习任务,以培养学生发现问题,分析问题,解决问题的能力。同时培养学生主动学习的意识。
4.该课程理论性和实践性均强,要求学生勤学多练,除掌握对网页制作的操作外,还应要求学生做好flash与平面设计,并引导学生综合运用。根据学生的学习情况制订贴近学生生活的实践操作以真正达到了学以致用的目的。
5.课后及时反思,撰写反思日志,积极与学生沟通,了解学生学习掌握情况,对于存在的问题及时发现纠正,对于好的经验方法进行总结创新。
6.制定激励措施,引发学生的创新积极性。对于对计算机有兴趣和独到见解的学生,可以成立兴趣小组,有老师带队,做一些新的项目和开发研究。制定一套合理的奖励机制,对于学生的创新成果给予一定的肯定和奖励,激发学生的创新热情,让学生觉得自己创新是有人欣赏,是有价值的,从而以更积极的态度投入到新的创新中。
总之,计算机在教育中的地位越来越重要,我们需要投入更多的精力来对计算机教育进行创新和研究。对于本课程的教学已远远不止于此。除了因人而异、因材施教以外,更要博览群书、拓宽视野,努力寻求新的切入点,使理论教学和实际应用更好更紧密的结合起来,培养出更多适应信息化社会的实用型和复合型人才。
五、教学进度:(附表)
第三篇:2010网页制作教学计划
网页制作教学计划 网页制作基础(1周)
1.了解网页中的常用术语
域名、URL、超级链接、导航条、站点、表单、发布 2.网站的概述以及网站的各种类型 3.网页制作的常用工具软件。4.网页设计的基础语言-HTML
文件开始标记
文件头开始标记
文件标题开始标记
文件标题结束标记
文件头结束标记
正文文件开始标记
第四篇:电子商务 网页制作报告
网页制作报告
网页要求:
1.分类显示(四类,每类六张图片)
2.倒计时自动显示
3.打折数据从文件中读取出来,并显示在相应位置
4.勾选所要的商品,提交后。把所选商品信息保存在一个文档(比如txt等等)中
5.需要的文件类型html、js、折扣文件、选中商品的文档、说明整个程序的文档
6.在网页中需要有类似下拉框选项的东西(针对四大类),当点击一个选项类的时候会在 当前位置显示该类。(类似于导航的)选用的软件:Adobe Dreamweaver CS5
制作过程:
1.确定好网页的标题,搜集素材资料
2.选定框架,确定页面的主要风格,字体颜色大小,背景图片,表格边框等。
table {text-align:center}
td {
width:400px}
div.float{float:right;
background:#00CCFF}
div.menu {font-family:Arial, Helvetica, sans-serif;
color:#000000;
background:#FFFFFF;
border:2px solid #999999;
width:10em}
div.menu:hover a {display:block}
div.menu.a {display:none;
border:2px solid #999999;
background:#FFFFFF;
color:#000000;
width:10em;
text-decoration:none}
div.menu a:hover {background-color:#FFFFFF}
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover { color:#666666;text-decoration:none}
body {
background-color: #ffffff;
background-image: url(beijin.jpg);
}
3.对标题栏进行居中,字体大小颜色设置,对副标题进行滑动设置
4.对各类图片分类,分成四类并设置其格式
分类: