《网页设计与制作项目教程（HTML+CSS+JavaScript）》（第2版）.doc

《网页设计与制作项目教程（HTML+CSS+JavaScript）（第2版）》课程教学大纲（课程英文名称）课程编号：学 分：5学分课 时：56课时 （其中：讲课42课时 上机14课时）先修课程：适用专业课程：电子商务、视觉传达、影视数媒一、 课程的性质与目标《网页设计与制作项目教程（HTML+CSS+JavaScript）》（第2版）是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript编程基础与事件处理等内容通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站二、 课程设计思路和教学要求课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的升华与知识层面的拓展，不能局限于单纯的技能训练单纯的技能训练不是提高高等职业教育的理想课程以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。

教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”操作系统：Windows 7及以上版本开发工具：Dreamweaver CS6（可替换为VS Code/Hbuilder等）三、 课程的主要内容及基本要求项目一 网页制作基础知识学习单元网页制作基础知识课时4课时学习目标² 知识目标了解Web标准，对网页的结构、表现、行为有一个基本的认识熟悉HTML、CSS和JavaScript语言的发展历史² 技能目标掌握Dreamweaver工具的基本操作掌握Dreamweaver工具的初始化设置学习内容知识点了解熟悉掌握重点难点网页的构成√网页相关的名词√Web标准√√HTML简介√CSS简介√JavaScript简介√常见浏览器介绍√Dreamweaver界面介绍√Dreamweaver初始化设置√√√Dreamweaver文档的基本操作√√创建第一个网页√项目二 “博客”页面制作学习单元“博客”页面制作课时6课时学习目标² 知识目标掌握HTML文档基本格式，对HTML文档格式有一个基本的认识了解HTML文档头部相关标签，知道一些常用头部标签的作用² 技能目标掌握图像标签的用法，能够制作图文混排页面。

掌握网页中文本的字体、字号和颜色的设置方法学习内容知识点了解熟悉掌握重点难点HTML文档基本格式 √HTML标签√HTML标签的属性√√HTML标签的关系√HTML文档头部相关标签√页面格式化标签√√文本样式标签√文本格式化标签√特殊字符标签√

标签√√常用图像格式√图像标签√√相对路径和绝对路径√√√切图√【项目实现】：页面建设准备工作√【项目实现】：制作“头部”模块√√【项目实现】：制作“博主简介”模块√√【项目实现】：制作“旅游随笔”模块√√【项目实现】：制作“驴友评论”模块√√【项目实现】：制作“页脚”模块√√项目三 “网上花店”专题页制作学习单元“网上花店”专题页制作课时8课时学习目标² 知识目标掌握CSS样式规则的特点，能够区分HTML属性和CSS样式的写法差异掌握CSS层叠性、继承性、优先级等特点，能够清晰描述并举例说明² 技能目标掌握引入CSS样式表的不同方式，能够在网页中引入CSS样式掌握使用CSS样式控制网页中的文本外观的技巧学习内容知识点了解熟悉掌握重点难点结构与表现分离√CSS样式规则√CSS样式表的引入√√CSS基础选择器√√CSS字体样式属性√CSS文本外观属性√CSS定义背景颜色√√CSS复合选择器√√CSS层叠性与继承性√√CSS优先级√√【项目实现】：页面建设准备工作√【项目实现】：制作“标题”模块√√【项目实现】：制作“分类”模块√√【项目实现】：制作“热卖”模块√√【项目实现】：制作“页脚”模块√√项目四 “爱家居”企业网站首页制作学习单元“爱家居”企业网站首页制作课时8课时学习目标² 知识目标了解盒子模型的概念，能够举例描述盒子模型结构。

掌握元素的类型，能够归纳不同元素类型的特点熟悉常见的布局类型，能够总结不同类型布局的差异² 技能目标掌握使用盒子模型相关属性设置不同的盒子模型样式的方法掌握使用浮动和定位属性对页面进行布局的方法掌握清除元素浮动的方法学习内容知识点了解熟悉掌握重点难点认识盒子模型√边框属性√√内边距属性√√外边距属性√√背景属性√√宽度属性和高度属性√√透明√圆角√阴影√渐变√√元素的类型√标签√√元素的转换√块元素垂直外边距的合并√元素的浮动属性√√清除浮动√√√overflow属性√元素的定位属性√静态定位√相对定位√√√绝对定位√√√固定定位√z-index层叠等级属性√【项目实现】：面建设准备工作√【项目实现】：制作导航及banner模块√√【项目实现】：制作“热门推荐”模块√√【项目实现】：制作“夏日生活”模块√√【项目实现】：制作“版权信息”模块和“悬浮框”模块√√项目五 “优课教育”网站首页面制作学习单元“优课教育”网站首页面制作课时8课时学习目标² 知识目标掌握无序列表、有序列表和定义列表的特点，能够区分它们之间的差异掌握四种链接伪类的特点，能够区分不同链接伪类的作用² 技能目标掌握列表嵌套方法，能够使用无序列表、有序列表及定义列表对模块进行排列。

