功能型网页设计(服务网站)
功能型网页设计(服务网站)
形象型网页设计(品牌形象站)
信息型网页设计(门户站)
网页设计在当前的互联网领域、科技领域可以说无处不在,好的网页设计能够明显提升用户的使用体验,从而给产品带来更多的附加值,所以网页设计对于互联网产品是非常重要的。近些年来随着移动互联网的迅速发展,移动端产品的应用场景和呈现方式花样越来越多,但用户对于APP产品的使用体验要求越来越高,使得网页设计得到了广泛的重视,但是专业的网页设计人在互联网行业内仍是稀缺资源。
课程 |
课程内容 |
第一阶段:软件的熟练运用 |
|
Photoshop |
Photoshop位图处理,广泛用于网页设计行业,从软件操作与熟练操作,均结合实战案例,实战结合,一步一步由浅至深的学,循序渐进 |
Dreamweaver |
Dreamweaver语言代码软件前端脚本语言(html、css、javascript、Jquery等)均在其中编辑,熟练操作可大大增加工作的效率,提高网站设计的效率。 |
Illustrator |
Illustrator强大的矢量图软件(简称AI),在制作网站页面时,AI的使用是非常频繁的;如网页中版式的设计、Banner元素等;实战演练。 |
第二阶段:PS页面设计 网站页面创意 |
|
次时代网页美工玩转的元素 |
将以下元素的设计把控到位,一个网页的设计就完成了70%,剩下的就是把它们合理化组合在一起 |
Logo(标志) |
企业的形象来源于此,通常是企业标准色和企业精神的一种完美结合;通过颜色、文字、图形等元素设计不同的logo,以应对各类设计项目 |
banner(焦点图) |
网页设计的点睛之笔,视觉表现力强、震撼、引人眼球;突出重点,例如:企业精神、主推产品、促销活动、精彩专题等 |
策划之前 |
明确主题;背景分析;行业资料;行业调查;同类网站调查;目标用户群分析 |
策划书 |
目的是成功的重要开端;网站开发商业流程;目录结构和链接结构 |
鲜明的个人网站 |
个性鲜明,与众不同,没有严格的设计要求,多为公众人物网上宣传的载体。设计实战:个人博客、个人论坛、个人主页 |
国家政府网站 |
设计要求简洁、大方、严肃、稳重。配色多为红色、金色搭配。信息内容严谨、务实。设计实战:地区类政府网站、事业单位类政府网站、部门类政府网站。 |
精美游戏网站 |
页面设计华丽、炫目。色彩搭配千变万化,给人身临其境般的感觉,吸引玩家加入游戏。设计实战:页游类游戏网站、客户端类游戏网站、精彩专题类游戏网站。 |
第三阶段:DIV+CSS入门到实战 |
|
1. 认识DIV+CSS |
HTML语言简介、开发工具介绍、HTML的构成 什么是CSS样式表、CSS优点、标记、元素和属性 样式表的写法&样式介绍、盒模型的概念、Xhtml书写规范 |
2.常见标签及用途和选择符 |
常见标签及用途、认识A链接、A链接的四种状态 类型选择符、标签的样式初始化、页面布局排版 |
3. CSS语法与内容排版 |
选择合适的doctype、CSS语法结构、CSS属性与选择符 类型选择符、id及class选择符、应用CSS到网页中 行间/内部/外部样式表、文字排版&通栏排版&分栏排版、图文混合排版 |
4. 块和内嵌 |
块与内嵌对象介绍、块和内嵌的特点、块和内嵌的转换 inline-block 属性、inline-block bug |
5. 浮动 |
如何让元素水平排列? 浮动的问题、清除浮动的方法 |
6. 定位 |
相对定位、绝对定位、两种定位共有的特征 相对定位的兼容性问题、绝对定位的兼容性问题、固定定位 如何让IE6实现固定定位、定位在实际工作中的应用 |
7. 浏览器兼容器性问题处理 |
XHTML与CSS校验、常见的浏览器兼容问题分析、解决主流浏览器兼容性 |
8.Javascript网页常用特效 |
javascript调用、用javascript控制CSS特效、SPRY框架应用 |
第四阶段:整站设计 深入强化LESS CSS+SASS CSS |
|
企业网站 |
企业网站是项目中最常见的,一般都会要求简洁清晰,能够快速获得信息。因此在设计时要注意简洁,表现出企业的形象与精神。 设计实战:科技类企业网站,产品类企业网站,宣传类企业网站,形象类企业网站,服务类企业网站 |
大型门户网站 |
体现团队合作精神,往往是小组式承接项目。网站中信息量庞大,相关内容全面并有条理。工作量大,但是完成时成功感最强! 设计实战:腾讯网、新浪网、搜狐网等,影视门户网站、音频门户网站、游戏门户网站、讯息门户网站、下载门户网站 |
网上商城店铺 |
随着电商行业的发展,网上店铺装修也是一大趋势,店铺首页,焦点图,直通车,产品详情页都需要设计。 设计实战:淘宝店铺首页,详情页,京东店铺设计,天猫店铺设计等网上商城 |
LESS CSS+SASS CSS |
兼容性、如何挑错、兼容性问题综合性总结 常见CSS hack、!important、等高布局 CSS3介绍、CSS3的圆角&渐变&阴影、CSS3兼容性写法 transform、纯CSS3实现的动画效果、CSS3的兼容性 LESS CSS、SASS CSS、移动端页面布局 |
第五阶段:作品整理与就业应聘 |
|
毕业设计指导与整理 |
高级讲师及经验设计师带领学员完成毕业作品,以备应聘时使用。对学习过的所有课程和自己做一个完美的总结。 |
就业应聘技巧与职业规范 |
就业形势分析及指导;毕业学员在应聘前应该做的准备;应聘注意事项、礼仪、技巧;从业后工作态度;人际交往等全面发展的技巧培训。 |
首先找一个网页编辑器,例如DreamWaver或者Frontpage,然后就可以制作主页了,制作主页无非是添加文字、添加图片、添加链接,跟用word没什么区别,倒腾一番后,其实你已经开始会制作主页了!第三步,就是用一个FTP软件,把你的主页传上去就完了!原来就那么容易!假如你要提高基本功的话,可以学习HTML基础知识,假如想网页漂亮点的话,可以学习图片制作,这样你就会一步一步提高了。但是这是你的第一步,也是良好的开端。
专门设计一套最精华,最贴近企业需求针对零基础学员的学习课程体系。
从基础学起,真正项目实战,整套课程70%实时互动实战教学。
专门设计一套精华,贴近企业需求针对零基础学员的学习课程体系。
同一课程可免费重学,并提供火星人网校在线学习权限,线上线下同时学习,提高学习效率。