本次课是网页设计第一次上课，主要讲述一些网页基础知识，学生基础知识薄弱，需要加教学反思 强，整体来说计算机班基础知识要好于电子商务班 一、网页设计介绍 二、网页设计的要点 三、网站设计级别 板书 四、网页设计公司类型 五、网页三剑客 六、网页基础知识
课题 知识目标 1.2网站建设概述 教学课时 2课时 了解做网站的准备工作，掌握站点的建立。 1. 能了解网站开发的基本流程。 2. 能掌握网站开发的基本原则。 3. 能学会站点的建立与管理。 提高学生团结合作精神，增强小组合作能力 教学目标 能力目标 情感目标 教学重点 教学难点 站点的建立 如何规划好一个网站 1.教学场所：多媒体教室 2.教学设备：安装有Dreamweaver cs5软件的计算机 3.教学资料：辅助课件、多媒体教学软件 讲解法、任务驱动教学法 学法 教学过程 小组讨论法 教学资源 教法 过程安排 教学内容 教师活动 学生活动 设计意图
课前准备 1、搜集了解网站开发的基本流程。 配合学生搜索资2、网站设计、制作过程中的一些原料及解答疑问 则、注意事项。 网站设计大致流程是哪些？每组派出一个代表阐述本组课前搜集的资料 一、网站设计流程 二、网站开发原则 1、 确定主题 讨论：网站是靠什么赢利的？ 2、规划站点结构 （1）结构设计 1、确定网站主题的建议 2、给网站取名 3、提示决定网站的性质 网站上传 网站推广 更新维护 网页制作 整合网站 效果测试 架构内容信息 搜集整理资料 规划网站结构 网上搜索教师提出问题，了解网站设计事项 阐述观点，组员之间相互讨论 培养学生自主学习能力 导入新课 (5min) 任务一 讲授新课 (35min) 听取学生的观点并给予一定的知道 锻炼学生的语言表达能力和分析能力 小组讨论，相互沟通 加深学生对网页设计要点学习 任务二 分组讨论 (40min) （2）目录结构设计 （3）形象设计 （4）主页设计 （5）其他页面设计 （6）企业站点设计 （7）为站点设计目标对象 访问率
三、网页版面布局设计 1、版面布局的原则 （1）主次分明、中心突出 （2）大小搭配、相互呼应 （3）图文并茂、相得益彰 （4）动静适度、平衡对称 2、页面布局的类型 （1）“国”字型 （2）框架型 （3）标题正文型 （4）封面型 （5）综合型 四、规划站点 1、建立站点目录 2、站点规划 规划站点结构是利用不同的文件夹将不同的网页内容分门别类的保存。 3、创建导航草图 五、搜集素材 1、搜集并制作素材 无论是文字素材还是图片、动画素材，都应注意其来源是否注明版权所有。 网站素材要为网站主题服务。 2、整理素材 原始素材、编辑处理好的素材 3、命名规范 六、创建站点
1、不使用服务器技术 2、本地编辑 3、不连接到远程服务器 七、管理站点 （1）编辑现有站点 （2）删除已有站点 课后作业 (5min) 根据这次课的内容、注意事项，构思一个明确的网站主题，并将站点结构的规划用文件夹表示出来 一、网站设计确定主题 课堂小结 (5min) 二、网站设计流程 三、站点管理 本次主要讲述站点的建立和管理，课程较简单，学生掌握较好 教学反思 一、网站设计流程 二、网站开发原则 三、网页版面布局设计 板书 四、规划站点 五、搜集素材 六、创建站点 七、管理站点 实训课题 实训目标 实训重点 实训难点 新建一个网页 1、 熟悉Dreamweaver cs4界面 2、 制作简单网页 1、 学会在网页中输入文字、插入图片等 2、 掌握简单代码的编写 代码的编写 实训课时 2课时
实训方法 实训准备 上机实训 教案、素材、案例、教材、计算机机房 1. 对照实习报告的要求，完成上机任务； 实训要求 2. 任务完成后及时要求教师考评； 3. 完善实习报告，填写实训总结； 遵守实训纪律，不游戏，不睡觉，不高声谈论。 实训过程 内容 操作要求及步骤 1、 双击打开软件——新建HTML网页——网页名字为nes01——输入以下文字然后保存 任务一 新建网页1 2、文字要求：标题 宋体 二号 蓝色 正文：五号 宋体 加粗 任务二 新建网页2 制作如下网页 素材见文件夹 网页命名文字为index 保存在文件夹中上交给老师
《网页制作》教案 - 图文
