本课程团队由三名教学经验丰富的教师组成,首先陈老师带领大家深入了解网站的开发流程以及整体规划,赏析优秀案例,回顾网页设计风格的历史演变以及展望其发展趋势。吴老师详细讲解网页设计的视听元素、版式设计及色彩应用,并使用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框架
1、会Photoshop或者Illustrator的基本操作;
2、有版式设计的相关知识;
《Adobe Dreamweaver CC 2019经典教程》 吉姆·马伊瓦尔德(Jim Maivald) 著,姚军 译 人民邮电出版社
《完美网页设计艺术》 比尔德Beaird,J 著,熊平,宓媛珊 译 人民邮电出版社
《CSS艺匠之门》 阿达米斯(Adams,C.)等著,张普含,李小群译 人民邮电出版社