《Dreamweaver网页设计立体化教程
(DreamweaverCC2023)》
教学大纲
一、课程信息
课程名称：Dreamweaver网页设计
课程类别，专业基础课
课程性质：选修/必修
计划学时：54
计划学分，4
先修课程：无
适用专业，电子商务专业、电子信息类、计算机网络技术专业、计算机信息管理专业
课程负责人：
二、课程简介
随着互联网信息技术、数字技术和手机移动终端技术等的飞速发展，各企事业单位对网页设计人员的需求不断增加，对设计人员的要求也越来越高。DreamWeaVer广泛应用于网页设计领域，它是Web前端技术开发的必备课程。
本课程介绍了网页设计基础、DreamWeaVer的基本操作，对编辑网页元素、编辑网页中的超链接、布局网页、使用模板和库、使用表单和行为、制作移动端网页、测试与发布网站等知识进行了讲解，最后还安排综合案例，目的是通过本课程的学习，培养学生的计算机的操作能力和实际动手能力，能够运用所学知识进行网页设计。
三、课程教学要求
序号 | 网站建设网页制作教程专业毕业要求 | 课程教学要求 | 关联程度 |
1 | 工程知识 | 1 | |
2 | 问题分析 | 掌握网页设计与制作的相关知识，并对各个板块效果的设计与制作方法进行掌握 | H |
3 | 设计/开发解决方案 | 具备网页设计与制作的能力，能够独立完成不同类型网站的设计与制作。 | H |
4 | 研究 | H | |
5 | 使用现代工具 | DreamweaverCC2023 | 1 |
6 | 工程与社会 | 1 | |
7 | 环境和可持续发展 | 1 | |
8 | 职业规范 | 培养网页设计与制作相关工作人员 | 1 |
9 | 个人和团队 | 案例分析与讨论要求学生分组，分担任务，学习配合 | H |
10 | 沟通 | 通过小组发言、提交案例报告增强网页设计与制作知识 | M |
11 | 项目管理 | 1 | |
12 | 终身学习 | 以终生学习为目标，对网页设计与制作相关知识进行掌握学习 | H |
注：“课程教学要求”栏q | 口内容为针对该课程适用专业的专业毕业要求与相关教学要求的具 | ||
体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三档分别表示为“H”或"1”。“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。
四、课程教学内容
章节 | 名称 | 主要内容 | 重难点关键词 | 学时 | 类型 |
项目一 | 网页设计基础 | 任务一规划“佳美馨装饰”网站结构 任务二创建“佳美馨装饰”站点 实训一规划“中国皮影”网站实训二创建“中国皮影”站点课后练习 技巧提升 | 网站、网页、主页的概念；网页的构成元素；常用网页制作软件；HTM1、HTM15、JavaScript：网站开发流程；创建和管理站点； | 6 | 理论+上机 |
项目二 | 添加文本与表格 | 任务一制作“佳美馨装饰一网站简介”网页 任务二制作“佳美馨装饰一 会员列表”网页 实训一制作“中国皮影——皮影戏”网页 实训二制作“中国皮影——皮影起源传说”网页课后练习 技巧提升 | 新建、保存与打开网页；设置网页属性；输入文本；插入列表；插入表格；设置表格、单元格属性；插入特殊字符； | 6 | 理论+上机 |
项目三 | 插入图像和多媒体对象 | 任务一制作“佳美馨装饰一成功案例”栏目网页 任务二制作“佳美馨装饰一中式田园风格”内容网页实训一制作“中国皮影——皮影鉴赏”网页 实训二制作“中国皮影——皮影的表演”网页 课后练习 | 网页图像基础知识；插入图像；创建鼠标经过图像；创建图像轮播；插入视频、音频、动画； | 6 | 理论+上机 |
技巧提升 | |||||
项目四 | 创建超链 接 | 任务一创建“佳美馨装饰一一网站地图”网页中的超链接任务二创建“佳美馨装饰一一”网页中的超链接实训一制作“中国皮影一一网站地图”栏目网页 实训二制作“中国皮影——皮影的制作流程”内容网页课后练习 技巧提升 | 创建文本、图像超链接；认识锚点超链接、认识文件下载超链接、认识超链接、认识空链接、认识脚本链接； | 5 | 理论+上机 |
项目五 | 布局网页 | 使用div+CSS样式盒子模型布局“佳美馨装饰一一公司荣誉”网页 任务二使用响应式布局制作 “佳美饰馨装”首页 实训一制作“中国皮影——皮 影的地方特”网页 实训二制作“中国皮影”首页 课后练习 技巧提升 | 认识CSS样式:“CSS设计器”面板；CSS样式的属性；应用CSS样式；认识div+CSS盒子模型；利用div+CSS盒子模型布局网页；设置视口并添加媒体查询； | 6 | 理论+上机 |
项目六 | 使用模板和库 | 任务一使用模板制作“原木简约风三居室装修案例”网页任务二在“装修方案精选”网页中使用库 实训一使用模板制作“中国皮影一一陕西皮影”网页 实训二使用库项目制作“皮影文创产品”网页 课后练习 技巧提升 | 认识模板；创建模板；编辑模板；应用模板；认识“资源”面板；创建库项目；编辑库项目；插入库项目； | 5 | 理论+上机 |
项目七 | 使用表单和行为 | 任务一在“佳美馨装饰一一会员登录”网页中使用表单任务二在“佳美馨装饰一一会员登录”网页中使用行为实训一在“中国皮影一一问卷调查”网页中使用表单 实训二在“中国皮影——皮影图集”网页中使用行为课后练习技巧提升 | 认识表单和表单元素；插入表单并设置表单属性；插入表单元素；认识“行为”面板；添加行为；修改行为；删除行为； | 6 | 理论+上机 |
项目八 | 制作移动端网页 | 任务一制作移动端“装修案例”网页 任务二创建PHP页面 | 认识jQueryMobi1e；创建jQueryMobi1e页面；使用jQuery | 5 | 理论+上机 |
实训一制作移动端“中国皮影”网页 实训二制作移动端“问卷调查”网页 课后练习 技巧提升 | Mobi1e组件；安装PHP服务器；编辑PHP页面；浏览PHP页面； | ||||
项目九 | 测试与发布网站 | 任务一测试“佳美馨装饰”网站 任务二发布“佳美馨装饰”网站 实训测试与发布“中国皮影” 网站 课后练习 技巧提升 | 实时预览网页；使用设备仿真功能预览网页在移动设备中的显示效果；认识域名；认识网站空间；发布网站 | 5 | 理论+上机 |
项目十 | 综合案例一_非遗文化网站建设 | 任务一前期规划 任务二创建网站站点任务三制作网页模板任务四制作网站页面实训一制作珠宝网页实训二制作“微观多肉植物”网页 课后练习 技巧提升 | 分析网站的用户需求、确定网站风格、设计网页效果图；制作网站主页； | 4 | 理论+上机 |
五、考核要求及成绩评定
序号 | 成绩类别 | 考核方式 | 考核要求 | 权重(%) | 备注 |
1 | 期末成绩 | 期末考试 | 大作业 | 50 | 百分制，60分为及格 |
2 | 平时成绩 | 实战训练 | 10次 | 40 | 优、良、中、及格、不及格 |
3 | 平时表现 | 出勤情况 | 10 | 两次未参加课程则无法获得学分 | |
注：此表中内容为该课程的全部考核方式及其相关信息。
六、学生学习建议
(一)学习方法建议
1.理论配合实战训练进行学习，提高学生的实战动手能力；
2.让学生先了解网页设计的基础知识，再通过网页案例来认识网站，综合运用所学知识设计出自己构想的一个网站；
3.提高学生的是设计感和审美能力；
4.培养学生制作一个完整的网站的设计思路。
(-)学生课外阅读参考资料
略
七、课程改革与建设
本课程是一门实操性较强的课，相对于纯理论知识的枯燥讲解方式，为了吸引学生的兴趣，教学形式采用情景导入一任务讲解一项目实训一课后练习T技巧提升。相对于过去以基础知识为主的方式，改革后更注重实际操作的学习，通过更多案列，让学员学习到更实用的知识。
平时对学生的考核内容包括出勤情况、在线学习习题完成情况、课堂讨论等方面，占期末总评的50%。期末考试成绩占期末总评的50‰.
制订人签字： | 教研室主任签字： | 院部负责人签字： | |||
修订时间： | 年 | 月 日 | |||
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论