学习网页设计30天速成法(入门篇)_网页设计师学习课程
学习网页设计30天速成法(入门篇)由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“网页设计师学习课程”。
学习网页设计30天速成法(入门篇)
利用30天业余时间学习并掌握网页设计、网络营销和网站开发的综合课程已经成为可能,30天的学习时间,内容安排既包括理论学习也包含项目实践,虽然只是入门阶段的水平,但绝不是随随便便自学就能够达到的水准,整理这些知识和心得体会希望可以对初学者有一个比较系统的认知。(详情咨询:中原洛科)
学习网页设计,许多人都认为不需要计算机基础就可以完全搞定,同时也认为网页设计的含金量不是很高,毕竟社会上随便玩过网络的人都略懂一二,其实刚开始学习时还真有这种感觉,毕竟开始我本人是完全没有基础的,学习只是为了积累“网络编辑”方面的一些知识。
但是现在的我已经不这样认为了,那么学习网页设计需要怎样的计算机水平呢?我个人总结了一下,首先需要懂得基本的上网操作,例如顺利浏览网站内容,懂得复制、粘贴、下载网页内容等基本的手法,还需要搞懂链接这个基本的概念。(实质上就是懂得互联网这个信息产品)其次需要会一些计算机的基本操作,例如办公软件的使用,懂得电脑系统软件和硬件的操作常识。最后需要基本的逻辑思维准备,即在网络世界里懂得前进和后退,有一些敏捷的反应能力和理解能力。(实质上就是需要一定的文化基础知识)
(如需交流 http://blog.sina.com.cn/kalansaimu)
有了前面的准备,接下来我们开始入门篇课程的主干部分。
网页设计是一项的系统工作流程,主要流程包括:网站策划、人员组织、页面设计、程序开发、测试发布、维护推广、项目总结等七个方面。通过课程的学习,接下里逐一进行概括和总结。
网站策划:包括收集客户信息、分析网站类型、确定网站风格三个步骤。通过前期的调查研究我们需要帮助客户确定网站类型、网站导航、网站风格、网站功能、网站布局等,这些策划的内容需要通过效果图来展示,同时需要列举同行业的不同案例进行创新设计,要求既要遵循网页设计的一般规律,又要敢于突破传统的设计盒子。(这个环节的理论知识准备必不可少,但是最终的效果图得到企业领导的认可才是最关键的因素。说得好不如做得好。另外建议入门者养成一个好的习惯:策划的过程中形成一个策划文案稿件,方便统筹管理。)
人员组织:开发一个网站,不是某一个人可以独立完成的,需要一个团队来共同协作完成,在这里重点强调一个理念:设计网页、做一个网站其实一个人就可以完成,那么为什么要提出一个团队制作呢?一个团队共同做一个项目,可以借助团队的力量发散思维,有利于凝聚大多数人的聪明才智,虽然没有太多的技术内容,但是需要一定的创意和信念才可以做出来精品网站。(众人的力量绝对是强大的,团队协作不是一句假大空的口号,而是一种工作理念。)关于实际工作中的分工,这里举一个小的案例来说明:通常一个项目需要至少三个人完成,一名网页设计师、一名程序开发设计师、一名统筹协作的专职人员。(如需交流)
页面设计:完成前面两个部分,这里才是真正的开始,做好网页设计需要懂得几个专业设计软件的操作,包括fireworks、flash、格式工厂等常规设计软件。实际上我们主要学习的是如何操作fireworks,这一个软件就可以满足很多基本操作了。另外掌握一些图像、音频、视频、动画等处理软件也是很有必要的。在这里需要说一下PS软件,因为很多人都懂得PS基本的操作,其实操作界面及原理和我们学习的fireworks是基本一致的,它们同属于一家公司,但是各有其自身的特点和优势,PS属于专业的图片设计和处理软件,而fireworks属于专业的网页设计软件。
这个环节首先需要懂一些基本的网页设计规范:(详细内容可登陆下载相关资料)
页面尺寸——宽920px960px980px1020px高属于动态的变量内容
F型视觉设点——这个属于人们浏览网页时的视觉规律问题,关于F型视觉社区的研究有利于SEO搜索引擎优化的科学操作。
网页内容的间距——通常间距在10个像素左右。根据报纸编辑的基本知识可以联想一下网页设计的一些规范问题。其实设计版面跟报纸设计版面都差不多,根据人们视觉的规律设计合理的布局,例如如何分栏、如何设计边框、如何设计标题等等,这些知识都是相通的部分,需要有一个悟性在这个过程中。(学习任何知识,盲目的接受是不行的,需要善于动脑筋,激发大脑的活力,合理组
织吸收内容)
网页色彩的搭配(RGB模式)—— 关于颜色值的理解,例如#ffccbb(#fcb)、#ce8899(同一颜色之间可以搭配,两个颜色之间可以搭配)
这里的颜色值是在fireworks中的运用,每一个颜色值都是一个“#”+“六位值”,其实这是十六进制的运用,即0 1 2 3 4 5 6 7 8 9 A B C D E F如果不理解对比一下二进制即 0 1十进制即0 1 2 3 4 5 6 7 8 9八进制 即01234567
白色 #ffffff黑色 #000000灰色#777777 暖色:橙色 冷色:蓝色 网页字体设计——网页上面的字体一般属于宋体字形,分12号和14号字,正文一般不消除锯齿,正文内容一般行距1.5 或者 1.8。
这个环节其次需要进行后期的处理操作规范:
切片处理——什么是切片处理,即完成的网页png静态页面需要使用小刀工具对静态模板进行切割,切割目的为了设计动态模板(利用DIV+CSS布局来实现)切割的原则是实现一比一的转移,尽量小块化处理,方面网速的浏览,尽量把图片保存为gif格式,使用的JS要求进一步处理转化。
DIV+CSS布局——语法规范(标签的使用、属性值的控制)
标签 包括单标记()、双标记(------)
1、W3C结构、内容、表现的三者分离(标准性语言)目的:实现
代码的可重构性,方便修改、维护、统一管理。在html表中,通过div实现结构的变化。样式表c可以控制表现“颜色、背
景”。
2、C语法:引入样式表的四种方法:style直插法、与
之间的style插入法(常用)、link引入法(常用)、@import引入
法选择符{属性:值;值;}和{属性:值_值_值_值_}两种
方式。(选择符的命名不能使用数字或者汉字)
3、七大类选择符
1、cla选择符(可以引用多个值,用“点” 隔开)
2、id选择符
(用“#”号隔开)
3、类型选择符(引用标签的名称就可以了)
4、通配选择符
5、包含选择符 用空格链接 例如 body ul li p {}
6、群组选择符 用逗号隔开例如 li,p,ul{}
7、组合选择符 用逗号隔开即可,等于上面六种的综合4、HTML语言的灵活运用(详细参考中原洛科BBS部分)
程序开发 这个环节基本上属于最后的网站建设的关键部分,目前的情况是我们开发程序基本使用的开源资源,例如科讯、织梦等网站的CMS后台系统。我们目前属于入门的阶段,关于CMS结构我们简单了解一下,CMS开发包括定义模型(按功能区分出的集合,常见的包括文章 图片 下载 视频 商城 bbs 评论 pk 游戏等等)栏目分类(根据网站的设计导航,分栏目,区别单页和系统栏目)添加模板(添加栏目、设置绑定模板)做标签(通过标签的使用,把静态的页面达到动态的目标)整体调整(通过链接设置,不断地测试)五大块。(cms的灵魂是灵活运用标签)
测试发布 在网页设计过程中,其实一直应该快贯穿始终的环节就是IE测试,我们需要做到各个浏览器的兼容,这样才可以达到良好的用户体验。发布属于cms的最后环节,一旦发布上线,这个网站就开始正常的运行了。维护推广 网站的维护推广是一个长时期的工作,可以是网络公司在做推广,也可以是企业本身做推广,根据不同的情况而定。在这里需要说一下SEO这个理念,合理的优化网站,遵守网络规则也是每个行业人士应该注意的细节之处。详细参考中原洛科BBS里面的SEO部分(如需交流))
项目总结 做任何事情有开始有结尾,需要我们用心在这个过程中的每个环节,没有谁是天生的IT天才,做好网页设计就是不断地实践和操作,只有不断的遇到问题并不断地解决问题才可以取得进步。作总结也是一个活动结束的必要工作,这些不是形式,是实实在在的内容。
以上内容,是我经过一个月学习后的心得体会总结,大致过程就是这样的,细节之处,例如制作软件的操作、一些网络语言和语法的运用、基本的计算机语言等等需要我们长时间的积累和沉淀。(详细内容请继续关注日志更新。或登录)
北京网页美工培训培训课程内容:Photoshop CS5教学学习Photoshop中的网页处理技巧,网页页面的设计制作,案例分析,页面结构的完美布局,如何使用photoshop设计整站,首页,二级页面以及......
学习网页设计心得体会当我们经过反思,对生活有了新的看法时,可以通过写心得体会的方式将其记录下来,这样我们就可以提高对思维的训练。那么如何写心得体会才能更有感染力呢?下面......
刀豆文库小编为你整合推荐4篇学习网页设计心得体会,也许这些就是您需要的文章,但愿刀豆文库能带给您一些学习、工作上的帮助。......
刀豆文库小编为你整合推荐8篇学习网页设计心得体会,也许这些就是您需要的文章,但愿刀豆文库能带给您一些学习、工作上的帮助。......
刀豆文库小编为你整合推荐5篇学习网页设计心得体会,也许这些就是您需要的文章,但愿刀豆文库能带给您一些学习、工作上的帮助。......
