【教案】网页设计与制作教案（精品）必威体育精装版.docx

文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 授课周次 第 1 周 授课时间 年 月 日至 年 月 日课程章节 第 1 次课：熟识网页，明白网站 第 2 次课：把握网页制作的方法，熟识网页设计的工作流程第 1 次课：1. 网页，网站的定义；2. 网页的构成要素； 第 2 次课：把握网页制作的方法，熟识网页设计的工作流程 第 1 次课： 1. 网页，网站的定义； 2. 网页的构成要素； 内容提要及板书设计 3. 不同类型网站的特点归纳总结第 2 次课： 1.代码制作网页与软件制作网页的两种方法 2.网页设计的工作流程 3.网店美工的标准 第 1 次课： 重点：网页基本元素 难点：归纳总结不同网站类型的特点 重点，难点 解决方案：学做合一，实践任务 及解决方案 第 2 次课： 重点：网页制作方法；设计网页的基础学问 难点：制作网页的两种方法；网页设计的工作流程 解决方案：学做合一，实践任务 序 教 学 内 容 学时 号安排1 号 安排 1 熟识网页，明白网站 45 2 使用代码制作网页 45 3 使用软件制作网页 45 4 明白网页设计基础 45 5 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 教学手段 第 1 次课：多媒体教学 第 2 次课：多媒体教学 教学形式 （在右栏勾选） 理实一体（√）理论教学（ ） 试验（ ）实训（ ） 上机（ ） 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 作业完 作业 书面（ ）电子（√） 成方式 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 教学后记 第 1 次课： 第 2 次课： 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 附页： 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 序 详细内容（课堂组织与教学过程设计） 授课改进看法及实号 时教学成效记录 第一次课 熟识网页，明白网站，使用代码制作网页第一步，问题导入（ 10 分钟） 以问题“平常喜爱在网上做什么？试问成长于信息化时代的你面对浩渺如海的信息与四通八达的互联网，你真正明白什么为网页，什么为网站吗？面对五花八门的网页，你知道这些网页为怎么做出来的吗”为引入，与同学互动，引出本节课内容； 其次步，学问讲解（ 35 分钟） 学问讲解要点如下： 一，网页的概念 网页 (web) 为网站上的某一个页面，为万维网中的一“页” ，它为一个纯文本文件， 为向拜访者传递信息的载体， 以超文本与超媒体为技术， 采纳 HTML，CSS，XML等语言来描述组成页面的各种元素，包括文字，图 像，音乐等，并通过客户端浏览器进行解析，从而向浏览者出现网页的各种内容； 二，网页的元素 三，网站的定义 网站 (Website) 为指在因特网上，依据肯定的规章，使用 HTML等工具制作的用于展现特定内容的相关网页的集合；为一个存放在网络服务 器上完整信息的集合体，它包含一个或多个网页； 网页为网站中的一页，为构成网站的基本元素； 网站由以下三部分组成：网站域名；网站程序；网站空间；四，网站的分类 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 序 详细内容（课堂组织与教学过程设计） 授课改进看法及实号 时教学成效记录 五，使用代码制作网页— HTML 1，HTML的概念 HTML即 Hypertext Markup Language ，为超文本标记语言，用于描 述网页文档的一种标记语言，它不为一种编程语言，而为一种标记语言 (markup language) ； 2，HTML文档的基本结构 html head 文 开 title 无标题文档 /title 件 头/head 声 body 明 正 ?? 文 /body /html 3，明白常用的 HTML标识 第三步，课堂实践（ 35 分钟） 1，请浏览淘宝网，京东商城， 1 号店，苏宁电器这些网页，并记录这些网页中都包含了哪些元素； 2，请浏览有偿资讯类网站，功能型网站，综合类，办公类网站的代表网站，并将这些网站的首页以截图的形式储存下来； 3，制作一个简洁网页；在记事本中输入以下代码： HTML HEAD TITLE简洁页面 /TITL