本课程首先带领大家深入了解网站的开发流程以及整体规划,赏析优秀案例,回顾网页设计风格的历史演变以及展望其发展趋势。接着详细讲解网页设计的视听元素、版式设计及色彩应用,并使用Ps设计制作网页效果图。然后实践教学Dreamweaver的软件操作,从商业案例的讲解中贯穿设计软件的使用,引导学生不只是单纯学软件操作,更懂得设计软件的使用技巧与设计原理的完美融合。
本课程抛弃传统的《网页设计》以教授如何使用软件Dreamweaver来设计制作网页的教学模式,以项目载体的设计思路来开发课程,软件教学融入到项目制作中,并强调网页制作前的网站规划、页面布局、色彩设计等内容的重要性,也加强网页新技术新知识的补充,充分利用所建设资源进行线上线下课程的翻转学习。
无证书
1、会Photoshop的基本操作;
2、有版式设计的相关知识;
第一章 基本概念
1.1 网站的概念与开发流程
单元测验1
第二章 网站的整体规划
2.1 定位网站的主题和CI形象
2.2 确定网站的栏目版块和目录结构
2.3 确定网站的风格
2.4 网页风格的发展趋势
第三章 网页效果图设计制作
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制作首页
第四章 Dreamweaver软件操作
4.3 表格布局
实战任务 利用表格制作网站页面
第五章 CSS样式
5.1 CSS样式规则
5.2 CSS基础选择器
5.3 CSS盒子模型
5.4 CSS边框属性
期末作业主题
第六章 网页艺术设计实战
6.1 实战任务一 网页作品临摹绘制
第六章 网页艺术设计实战
6.2 实战任务一 商业网站主页设计
《Adobe Dreamweaver CC 2018经典教程》 吉姆·马伊瓦尔德(Jim Maivald) 著,姚军 译 人民邮电出版社
《完美网页设计艺术》 比尔德Beaird,J 著,熊平,宓媛珊 译 人民邮电出版社
《CSS艺匠之门》 阿达米斯(Adams,C.)等著,张普含,李小群译 人民邮电出版社