根据企业的文案需求传递信息,经排版美化给予用户完美体验。
作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。
网页设计分为三大类
功能型网页设计(服务网站)
形象型网页设计(品牌形象站)
信息型网页设计(门户站)
网站设计基本流程
网站策划
确定页面风格
文案策划
网页设计
网页布局分析
网页配色
页面制作
调用JS特效
处理兼容性问题
代码精简
上线
后期更新维护
为什么学习Photoshop
Photoshop主要处理以像素所构成的数字图像,使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。PS有很多功能,在图像、图形、文字、视频、出版等各方面都有所涉及。
为什么学习Dreamweaver
Dreamweaver简称“DW”,中文名称“梦想编制者”,是集网页制作和管理网站与一身的网页编辑器,DW是第1套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
网站设计师就业班课程大纲
课程 | 课程内容 | ||
第1阶段:软件的熟练运用 | |||
1. Photoshop |
Photoshop位图处理,广泛用于网页设计行业,从软件操作与熟练操作,均结合实战案例,实战结合,一步一步由浅至深的学,循序渐进; |
||
2. Dreamweaver |
Dreamweaver语言代码软件前端脚本语言(html、css、javascript、Jquery等)均在其中编辑,熟练操作可大大增加工作的效率,提高网站设计的效率。 |
||
3. Illustrator |
Illustrator强大的矢量图软件(简称AI),在制作网站页面时,AI的使用是非常频繁的;如网页中版式的设计、Banner元素等;实战演练; |
||
4. Flash |
Flash强大的动画软件广泛用于网页中的动画广告、动画效果;房产行业,公司企业等网站均为Flash整站,效果夺目,引人眼球;大幅度增加网页观赏性; |
第二阶段: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 | 移动端页面布局 | |
第五阶段:作品整理与就业应聘 | |||
毕业设计指导与整理 |
高级讲师及资深设计师带领学员完成毕业作品,以备应聘时使用。对学习过的所有课程和自己做一个完美的总结。 |
||
就业应聘技巧与职业规范 |
就业形势分析及指导;毕业学员在应聘前应该做的准备;应聘注意事项、礼仪、技巧;从业后工作态度;人际交往等全面发展的技巧培训。 |
咨询热线:18188609343 (同微信号) QQ咨询 : 3514298526 咨询老师:洪老师