掌握创建超链接的方法，能够为网页添加超链接熟悉常见的页面布局类型，能够使用这些布局类型完成简单的页面布局学习内容知识点了解熟悉掌握重点难点无序列表√有序列表√定义列表√列表的嵌套应用√list-style复合属性√背景图像定义列表项目符号√√创建超链接√锚点链接√√链接伪类控制超链接√√√【项目实现】：页面建设的准备工作√【项目实现】：制作“导航模块”√√【项目实现】：制作“banner模块”和“课程分类模块”√√【项目实现】：制作“精品展示模块”√√【项目实现】：制作“版权信息模块”√√项目六 “千年之恋”注册页面制作学习单元“千年之恋”注册页面制作课时8课时学习目标² 知识目标了解表格相关标签，能够区分不同表格标签的作用熟悉表单的结构，能够知道各部分表单结构的作用掌握不同类型表单控件的特点，能够区分它们之间的差异² 技能目标掌握CSS控制表格样式的方法，能够在网页中设置不同的表格样式掌握CSS控制表单样式的方法，能够在网页中设置不同的表单样式学习内容知识点了解熟悉掌握重点难点表格的创建√

标签的属性√标签的属性√

标签的属性√

标签的属性√CSS控制表格边框√CSS控制单元格边距√CSS控制单元格的宽高√初识表单√创建表单√input控件√√√textarea控件√√select控件√√新增input控件类型√√新增input控件属性√√CSS控制表单样式√√√【项目实现】：页面建设准备工作√【项目实现】：制作“头部和导航”模块√√【项目实现】：制作“banner和内容”模块√√【项目实现】：制作“页脚”模块√√项目七 “视频8”首页制作学习单元“视频8”首页制作课时6时学习目标² 知识目标了解网页中常见的音频和视频格式，能够了解不同音频和视频格式的兼容性。 ² 技能目标掌握网页中音频和视频的嵌入技术，能够在网页中嵌入音频和视频掌握网页中添加过渡的方法，能够在网页中设置过渡效果掌握网页中添加变形的方法，能够在网页中设置变形效果掌握网页中添加动画的方法，能够在网页中设置动画效果学习内容知识点了解熟悉掌握重点难点音频、视频嵌入技术概述√嵌入视频√嵌入音频√浏览器对音视频文件的兼容性√控制视频宽高√transiti。 点击阅读更多内容 点此查看常见问题 相关文档 2025年国家开放大学《数控加工工艺》形考任务1-4参考答案和大作业.docx 国开2025年秋季《形势与政策》形考任务1-5与大作业.docx 旅游鉴赏概论：水域景观鉴赏.ppt 经济学基础（第二版）绪论.pptx 经济学基础（第2版）生产理论.ppt 经济学基础-生产理论.pptx 金融职业技能课件：数字书写技能.pptx 金融营销(第四版)课件：目标市场营销.pptx 旅游经济学（第2版）旅游市场与开拓.pptx 旅游鉴赏概论：现代旅游景观概述.ppt 经济学原理（第三版）课件：产品市场和货币市场的均衡.pptx 旅游经济学（第2版）旅游经济效益.pptx 经济学原理与应用课件：失业与通货膨胀原理与应用.pptx 经济学基础（第二版）宏观经济政策.pptx 金融职业技能课件：文字录入技能.pptx 经济学基础-消费者行为理论.pptx 计算机网络（第2版）网络管理与网络安全.pptx 基础会计学（第4版）成本计算.ppt 金融专业英语（第二版）课件：Sub-prime crisis and Fed's action.pptx 经济学基础（第二版）成本论.pptx 进入店铺   收藏店铺 相似文档 更多> 正为您匹配相似的精品文档 最近下载 眼部创伤的生物力学分析-深度研究.docx 人防工程监理实施细则条例(新范本).doc 风电项目工程施工组织设计方案.doc 大叶性肺炎诊断和鉴别诊断课件.ppt 备考2025青海省湟中县第二人民医院护士招聘提升训练试卷A卷附答案.docx 2023年度青海省湟中县第二人民医院护士招聘测试卷(含答案).docx 图文排版——排版设计的十种形式.pdf 消费者动机PPT课件.ppt 城市污水处理厂工程质量验收记录表-全套表格.docx 路基土石方工程智能化施工与技术革新.pptx 企业战略管理教案.docx 企业战略管理 教案.pdf 关于金锄头网 - 版权申诉 - 免责声明 - 诚邀英才 - 联系我们 手机版 | 川公网安备 51140202000112号 | 经营许可证（蜀ICP备13022795号） ©2008-2016 by Sichuan Goldhoe Inc. All Rights Reserved. QQ咨询 微信客服 返回顶部