1、缺 少弥 补教 学 截 至章 节 内 容备注:用蓝黑或碳素墨水钢笔填写教 学 计 划学情分析本门课程网页设计与制作的教学班级为14级计算机班,计算机班对网络知识有一定的了解,基础知识较好,同时根据实际情况,特拟定本计划。大 纲 要 求通过本学期网页设计与制作的学习,主要要求同学们掌握网页制作的一些基本功能和操作,为以后的一些学习和工作打下较好的基础。通过学习要求同学达到以下要求:1、了解DreamweaverCS6的详细功能及操作方法。2、熟练掌握网页制作技巧。3、掌握网页规范以及网页优化和网站推广的知识。4、明确网站建设的流程和站点建设成后需要做的优化推广工作。教 学 重 点1、超级链接2、
2、表格表单应用3、框架使用4、CSS样式教 学 难 点2、用表格和框架布局页面3、创建数据库教 学 方 法讲授法、演示法、项目教学法、合作学习、对话、任务驱动法、头脑风暴、小组讨论法等教学方法。学 期 授 课 进 度 计 划 表周次授 课 内 容课时备 注31.1网站基础知识21、2周新生军训1.2网站建设概述实训 新建一个网页上机42.1添加和编辑文本实训 网站素材处理实训 制作简单网页567国庆放假机动补周一课82.2添加和编辑图像2.3创建超级链接实训 图像处理和创建超级链接9实训 跳转菜单2.4使用表格布局页面实训 表格布局实例分析10 2.5使用框架布局页面运动会充周三到周五11实训
3、框架布局实例分析3.3添加动画添加音频和视频12实训 DIV与表格的转换4.3晃动的图片实训 交换图像13实训 拼图游戏4.4修改属性特效及动态菜单制作实训 效果行为应用14实训 图片展播实例5.1认识和编辑CSS实训 美化页面15实训 应用CSS到网页中5.2类型、背景和区块样式实训 方框、边框和导航栏16实训 超链接样式及设置技巧6.1DIV布局页面6.2认识Spry17实训 调整样式6.3选择服务器和使用虚拟机6.4申请域名18实训 网站发布7.1个人主页制作7.2策划构思及设计流程19实训 页面布局7.3制作页面头部7.4制作中间表格内容20元旦放假机动充周一课2122教研组意见课题1
4、.1网页制作基础知识教学课时2课时教学目标知识目标能了解网页制作软件的特点能力目标能掌握网页制作的基本概念情感目标提高学生团结合作精神,提高学生竞争意识教学重点网页的组成教学难点网页的分类,网址与域名的区分教学资源1.教学场所:多媒体教室2.教学设备:安装有Dreamweaver cs5软件的计算机3.教学资料:辅助课件.多媒体教学软件教法讲解法、任务驱动教学法学法小组讨论法教学过程课前准备导入新课讲授新课动手实践课堂小结作业布置时间分配50过程安排教学内容教师活动 学生活动设计意图1、教师自我介绍;2、点名;3、课程介绍4、课堂要求1.自我介绍2.按照花名册点名3.课程介绍4.统计学情5.提
5、出期望与要求1.班长统计座次表2.学生自我介绍3.反应学情4.推荐课代表。使师生尽快互相认识,并促使学生答题了解我们的课程。本次课是本学期第一次上课,简单介绍本课程:1、网页设计相关级别及其薪资待遇2、网页设计的就业方向及其公司类型以提问的方式了解学生对网页设计的认知学生之间相互讨论,加深对网页设计的认识提问跟就业和薪资有关的问题,抓住学生注意力。任务一一、网页设计介绍1、网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站去谈电子商务是不可能的。2、企业的网站被称为“网络商标”,也是企业无形资产的组成部分,而网站是Internet上宣传
6、和反映企业形象和文化的重要窗口。二、网页设计的要点1、明确建站目标和需求。2、网站主题鲜明。3、网站版式设计。4、色彩在网站设计中的作用。5、网站设计形式与内容统一。三、网站设计级别1、新手入行2、跳槽阶段3、稳定阶段4、大师阶段四、网页设计公司类型1、门户游戏类2、企业部门类3、网站建设类4、互动设计类五、网页三剑客1、 Dreamweaver: 可视化页面设计、网站管理2、 Fireworks 页面图象设计工具3、 Flash 动画制作六、网页基础知识1、网页与网站的区别(1)网页是WWW系统中信息的基本单位,简单来说,就是后缀名为htm的文件。(2)网站是指存放在网络服务器上的完整信息的
7、集合体。2、网页的组成(1)文字:最直接、通用、容易的沟通方式(2)图片:网页的一大特点图文并茂(3)动画:1995年,Sun公司开发了Java语言,用户可以创建能调用图片和声音的多媒体应用小程序(4)超链接:要通过一种方式把各独立的网页整和在一起,使之构成一有机整体,而这种链接页面的功能叫超链接。(5)特殊组件:图片与动画可算是最常见的特殊组件。3、主页Homepage引导访问者浏览网站。 index、main、default4、网页空间在Internet上申请的一个存储空间,用以存放网页。5、网址和域名网址:IP地址域名:与IP地址相对应,唯一性,善于识别最右边:国家(中国cn)其次:机构
8、(商业机构com)再次:子网名称最左边:服务器类别(web服务器www)6、网页的分类静态页面与动态页面7、认识网站门户网站:sina个人网站:明星专业网站:医疗职能网站:政府简单介绍网页知识提问:网页设计要点并将学生分组进行讨论讲述网站设计级别,引导学生对这个行业向往,并鼓励学生向大师阶段努力简单介绍学生将来从事本行业的范围介绍网页制作需要的软件给学生灌输网页设计的基本知识吸收新知识并思考生活中常见网页设计知识分组讨论,并派出代表来总结思考自己的定位了解本行业的现状认识软件基本组成做笔记,识记教师讲述的知识讲述基础知识,为后面学习打下基础加强学生之间交流沟通能力,加深学生对网页设计要点理解引
9、导学生了解这个行业引导学生了解本行业从事范围提前引导学生认识dreamweaver cs5 为后面软件学习打下基础这些知识都是学网页设计最基本的基础知识,学生基础知识薄弱,必须了解这些才能学习后面的内容任务二根据网页设计要点,以小组为单位确定一个网站主题,小组讨论需要的步骤以及素材巡回指导,给予学生帮助小组讨论,相互沟通加深学生对网页设计要点学习课后作业1、 按照课堂分组课后进行讨论2、 每组确定一个网站主题方向。3、 每组设计一个网站调查问卷。一、 网页设计师就业方向二、 网站设计流程三、 常见网站教学反思本次课是网页设计第一次上课,主要讲述一些网页基础知识,学生基础知识薄弱,需要加强,整体来说计算机班基础知识要好于电子商务班板书了解做网站的准备工作,掌握站点的建立。1. 能了解网站开发的基本流程。2. 能掌握网站开发的基本原则。3. 能学会站点的建立与管理。提高学生团结合作精神,增强小组合作能力站点的建立如何规划好一个网站辅助课件、多媒体教学软件1、搜集了解网站开发的基本流程。2、网站设计、制作过程中的一些原则、注意事项。配合学生搜索资料及解答疑问网上搜索教师提出问题,了解网站设计事项培养学生自主学习能力(5min)网站设计大致流程是哪些?每组派出一个代表阐述本组课前搜集的资料听取学生的观点并给予一定的知道阐述观点,组员之间相互讨论锻炼学生
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1