课程介绍
网页设计要学什么内容
-
商业网页基础设计
学习矢量地图、位图、像素和颜色模式等基本知识，熟练掌握Photoshop，并能够用Photoshop软件快速、高效地设计网页效果图。
学习photoshop的基本操作，包括工具使用、图层使用、色彩校正操作、通道、滤镜使用、路径、图像处理、图像输出、图像设计、图像制作、图像合成等知识。 -
商业网页高级设计
充分考虑市场需求和技术可行性，在商业网页设计实践中创造艺术与技术的完美结合，培养高端网页设计师。
系统学习线条、构图、配色等基本知识，掌握专业的思维导图和网页设计原型规划软件，学习商业网页设计创作方法和思想;项目实践后，让学生总结在设计过程中的经验，提高商业网站设计水平。 -
网页前端技术
系统学习html语言、网络编程思想、div+css和javascript，熟悉dreamwear的常用功能，熟练使用photoshop，能够将网页设计师提供的精美效果图制作成符合w3c标准的全静态网页。并能够在实际开发中使用专业网络公司常用的FireBug等工具进行网页调试，解决实际工作中常见的错误，提高项目的开发效率。
主题网页设计
-
确定网站的主题
先需要知道建立网站的目的是什么，确定网站的主题，应指导学生遵循以下原则:
1.定义主题，定位要小，内容应精确。例如，设计一个诗歌网站，如唐诗，筛选来制作网站，定位会小得多，内容也会精炼得多，对学生来说，反而更能做出一个优秀的网站。
2.选择擅长的，并根据学生的兴趣和平时关注的事情来引导学生去创造，只有这样，才能制作优秀的网站作品。
3.根据网站的主题设置一个好名字。网站的名字是独一无二的，很容易记住;有一定含义的名字对网站的形象和推广也非常有帮助。 -
制定网站模块
确定网站主题后，考虑网站由哪些模块组成，绘制网站的模块结构图。例如，设计一个宣传惠州西湖的网站，设计以下6个模块:西湖新闻、西湖美景、西湖美食、西湖地图、西湖历史和联系方式。这样，“惠州西湖”网站由1个主页和6个二级页面组成。二级页面进一步分成几个三级子页，绘制模块结构图时，至少应做到二级页面。
利用模块结构图，根据每个模块的内容收集相应的材料和资源。老师指导学生根据模块结构图绘制网站的结构图，根据“惠州西湖”网站中划分的模块分别创建“西湖新闻”、“西湖美景”、“西湖美食”、“西湖地图”、“西湖历史”和“联系方式”等6个文件夹，来存储每个模块的材料和网页文件。
上海网页设计培训
| 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 系统快速改 版的技巧。 | |
| 阶段考核 | 提供多个商业项目供学员测试，检验学员学习效果。 | |
| 项目实训 | 通过真实的商业项目，掌握智能设备界面设计及 交互设计的全流程。 | |
| 项目提案 | 学员分组，以商业竞标的方式进行项目提案展示。 老师会对学员的项目进行评析，提升学员表达及实 战能力。 |
网页设计页面布局
页面布局是网站设计的基础。在保持网站整体风格一致的前提下，网页布局应根据页面放置的信息类型、信息量等内容方面的不同需求而设计。
-
分栏式
分栏式结构是一种开放式框架结构，是目前常见的页面布局，适合信息流量较大、更新较快、信息储备巨大的站点，如新浪等门户网站、资讯类网站。在分栏结构中，三分栏为常见，其次是二分栏、四分栏及比较少见的五分栏等。
-
区域划分
区域划分式页面布局是利用辅助线、图形和色彩把网页平面分为几个区域，这些区域可以是规则的或不规则的，而由区域所形成的网页框架叫做区域排版。区域划分式能够适应多种信息内容编排的需求，解决分栏式结构无法解决的诸多问题。
-
无规律式
无规律式页面布局。它个性鲜明，与众不同，其特殊的结构不适合信息流量大的网站，主要以整张图片的网页设计为主，类似大海报，页面漂亮，缺点就是图片下载较慢，会影响网页打开速度。
网页设计师需要掌握的基本技能
-
尺寸
一个网页的尺寸设置与屏幕分辨率和浏览器相关，我们不可能满足所有用户的最佳尺寸，但我们能做的是让绝大多数用户感觉是最佳的。我们可以通过统计分析工具获取用户屏幕分辨率数据，从而为设计提供参考。
-
服务
进行跨设定字体使用规范，如主标题、次标题、小标题、正文、辅助文字、失效文字、链接文字等字号、颜色、样式等。字号不得小于12px，标准 icon 可转成字体图标，特殊字体可以使用 WebFont。
-
布局
在布局时遵循尺寸规则、交互和视觉原则，建议使用栅格系统进行布局。最常见的是12列栅格系统，例如Bootstrap的栅格系统，支持将一行分成 1 列、2 列、3 列等，并提供了强大的响应式布局方案。
-
色彩
颜色是网页设计的核心，其有助于设计主题和主旨的构建。另外，其还具有心理层面的作用，也就是说颜色能够影响网站访客看待网站用户体验的方式。
-
排版
注意行高和段落、标点和空格、对齐、文案长度、层级引导。行高和段落，行高默认为字号的1.5倍。段落间距一般为字号的一倍宽。
-
动画
设计需了解一些常见动画效果、实现手法和js动效库，例如：渐隐、缩放、移动、伸缩、摇摆等，便于和前端沟通。
相关问答
体验课预约试听
倒计时
12:00:00
课程热线：
客服在线时间：早上9点~下午6点，其他时间请在线预约报名或留言，谢谢！
个试听名额
