任课教师：____________________________
审阅：____________________________
2021年10月10日
中山科技大学文化理论课教案
中山科技大学版号：A/1
共3页
课程名称Dreamweaver日期10.26
课题经典网站赏析课型新授课
授课班级21电商1班2班（高）课时2
一、教学目标
知识与技能：掌握常用的网络术语
过程与方法：熟悉网站的工作原理
情感态度与价值观：提高对网站的鉴赏能力
二、教学重点
1区.分服务器与浏览器的概念
2.了解网站与网页的区别与联系
三、教学难点
区分服务器与浏览器的概念，以及常用的浏览器工具
四、教学方法
讲授法、练习法
五、教学环境及资源准备
1、检查教室设备是否正常
2、准备好教材、教案
六、教学过程
设计意图
教学环节教学内容及教师活动学生活动
（资源准备）
组织教学1.行课前礼；学生自检提示学生要做
2.考勤；好上课准备
3.纪律要求。
新课导入提问：学生回答教师提问通过提问的方
1、同学们的DWCS3软件运用熟练情况如式，吸引学生
何？学习兴趣
2、讨论一下，学习DWCS3对于我们来说引出本节课的
有什么用啊？内容
播放《学习强国app》小视频
案例，引导学生进入第一堂课记录笔记习DW的重要
2.与学生互动，鼓励学生发言举例国内外性，让学生树
优秀的网站，并与之讨论各个网站网页的立学习的意识
特色。
做笔记
小结通过介绍并分析一些国内外知名网站的
设计特色，使学生能够更深入地了解如何
欣赏这些优秀网站案例
作业欣赏外国网站
七、板书（板演、板画）设计
1.服务器与浏览器
2.网页与网站
3.网站的工作原理
八、教学反思
审阅签名:
课程名称Dreamweaver日期10.27
课题制作第一个网页一一“我的主页”课型新授课
知识与技能：熟悉HTML制作简单网页的过程
过程与方法：了解制作网页的几种常用工具
情感态度与价值观：体会对网站的制作能力
1.掌握用记事本来制作简单网页的流程
2.了解制作网页的几种常用工具
制作网页的几种常用工具
4同学们的DWCS3软件网页工具有哪些？式，吸引学生
5讨论一下，学习DWCS3制作流程？学习兴趣
播放《学习强国app》小视频引出本节课的
通过制作一个简单的任务一一“我的主内容
页”网页，站点的新建〉新建首页认真听讲并思考
讲授新课新建首页并且命名为index.htm记录笔记通过让学生学
习DW的重要
性，让学生树
结合该任务的“任务拓展”，使学生能够立学习的意识
举一反三做笔记
小结通过制作一个简单的网页，让学生进一步
接触网页设计这门专业课。总结学生制作
第一个网页实例的经验。
作业
制作个人站点
1.网页制作的语言
2.网页设计工具
课程名称Dreamweaver日期10.28
课题上传“我的主页”到互联网课型新授课
知识与技能：掌握在网络上申请域名和虚拟主机的方法
过程与方法：熟悉使用FTP工具上传站点的方法
情感态度与价值观：体会对网站的上传能力
.1.熟悉IP地址、域名和虚拟主机的定义及其联系、区别
2.熟练掌握网上申请免费域名的方法，以及使用上传软件工具上传网页的方法
L熟悉网站的几种推广方法
4同学们的DWCS3软件网页上传工具有式，吸引学生
哪些？学习兴趣
5讨论一下，学习DWCS3上传流程？引出本节课的
播放《学习强国app》小视频内容
制作简单网页》然后测试发布，认识网络
讲授新课认真听讲并思考通过让学生学
名词，通过ftp上传到网络服务器记录笔记习DW的重要
然后申请免费域名，上传性，让学生树
立学习的意识
结合该任务的“上传网上服务器”，使学做笔记
生能够举一反三
小结在学生上机实践过程中，应当指导学生总
结上机所遇到的问题，组织学生交流并讨
论。
作业制作站点并且上传
LIP地址
2.域名和虚拟主机
课程名称Dreamweaver日期11.2
课题使用HTML语言设置页面课型新授课
知识与技能：熟悉HTML的基本结构及基本语法
过程与方法：熟悉HTML中body标记的属性
情感态度与价值观：体会HTML的语言魅力
1.熟悉HTML网页文档的基本结构
2.熟悉创建一个HTML文档的标准规范
1.掌握〈body〉标记的常用属性
3、同学们的DWCS3软件网页语言有哪式，吸引学生
些？
学习兴趣
4、讨论一下，学习HTML文档的标准规引出本节课的
范？内容
播放《学习强国》app小视频
讲授新课介绍HTML的发展，引入课题，讲述认真听讲并思考通过让学生学
HTML的理论知识，html语言的类别记录笔记习DW的重要
完成新建首页，理解html基本结构立学习的意识
完成任务一后结合该任务后面的“任务拓
展”，组织学生上机操作
小结无论使用哪种网页制作软件，HTML始终
是网页的核心部分，只有熟悉并掌握
HTML各种标记，才能为后期的网页制作
打下坚实的基础。
作业使用html制作站点
1.HTML基本语法
2.HTML文档的存放目录
3.
标记的使用课程名称Dreamweaver日期11.3
课题使用页面排版标记制作网页课型新授课
知识与技能：熟悉HTML使用页面排版标记制作网页
过程与方法：能简单运用HTML标记语言设计简单版面的网页
1.标题标记
2.版面格式标记
1.项目符号标记
4、同学们的DWCS3软件网页语言有哪式，吸引学生
5、讨论一下，学习HTML文档的版面格引出本节课的
式？内容
讲授新课用HTML也能制设计出版面清楚的网页认真听讲并思考通过让学生学
完成新建首页，理解html基本结构记录笔记习DW的重要
完成任务一后结合该任务后面的“任务拓做笔记
展”，引导学生对排版标记的深入学习
小结学生掌握网页排版标记及其属性，能为后
面制作大型网站时布局页面起到铺垫作
用，结合“任务拓展”及实例题，让学生
巩固其知识点
作业使用html制作图文链接、图文混排
1.超链接标记
2.绝对路径和相对路径
3.图像标记
课程名称Dreamweaver日期11.4
课题使用表格标记制作简历课型新授课
知识与技能：掌握表格的几种标记及其属性用法
过程与方法：合并单元格的标记属性
情感态度与价值观：体会表格标记的魅力
1表.格的几种标记
2合.并单元格
3.框架标记及其属性
4、同学们的DWCS3软件网页表格标记式，吸引学生
有哪些？学习兴趣
5、讨论一下，学习HTML文档的表格标记引出本节课的
有哪些？内容
讲授新课使用表格标记制作简历认真听讲并思考通过让学生学
表格、表格框架在网页制作中起着至关重记录笔记习DW的重要
要的角色，在网页制作软件中运用表格、性，让学生树
表格框架比较繁琐，而利用HTML表格立学习的意识
标记却相对方便
简单介绍html表格标记
小结通过学生的上机实践，四个任务及任务拓
展的联系，学生已经初步掌握HTML的
几种常用标记，锻炼其在记事本文件中熟
练运用这几个标记。
作业完成教材项目2后面的自我测评
1.表格的几种标记
2.合并单元格
课程名称Dreamweaver日期11.9
课题创建和管理本地站点课型新授课
知识与技能：理解站点的含义
过程与方法：掌握创建和管理本地站点的方法
情感态度与价值观：体会DreamweaverCS3创建站点的乐趣
1.站点
2.常用站点
站点的含义
4、同学们的DWCS3软件三种常用的站式，吸引学生
点有哪些？学习兴趣
5、讨论一下，软件中创建及管理本地站引出本节课的
点的方法有哪些？内容
讲授新课建立站点认真听讲并思考通过让学生学
首先文档菜单》站点》新建站点，记录笔记习DW的重要
文档页新建首页index,性，让学生树
新建文档，服务器选择为无立学习的意识
建立一个站点，使学生掌握创建站点、站
点的编辑以及删除站点的方法做笔记
小结创建、编辑、删除站点的操作过程中，其
学生难免会遇到困难不能继续下一步，教
师应该指导并帮助其分析问题、找出问
题、解决问题、总结经验
课程名称Dreamweaver日期11.10
课题安装与配置Web服务器课型新授课
知识与技能：创建Web服务器及虚拟目录的方法
过程与方法：掌握创建和管理web的过程
情感态度与价值观：体会DreamweaverCS3创建服务器的乐趣
1.Web服务器
2主.目录
创建Web服务器
4、同学们的DWCS3软件虚拟目录有哪式，吸引学生
点的服务器方法有哪些？内容
讲授新课使用DreamweaverCS3创建一个简单的认真听讲并思考通过让学生学
文档网页记录笔记习DW的重要
任务三：以WindowsXP系统为平台，将性，让学生树
本机计算机配置成一台IIS服务器，并建立学习的意识
立一个虚拟目录
小结安装与配置Web服务器、创建虚拟目录做笔记
两个实例操作，比较复杂，操作步骤繁琐，
学生操作时一定要按照步骤操作，以免无
法安装
作业在本地计算机上，创建一个本地站点、并
对其进行管理，掌握站点的编辑、复制、
删除等操作
LWeb服务器
2.主目录
课程名称Dreamweaver日期11.11
课题创建“美丽风景欣赏”主页课型新授课
知识与技能：熟练掌握制作简单吐完网页的方法
过程与方法：熟练掌握在网页中插入文本、图像、Flash动画等元素的方法
情感态度与价值观：体会DreamweaverCS3创建主页的乐趣
1.网页的文本及文本编辑
2网.页的图像及图像编辑
多媒体素材
4、同学们的DWCS3软件创建文本网页式，吸引学生
5、讨论一下，软件中插入文本、图像、引出本节课的
Flash动画等元素的方法有哪些？内容
讲授新课网页设计中常用的几种图片格式有：认真听讲并思考通过让学生学
*.jpg*.png*.gif记录笔记习DW的重要
网页中插入文本、图像、Flash动画立学习的意识
菜单栏》插入图像》打开
菜单栏》多媒体元素》flash
小结在网页中插入图像、多媒体文件虽然操作做笔记
简单，但要在网页中清晰直观、有条理地
呈现出网页图文及多媒体文件也是需要
学生多做练习的
作业创建欣赏网页
2.网页的图像及图像编辑
课程名称Dreamweaver日期11.16
课题使用超链接创建链接页面课型新授课
授课班级21电商1班2班（高）班课时2
知识与技能：掌握创建超链接的方法
过程与方法：熟悉超链接的定义及其分类
情感态度与价值观：体会DreamweaverCS3创建链接的乐趣
1熟.悉超链接的定义及其分类
2.了解相对路径与绝对路径的定义
超链接的路径
播放《学习强国》思政小视频
同学们的DWCS3软件创建网页超链接有式，吸引学生
讨论一下，软件中插入文本、图像、Flash引出本节课的
动画等元素的超链接方法有哪些？内容
讲授新课1.超链接是网页中常用的元素之一，联系认真听讲并思考通过让学生学
项目2任务3中介绍的相对路径与绝对路记录笔记习DW的重要
径来理解超链接的路径。性，让学生树
2上.机实践中，除了掌握该任务中的文本
链接、图片链接，也需要掌握“‘延伸阅
读”中电子邮件链接和锚机链接的方法
小结超链接的方式有很多种，学生在学习该教做笔记
材中的几种超链接种类的基础上，可以去
了解其他的链接方式
作业创建锚记链接
1.超链接
2.URL
3.超链接的路径
课程名称Dreamweaver日期11.17
课题使用表格制作个人简历课型新授课
知识与技能：掌握利用表格元素创建简单页面的方法
情感态度与价值观：体会DreamweaverCS3创建个人简历的乐趣
1.熟练掌握表格元素的各种功能。
2.了解如何利用表格属性制作细线表格的方法
了解如何利用表格属性制作细线表格的方法
讲授新课表格也是网页设计中常用的元素，利用表认真听讲并思考通过让学生学
格，可以将原本杂乱无序的资料整理完记录笔记习DW的重要
整。Dreamweaver中表格功能强大，联系性，让学生树
项目2任务4的HTML表格标记来完成立学习的意识
该任务的上机实践
1表.格
2插.入表格
3设.置表格属性
4表.格的选择
小结表格也是网页设计中常用的元素，利用表
格，可以将原本杂乱无序的资料整理完整
作业创建单元格的拆分和合并
1.单元格的属性
课程名称Dreamweaver日期11.18
课题使用css设置页面、文本、段落的格式课型新授课
知识与技能：理解CSS样式表的含义、分类
过程与方法：能运用css样式表对网页的页边距
情感态度与价值观：体会DreamweaverCS3创建CSS的乐趣
1.CSS
2.CSS样式面板
CSS样式面板
同学们的DWCS3软件创建网页CSS有哪式，吸引学生
讨论一下，软件中插入CSS的创建及分类引出本节课的
讲授新课1.从分析''任务分析”中两个网页截图的认真听讲并思考通过让学生学
区别引入课题，讲述CSS在网页设计中记录笔记习DW的重要
的重要功能性，让学生树
2.结合该任务后面的“任务拓展”，掌握立学习的意识
CSS设置页面、文本、段落的格式的方法
3.CSS规则的设置
4.CSS使用原则
小结CSS操作简单，功能丰富，但要运用自如，
还需要学生多多练习，积累经验
作业创建CSS样式表
3.CSS的创建及分类
课程名称Dreamweaver日期11.23
课题使用CSS设置表格元素外观课型新授课
知识与技能：掌握利用CSS设置表格元素的方法
过程与方法：了解外部css样式表跨网页、跨网站应用的方法
情感态度与价值观：体会DreamweaverCS3创建CSS的外观
1.外部样式表
2.CSS设置表格元素
CSS设置表格元素
同学们的DWCS3软件创建网页CSS标签式，吸引学生
讨论一下，软件中插入CSS的创建外部样引出本节课的
式表有哪些？内容
讲授新课通过上机实践操作，讲解CSS样式表在认真听讲并思考通过让学生学
表格中的应用；也可以先讲解在上机操作记录笔记习DW的重要