《网页设计与制作——DreamweaverCC+HTML5+CSS3》课程
教学大纲
课程名称：网页设计与制作课程编码：
英文名称：WebDesignandDevelopment课程性质：专业必修
学时：42课程学分：3
先修课程：计算机文化基础、艺术概论
适用专业：数字媒体艺术
一、课程简介
《网页设计与制作》是数字媒体艺术专业本科学生的一门专业必修基础课程，属于人才培养规格实现矩阵中数字媒体创作能力要求的重要组成部分。本课程旨在让学生全面掌握网页设计与制作的核心技能，包括但不限于Dreamweaver、HTML（超文本标记语言）、CSS（层叠样式表）等前端开发技术的基础知识与实际运用。通过系统学习，学生将学会如何规划网站架构、设计用户界面、优化用户体验，以及实现网页的交互效果和响应式布局，以适应不同设备的显示需求。
课程内容涵盖从基础理论到项目实践的多个层面，如网页配色原则、布局设计技巧、多媒体元素的整合应用，以及如何运用版本控制系统进行团队协作开发等关键技能。通过实际案例分析与动手实践相结合的教学方法，学生能够逐步构建起自己的作品集，为未来在数字媒体、互联网行业等相关领域的职业发展奠定坚实的基础。同时，本课程与网页设计师、前端开发工程师等多个岗位需求紧密相连，对于提升学生在专业领域的综合素养和就业竞争力具有不可或缺的作用，是连接理论知识与实际工作场景的重要桥梁。
二、教学目标
本课程的教学以操作训练为主，在教师指导下开展制作流程讨论、上机训练、非线编机房实践等活动增强教学效果，在课堂教学中，注重运用项目式、问题驱动等教学方法，培养学生的知识运用能力和创新能力。力求通过教师深入透彻地讲解使学生掌握网页设计的基本理论，使学生从理论上到实践上都能够获得关于网站制作的基本知识和基本技能，能在将来的网页前端实践中学以致用。同时在授课中注意过程性考核与过程性监控，在每一项目的授课单元中均进行多次的问题讨论或技能训练。
主要教学内容与学习目标：
???????掌握DreamweaverCC的基础知识
???????掌握站点的创建与管理
???????掌握HTML5的基础知识
???????掌握创建HTML5网页中的文本与图像的方法
???????创建HTML5网页中的表格与表单
???????掌握HTML5中的超链接的创建方法
???????掌握在HTML5网页中添加音频与视频的操作
???????掌握CSS3的基础知识
???????掌握CSS3中属性设置的方法
???????掌握使用CSS3设置表格与表单样式的方法
???????掌握使用CSS+Div布局网页的操作
???????掌握制作餐饮美食网站的方法
三、实验方式与基本要求
操作训练是网页设计与制作课程的重要实践环节。通过实验，使学生全面掌握使用DreamweaverCC+HTML5+CSS3设计作品的技能。
实验方式：利用机房，老师演示软件的知识点和操作步骤，学生马上独立操作做练习。
基本要求：
1、实验课前给学生指出训练目标和任务、实验课的注意事项、实验的目的要求，使学生对本次实验有一个比较充分的了解。
2、要求认真操作，独立完成相应网页制作练习，并且课堂点评，以良好的现场反馈情况，强化知识点，提高技能。
3、教师在实验前做出网页作品，讲解制作过程中容易出现的问题，力求使学生做出较为满意的网页效果。
四、教学内容与建议学时安排
序号
教学内容
建议学时
1
第01章DreamweaverCC基础入门
2
2
第02章站点的创建与管理
2
3
第03章HTML5基础
4
4
第04章创建HTML5网页中的文本与图像
4
5
第05章创建HTML5网页中的表格与表单
4
6
第06章HTML5中的超级链接
2
7
第07章HTML5网页中的音频与视频
2
8
第08章CSS3基础
5
9
第09章CSS3中的属性设置
5
10
第10章使用CSS3设置表格与表单样式
4
11
第11章使用CSS+DIV布局网页
4
12
第12章综合案例——制作餐饮美食网站
4
五、教材与学习资源
（一）主讲教材
姜勇编著.网页设计与制作——DreamweaverCC+HTML5+CSS3（微课版）.北京:人民邮电出版社，2025.
（二）学习用参考书
[1]汤京花，宋园编著.DreamweaverCS6网页设计与制作标准教程微课版.人民邮电出版社,2016.
[2]修毅，洪颖，邵熹雯编著.网页设计与制作——DreamweaverCC标准教程.人民邮电出版社,2018.
[3]