想学习一门技能，拥有极具职场竞争力的能力
1对UI设计有浓厚兴趣，想通过学习成为网页设计大神
2大学/高中刚毕业，想找一份高薪有前景的工作
3非UI或设计行业迫切要转行，想要学一门有前景、高薪的技术改变现状
4学过平面设计（字体、海报）等，想在已有基础上更进一步
5如今电商发展迅速，网页设计优秀人才亟待补缺，就业空间很大
6课程目标
经过短期强化系统的学习，熟练软件工具的主要使用方法，掌握网站美工设计制作中的常用套路，积累大量网站常见的设计风格和素材，最后达到可以综合使用所学的知识，独立完成中型商业网站的美工设计制作。
课程对象
熟悉网页浏览和常用办公软件的操作，热爱网络技术，作为爱好学习或准备参加网站美工工作的有识之士。
师资力量
由上海网站设计行业知名老师授课。
课程设置
网站概念知识、色彩构成、网页设计中的美学规律、XHTML网页超文本语言、Dreamweaver网页编辑排版、DIV+CSS网页样式实例讲解、SEO优化、Fireworks网页图形处理、Flash二维动画、Photoshop平面设计软件在网站设计中的应用、作品设计及点评、实战案例分析讲解。
（1）我们经常浏览一些国内外企业的网站，同时密切关注设计的本质(这是提高设计水平的重要方法和捷径!)，我想说的是，即使两个网站内容完全相同，一个是国内网站，另一个是国外网站，我们一眼就能看出它们的不同(当然不是文字上的不同)，我们必须承认外国网站的结构设计和色彩水平!
国内网站在设计时并不注重这些方面的表达。网页数量过多、互不相关的两种颜色放在一起，搭配不协调，缺乏统一的风格。
（2）主要问题是: 处理方法简单，缺乏设计理念:图像是正正方方的，基本看不出经过处理;不注意图片和文字的互补搭配;图片太暗，图片上的文字模糊不清;图片孤立，缺乏与周围内容的统一性;用色很奇怪，图片的颜色也是随机的。其中一些只是随便找一些图片，然后经过高度和宽度的变形，图像处理缺乏深度和精细度;背景和前景字符缺乏亮度对比度，复杂的背景图像掩盖了前景人物的内容，给人的印象是网站一团糟……
| WEB 标准化布局 | 了解 HTML 及 CSS 语言的语法基础；理解常用 标签及属性的使用技巧；掌握网页结构与表现的结 合技术，快速高质量的还原设计效果图。 | 熟练掌握网站建设的工作流程、 技术及实用工具，熟悉各种设备 尺寸的 WEB 布局设计规范和布 局技巧，可独立完成商业网站搭 建及制作。 |
| 浏览器兼容 | 了解浏览器的发展趋势；理解浏览器兼容的要求； 掌握多种浏览器兼容代码的编写技术。 | |
| CSS3 交互动效设计 | 了解最新的 CSS3 动效属性；理解网页及移动端 CSS3的使用范围；掌握CSS3动效在网页界面、 手机启动页、广告轮播效果等实用领域的应用。 | |
| HTML5 响应式设计 | 了解自适应布局、响应式布局及其区别；理解响应 式布局思路与方法；掌握能适应各种设备的响应式 网站制作技术。 | |
| JavaScript 核心 | 了解 JavaScript 在网站中的作用；理解 JavaScript 对交互动效的实现思路和方法；掌握 JavaScript 变量、数组、语句、函数等语法规则 和交互动效案例的制作。 | |
| JQuery | 了解 JQuery 语法、常用方法及动效技巧；理解 JQuery 实现动效的原理；掌握 JQuery 交互动 画实现思路和快速使用 JQuery 特效库完成动效 制作。 | |
| 手机网站制作 | 了解手机网站尺寸及布局规范；理解手机网站布局 原理和思路；掌握手机端网站布局的技术及并制作 可线上访问的手机网站。 |
| 主流网站 CMS 系统的 使用 | 了解网站后台实现原理及工作流程；理解 CMS 系 统的应用领域；掌握网站 CMS 系统的搭建技术。 | 熟练掌握网站建设的工作流程、 技术及实用工具，熟悉各种设备 尺寸的 WEB 布局设计规范和布 局技巧，可独立完成商业网站搭 建及制作。 |
|
网站 CMS 系统 模板设计 |
了解网站 CMS 系统模板的构成；理解网站 CMS 系统模板制作的方法；掌握网站 CMS 系统快速改 版的技巧。 | |
| 阶段考核 | 提供多个商业项目供学员测试，检验学员学习效果。 | |
| 项目实训 | 通过真实的商业项目，掌握智能设备界面设计及 交互设计的全流程。 | |
| 项目提案 | 学员分组，以商业竞标的方式进行项目提案展示。 老师会对学员的项目进行评析，提升学员表达及实 战能力。 |
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也是一个前端人员必备知识技能。
一个网页的尺寸设置与屏幕分辨率和浏览器相关，我们不可能满足所有用户的最佳尺寸，但我们能做的是让绝大多数用户感觉是最佳的。我们可以通过统计分析工具获取用户屏幕分辨率数据，从而为设计提供参考。
进行跨设定字体使用规范，如主标题、次标题、小标题、正文、辅助文字、失效文字、链接文字等字号、颜色、样式等。字号不得小于12px，标准 icon 可转成字体图标，特殊字体可以使用 WebFont。
在布局时遵循尺寸规则、交互和视觉原则，建议使用栅格系统进行布局。最常见的是12列栅格系统，例如Bootstrap的栅格系统，支持将一行分成 1 列、2 列、3 列等，并提供了强大的响应式布局方案。
颜色是网页设计的核心，其有助于设计主题和主旨的构建。另外，其还具有心理层面的作用，也就是说颜色能够影响网站访客看待网站用户体验的方式。
注意行高和段落、标点和空格、对齐、文案长度、层级引导。行高和段落，行高默认为字号的1.5倍。段落间距一般为字号的一倍宽。
设计需了解一些常见动画效果、实现手法和js动效库，例如：渐隐、缩放、移动、伸缩、摇摆等，便于和前端沟通。
