原创力文档- 1、本文档共4页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
附页：
授课周次
课程章节
教学目的
内容提要
及板书设计
重点、难点
及解决方案
教学内容
时间分配
教学手段
作业
教学后记
第1周 授课时间 年 月 日至 年 月 日
第 1 次课：认识网页、了解网站
第 2 次课：了解网页制作方法与网页设计基础第 1 次课：拓宽学生对网页、网站的认识
第 2 次课：掌握网页制作的方法，熟悉网页设计的工作流程第 1次课：
网页、网站的定义；
网页的构成要素；
不同类型网站的特征归纳总结第 2次课：
1.代码制作网页和软件制作网页的两种方法
2.网页设计的工作流程
3.网店美工的标准
第 1次课：
重点：网页基本元素
难点：归纳总结不同网站类型的特征解决方案：学做合一，实践任务
第 2次课：
重点：网页制作方法；设计网页的基础知识
难点：制作网页的两种方法；网页设计的工作流程解决方案：学做合一，实践任务
序
教
学
内
容
学时
号
分配
1
认识网页、了解网站
45
2
使用代码制作网页
45
3
使用软件制作网页
45
4
了解网页设计基础
45
5
第 1 次课：多媒体教学
教学形式
理实一体（√）理论教学（
）
第 2 次课：多媒体教学
（在右栏勾选）
实验（ ）实训（ ） 上机（
）
作业完
书面（ ）电子（√）
成方式
第 1次课：第 2次课：
序
具体内容（课堂组织和教学过程设计）
授课改进意见及实
号
时教学效果记录
第一次
网 、了解网站、使用代 制作网
第一步， 入（
10 分 ）
以 “平 喜 在网上做什么？ 成 于信息化 代的你面
浩瀚如海的信息和四通八达的互 网，你真正了解什么是网 、什么是
网站 ？面 五花八 的网 ，你知道 些网 是怎么做出来的 ”
引入，与学生互 ，引出本 内容。
第二步开，知 解（ 35 分 ）
文
头
件 知 解要点如下：
一声、网 的概念
正
明 网 (web) 是网站上的某一个 面，是万 网中的一“ ” ，它是一
文
个 文本文件， 是向 者 信息的 体， 以超文本和超媒体 技 ，采用 HTML、CSS、XML等 言来描述 成 面的各种元素，包括文字、 像、音 等，并通 客 端 器 行解析，从而向 者呈 网 的
各种内容。
二、网 的元素
三、网站的定
网站 (Website) 是指在因特网上，根据一定的 ，使用 HTML等工具制作的用于展示特定内容的相关网 的集合。是一个存放在网 服 器上完整信息的集合体，它包含一个或多个网 。
网 是网站中的一 ，是构成网站的基本元素。
网站由以下三部分 成：网站域名；网站程序；网站空 。
四、网站的分
五、使用代 制作网 — 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>简单页面 </TITLE>
</HEAD>
<BODY BGCOLOR=”BLACK” TEXT=”WHITE”>
你好！
</BODY>
</HTML>
并将网页截图保存。
第四步，教师总结（ 10 分钟）
总结本次课内容， 强调网页、 网站的关系， 回顾网页中的构成元素，
对不同类型网站的特征总结。
第二次课 使用软件制作网页、了解网页设计基础
第一步，问题导入（ 10 分钟）
引导学生回顾上次课的知识点，通过提问“除了使用代码制作网页，
还有没有其他便捷方法来制作网页？”，引出本节课的教学内容。
第二步，知识讲解（ 35 分钟）
知识讲解要点如下：
一、网页制作软件— dreamweaver CS6
是针对专业网页设计师特别设计的一款视觉化网页开发工具， 利用它
可以轻而易举地制作出跨平台限制和跨越浏览器限制的充满动感的网
页。
1、 Dreamweaver CS6 的初识界面
2、 Dreamweaver CS6 的工作界面
二、网页设计的含义
从网页布局来看，网页的基本构
文档评论（0）