课程概述

本课程首先带领大家深入了解网站的开发流程以及整体规划,赏析优秀案例,回顾网页设计风格的历史演变以及展望其发展趋势。接着详细讲解网页设计的视听元素、版式设计及色彩应用,并使用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.)等著,张普含,李小群译 人民邮电出版社