hi,小慕
网页设计
第10次开课
开课时间: 2024年03月04日 ~ 2024年06月30日
学时安排: 4
当前开课已结束 已有 1010 人参加
立即自学
往期不提供结课证书,想参加下学期课程, 点击这里预约>>
课程详情
课程评价(140)
spContent=网页设计不仅有软件技术方面的应用,还包括视觉艺术设计,其中软件技术是网页设计的实现基础,艺术设计是网页设计的灵魂。以往的网页设计课程偏重于软件的操作教学而忽略艺术创新的引导,而本课程强化视觉和交互的艺术设计,激发学生的创新意识,进而驱动学生为实现创新设计而主动进行软件技术的专研。
网页设计不仅有软件技术方面的应用,还包括视觉艺术设计,其中软件技术是网页设计的实现基础,艺术设计是网页设计的灵魂。以往的网页设计课程偏重于软件的操作教学而忽略艺术创新的引导,而本课程强化视觉和交互的艺术设计,激发学生的创新意识,进而驱动学生为实现创新设计而主动进行软件技术的专研。
—— 课程团队
课程概述

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


宁波城市职业技术学院
3 位授课老师
陈伟

陈伟

副教授

方仁富

方仁富

系统分析师、助理研究员

吴莹

吴莹

讲师

推荐课程

【DeepSeek适用】小白玩转AI大模型应用开发

林粒粒

226人参加

小白玩转 Python 数据分析

林粒粒

92人参加
下载
下载

下载App