课程目标
经过短期强化系统的学习,熟练软件工具的主要使用方法,掌握网站美工设计制作中的常用套路,积累大量网站常见的设计风格和素材,最后达到可以综合使用所学的知识,独立完成中型商业网站的美工设计制作。
课程对象
熟悉网页浏览和常用办公软件的操作,热爱网络技术,作为爱好学习或准备参加网站美工工作的有识之士。
师资力量
由上海网站设计行业知名老师授课。
课程设置
网站概念知识、色彩构成、网页设计中的美学规律、XHTML网页超文本语言、Dreamweaver网页编辑排版、DIV+CSS网页样式实例讲解、SEO优化、Fireworks网页图形处理、Flash二维动画、Photoshop平面设计软件在网站设计中的应用、作品设计及点评、实战案例分析讲解。
网页制作常识、网站建设流程;dreamweaver软件操作基础:插入文本、图像、超级链接、flash、音频、表格、表单等;了解ftp、域名、空间 、网站动态交互技术;网页标准化技术:Xhtml结构、DIV+CSS布局技
Flash软件操作基础,掌握Flash动画设计的三大基本功能:绘图和编辑图形、补间动画和遮罩;了解动画原理及运动规律;创意动画设计;
fireworks软件操作基础;网页配色,网页设计基本常识;网页LOGO、Banner、button、UI图标的设计制作;常见网页GIF动画制作;网页切片;
网站建设流程 | 了解商业网站建设的标准流程;理解网站建设的技 术及人员分工;掌握域名申请与云空间的注册方法。 | 熟练掌握网站建设的工作流程、 技术及实用工具,熟悉各种设备 尺寸的 WEB 布局设计规范和布 局技巧,可独立完成商业网站搭 建及制作。 |
网页设计规范 | 了解网页设计的规范及要求;理解网页文字规范、 网页尺寸规范;掌握类型网页设计全部设计规范。 | |
网页界面设计风格解析 | 了解网页界面设计风格的类型;理解网页界面设 计风格的特点;掌握不同类型网页界面设计风格 的方法。 |
网页图标设计 | 了解图标的造型原理;理解图标的效果添加方法; 掌握 Photoshop 的矢量工具和图层样式。 | 熟练掌握网站建设的工作流程、 技术及实用工具,熟悉各种设备 尺寸的 WEB 布局设计规范和布 局技巧,可独立完成商业网站搭 建及制作。 |
网页广告(Banner) 设计 |
了解网页广告(Banner)的设计流程;理解网页 广告(Banner)文案分析的方法;掌握网页广告 (Banner)创意设计手法。 | |
Gif 动画表情设计 | 了解 Gif 动画的原理和应用范围;理解社交应用中 表情的设计特点;掌握 Gif 动画表情的制作方法。 | |
企业网站 WEB 界面设计 |
了解企业网站的设计风格与特点;理解企业网站设 计的需求分析原则;掌握企业网站 WEB 界面设计 的方法。 | |
专题网页 WEB 界面设计 |
了解专题页设计的风格与特点;理解专题页的设计 需求分析原则;掌握专题页WEB界面的设计方法。 | |
电子商务网站 WEB 界 面设计 |
了解电子商务网站 WEB 界面设计的风格与特点; 理解电子商务网站的设计需求分析原则;掌握电子 商务网站 WEB 界面设计的方法。 | |
网页切图与优化 | 了解网页切图的原则,学习如何标注(Mark Man)页面;理解网页切图工具的使用和图像优 化的方法;掌握各种类型网页切图的方法及与代码 的衔接。 | |
Flash 超媒体设计 | 了解 Flash 动画的原理;理解 Flash 动画的制作 技巧;掌握 Flash 动画在网页中的应用方法。 |
1、html。html是编辑网页的基础。是最简单,最基础的,基本写几遍代码就能理解。
2、table布局。table布局属于html的内容,但是是html 的重点,学会用table布局网页,虽然table布局有点过时,但是很多时候很多用得到的地方。
3、divcss。这是网页设计的重点,写好了,网上95%你见到的页面都能自己写出来了,当然我说的是静态部分。divcss相对html 难度上升了一个等级,但是也不很难,只要耐心点研究也是可以学好的。float属性和绝对定位相对定位是重点。
4、JavaScript/jquery。Javascript是网页脚本语言,是实现网页动态效果的语言,使用JavaScript可以使网页更加酷炫,有吸引力。比如网页上的轮播图,弹窗等都是用Javascript/jquery实现的
5、html5css3响应式网页设计,是现在比较流行,也是一种趋势,html5css3做成的页面比较美观大气,也能适应各个终端。html5是趋势现在需求也是很大,学习好html5也是一个前端人员必备知识技能。
网页设计需要学什么?
网页设计基础
这一阶段的学习主要是了解行业基础和简单的软件操作等,学习内容包括:行业概述与学前准备、Photoshop图像处理软件、illustrator矢量图形处理软件、CINEMA 4D 三维立体软件、矢量插画绘制。
会一些项目实战练习:图像高级合成案例产品、人像精修案例、PS特效案例、综合案例制作、矢量类设计综合案例、立体字、立体场景、立体元素、场景插画、人物插画、动物插画。
网页设计高阶
这一阶段就是进一步学习和网页设计相关的理论知识,学习内容包括:网站概述、网页设计与制作介绍、电商设计与店铺装修、web界面—专题设计、web网站布局与专题制作、企业网站设计与制作、后台系统设计、WAP网站设计、H5新媒体运营设计。