| 开课平台 | 爱课程（中国大学MOOC） |
|---|---|
| 开课高校 | 宁波城市职业技术学院 |
| 开课教师 | 陈伟、方仁富、吴莹 |
| 学科专业 | 职业教育电子信息 |
| 开课时间 | 2024/03/04 - 2024/06/30 |
|---|---|
| 课程周期 | 17 周 |
| 开课状态 | 已结课 |
| 每周学时 | - |
本课程团队由三名教学经验丰富的教师组成，首先陈老师带领大家深入了解网站的开发流程以及整体规划，赏析优秀案例，回顾网页设计风格的历史演变以及展望其发展趋势。吴老师详细讲解网页设计的视听元素、版式设计及色彩应用，并使用Ps设计制作网页效果图。方老师实践教学Dreamweaver的软件操作，并讲授DIV+CSS的布局方法，以及介绍Js的相关功能模块的应用，从商业案例的讲解中贯穿设计软件的使用，引导学生不只是单纯学软件操作，更懂得设计软件的使用技巧与设计原理的完美融合。
本课程抛弃传统的《网页设计》以教授如何使用软件Dreamweaver来设计制作网页的教学模式，以项目载体的设计思路来开发课程，软件教学融入到项目制作中，并强调网页制作前的网站规划、页面布局、色彩设计等内容的重要性，也加强网页新技术新知识的补充，充分利用所建设资源进行线上线下课程的翻转学习。
一、 基本概念
1.1 网站的概念与开发流程
单元测验1
二、网站的整体规划
2.1 定位网站的主题和CI形象
2.2 确定网站的栏目版块和目录结构
2.3 确定网站的风格
2.4 网页风格的发展趋势
单元测验2
三、网页效果图设计制作
3.1 网页界面的构成要素
3.2 网页界面中的图形图像设计
3.3 操作演示：网站logo设计制作
3.4 操作演示：网站导航设计制作
相关资料
三、网页效果图设计制作
3.5 网页界面的色彩搭配
3.6 操作演示：利用Ps为网页配色
3.7 网站的首页设计
3.8 操作演示：利用Ps制作网页效果图
相关资料
单元测验3
网页效果图的制作
四、Dreamweaver软件操作
4.1 Dreamweaver快速入门
4.2 Dreamweaver制作首页
4.3 表格布局
单元测验4
五、CSS样式
5.1 CSS样式规则
5.2 CSS基础选择器
5.3 CSS盒子模型
5.4 CSS边框属性
单元测验5
期末作业主题
六、DIV+CSS
6.1 DIV标记
6.2 操作案例：DIV+CSS布局1
6.3 操作案例：DIV+CSS布局2
单元测验6
七、功能模块应用
7.1 初识JavaScript
7.2 JavaScript的应用
7.3 操作演示：Lightbox的应用
八、附加
8.1 IFRAME框架