学习网页设计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表中，通过p实现结构的变化。样式表css可以控制表现“颜色、背

景”。

2、Css语法：引入样式表的四种方法：style直插法、与

之间的style插入法（常用）、link引入法（常用）、@import引入

法选择符{属性：值；值；}和{属性：值_值_值_值_}两种

方式。（选择符的命名不能使用数字或者汉字）

3、七大类选择符

1、class选择符（可以引用多个值，用“点” 隔开）

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设计整站，首页，二级页面以及子页面的设计、Banner、导航按钮的创意设计，网页中应用元素的升华创意；Flash CS4 Flash绘图基本功能；Flash动画原理；元件功能导入；软件综合运用练习；软件综合运用练习；软件综合运用练习； Flash 案例的制作！商业性质Flash banner，Flash打造精彩主页特效页面！flash商业短片制作！

Fireworks CS4教学

Fireworks工作环境，工具介绍，绘图功能；使用文本，应用动态效果，滤镜；Fireworks使用层和混合模式；使用样式、元件和URL，动画功能；切片和热点，创建弹出菜单；优化导出，与Dreamweaver配合使用

Dream weaver CS4教学

Dreamweaver网站综合知识，面板组，站点管理；表格的使用，精确定位、排版；使用图象和超链接；CSS层叠样式表的应用；层的概念及应用，时间轴；库的使用和模板功能；HTML语言

Html语言简介；使用表单，框架的使用，iframe的作用；网页特效（javascript），多媒体网页；网页实战，综合练习； 网站的上传与下载，网页编程基础

CSS高级应用与技巧

文字排版，通栏排版，分栏排版，图文混合排版，图片基础 控制，不规则文字环绕，全图排版，表格排版。充分使用表格对象的标签，表格样式控制，表单表格设计。

javascript特效知识

1.javascript特效基本知识 2.用javascript控制CSS特效 3.SPRY框架应用(选项卡、Tab面板、折叠面板、伸缩面板)

网页布局/网站重构

了解网页布局的方法，制作出不同类型（个人，公司，企业，商业，旅游）网站设计方式即格局的表现；结合DIV+CSS实现网站重构,制作出符合行业网站规范的网页

网站的发布与维护

网站安全与推广，网站维护，网站管理和网站优化，申请域名空间与FTP上传等。网页设计制作规范

网页综合实例

1域名的概念：域名的区别与申请流程, 域名的保护及注意事项 2服务器：专用服务器和虚拟主机、不同平台的选择及注意事项、服务器的托管

网页配色

网页色彩的色调组合，网页设计中色彩的基本原则，及实用配色方案，了解网页设计色彩的搭配原则。

网站logo设计

Logo设计的原则及基本创意。学会制作网页logo。

网站VI系统设计

1、网站VI系统创意设计手法及原则

2、企业标志设计要点

3、标准字体设计要点

4、标准色设计要点

5、标准组合设计要点

6、VI办公用品应用要素设计要点

网站导航条设计

1、网站banner的表现手法。

2、制作网站banner常用的技法。

3、如何制作有创意且美观的网站banner。掌握网站banner的制作方法国内网站风格设计

1、国内网站风格设计的要点及注意事项

2、国内网站风格设计的色彩搭配

3、国内网站界面、按扭设计要点讲解

4、国内网站界面设计实例演练 掌握国内网站风格设计的原则和设计元素的设计制

国外网站风格设计

1、国外网站风格设计的要点及注意事项

2、国外网站风格设计的色彩搭配

3、国外网站界面、按扭设计要点讲解

4、国外网站界面设计实例演练 掌握国外网站风格设计的原则和设计元素的制作及使用。

网站策划书

1.目的是成功的重要开端：建站目的，目标用户群。2.网站开发商业流程 3.网站策划实例：策划书，网站设计中考虑的问题。4.娱乐网站策划书结构分析：CSC CLUB的策划书，目录结构和链接结构。5.娱乐网站设计的思考——首页设计：绘制网站背景，网页实战

1、典型网站案例分析与实战

2、淘宝注册和装修（普通铺和旺铺）

3、日韩风格的网页设计

4、欧美风格的网页设计

5、中国古典风格的网页设计

6、网页管理工具的使用

网站优化(SEO)

针对百度、Google优化，内页优化，结构优化及内链建设，外链等网站推广与营销

网站推广与营销

毕业作品设计及指导

由高级讲师及资深设计师带领学员完成毕业作品，制作整套网站作品集，以备应聘时使用。自己独立的设计完整的商业网站，静态与动态完全掌握，熟练运用，达到工作要

学员就业应聘技巧

1、就业形势分析及指导

2、毕业学员在应聘前应该做的准备

3、应聘时应请注意事项、礼仪、技巧

4、从业后在, 岗的工作态度,、人际交往等全面发展的技巧培训。

第三篇：网页设计学习什么

新手想学习网页设计会无从下手，会问到网页设计学习资料，网页设计学习什么？！

HTML：最基本的知识，如果HTML知识掌握得好，可以用记事本就可以熟练编写网页（当然，不推荐这么做，因为有现成的工具可以帮助编写HTML，但拥有这种能力是很好的）会对日后使用编辑主页，编写ASP或PHP代码有极大帮助。ASP或PHP：ASP和PHP可以称得上编写动态主页的主流语言环境。对于入门者如果编程经验很少，可以从简单的语言起步，如微软公司的 VBScript脚本语言，如果已经有不少编程经验，建议学习PHP或JavaScript语言，PHP在商业网站中应用得较为广泛。如果希望谋一份网站 制作的工作，学好PHP还是很值得的;

对于JavaScript而言，可用于服务器端（比如ASP编程），也于应用于客户端编程（比如制作一些DHTML动态效果等），而且 JavaScript已被欧洲标准协会列为一门语言标准，将来的应用也会很广泛（例如Flash的脚本语言也采用了JavaScript）;

1.英语是一定要学好的，英语不学好到了一定的程度你就会发现个瓶颈。

2.先从HTML开始吧，学习些简单的代码，并且实践，实践是最好的老师，练习时你会发现不少的问题并且去实现它。

3.至于CSS很简单的，学会了HTML，CSS你就会了三分之二，只要懂得一些标记的意思就可以了，但是要有美工基础，和美术感觉，这样你才会设计出漂亮的页面来。你先可以试着修改别人的网站，下载几个下来试一下不同的参数，这样很快就学会了。

4.至于程序，这不是一一朝一夕就可以学会的，不断的摸索，不断的学习，才会有进步。

可能你开始的主页只是非常简单，但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？

告诉新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。本文转自：

详细咨询：http://

第四篇：如何学习网页设计

如何学习网页设计

据统计数据显示，未来5年，在中国3000多家中小企业中，将有半数企业在经营中尝试或运用电子商务工具，国内对电子商务人才的需求量将达到300万以上。电子商务人才需求主要集中在网页美工设计师、网站后台工程师、网站优化师、网络营销师、网店运营专员及客服等工种。

网页设计其实没有大家想象的那么难，今天就跟大家把网页设计需要学习的内容分解为三个部分，分别为大家介绍一下。

网页设计所学内容一：

1、网络技术，电脑系统安装硬件维护等（赠送）

2、Photoshop图像制作和处理、图像优化、精典网页图形设计实例等。

3、HTML静态网页制作,基本代码,脚本语言讲解。

4、Dreamweaver网站的创建与规划、网页的编辑网站的上传、管理。

5、Fireworks网页图形制作、导航条设计，图象优化、设计经验与制作技巧。

6、Flash动画制作、绘图工具的使用、帧的操作、背景音乐、大量精典动画实例讲解。

网页设计示例图片

网页设计学习内容二：

1、网站维护推广

网站维护实战；

网站推广与网络营销、SEO优化。

2、网店营销

网店维护推广营销秘籍，网店实战。

网页设计所学内容三：

1.编程基础：基本HTML对象的使用、CSS样式表的编制、IIS的安装与配置、FTP服务器的配置及使用。

2.CMS系统快速建站

a.使用网页制作工具Dreamweaver的使用、新闻系统、产品展示系统、留言板、在线调查系统、论坛等讲解、域名空间申请，网站上传，最后拥有一个属于自己的网站；

b.全程解析网站制作，讲解目前最流行的cms系统、安装过程、模板制作、发布过程、dedeCMS、新云、NETCMS等。

3.项目实例开发设计

(1)实现数据的分页显示；

(2)网上留言系统；

(3)新闻发布系统；

(4)BBS论坛设计系统；

(5)网站php后台完整开发（以商业网站为例全程剖析讲解）。

对于如何学好网页设计这个问题，相信看完这篇文章后大家的疑问应该都没有了。其实网页设计的课程有难有易，主要还是看你用没用心学了。还是那句话，只要功夫深铁杵磨成针！

以上内容由武汉It新时空整理发布，转载请注明来源。

第五篇：网页设计学习心得体会

网页设计学习心得体会

这两个星期是我们的网页设计实训时间，这正是考验我们实力的时候了。

经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习，刚开始接触网页设计会觉得很神奇，平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。对于我这种初学者，有这种天真的梦想促使我更努力的学习网页设计。

平时老师授课，讲解了有关网页设计的理论知识以及实际操作的示范。网

页设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设，到后来每个人在设计自己的网页时都有自己的人个人风格，这就是网页设计的乐趣。他不仅可以激发同学们的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自我的空间，使我们更有成就感。

这两个星期我们实训课让我们更清楚地认识到自己的建站水平。实训任务是建立自己班级的网站，刚开始觉得两个星期足够我们去建成一个网站，但是我们都太高估我们自己了。一开始设计网站时不知道从何下手，之前老师上课讲的知识一时不知道怎么灵活运用起来，我才发觉对我软件功能的不太熟悉，除了基本的框架构建，其他的设计都需要比较长的时间去思考以及翻查书本。但是同学们都很积极地向老师提问，把自己存在的问题一一的解决掉。虽然建立网站不是很顺利，也只有这样我们才

可以正视自身，把平时半桶水的听课方式给改掉。在这次的网站建设过程中，我发现自己对于知识不能灵活运用，不能巧妙地结合起来，对代码的不熟悉，这更加是一个大问题。建站过程中会遇到代码出错，代码位置写错之类的问题，当测试的时候出现了错误但是不能看懂出错原因，只能靠网上搜索。因为对于这种程序的东西我会比较抗拒，从小就不喜欢思维性太强的学习，所以建站会遇到比较多这种问题，但是我只能积极去面对才能完成任务，毕竟这是我的专业，为了专业而专业，不能说不喜欢就不愿意去学，这次实训我反省了自身的存在问题。我们建立网站的时候都发挥自己的创新力、想象力，用心地完成这个大项目。会遇到很多的问题，经常因为一个细小的步骤而出错，做动态网页的时候会遇到更多类似的问题，通常都会花费我很多时间来解决出错原因。打个比方，我会一个上午都在弄留言板，因为不知道出错原因，当请教老师或是

同学的时候才恍然大悟，原来是这么简单的。当然，最终可以解决困难我还是很欣慰的。

当我真正建立起自己的网站的时候，我看着自己的作品非常地兴奋，这是我用心血完成的只属于自己的网站，特别地欣慰。因为过程的困难，我更加珍惜自己第一次的作品，做每一步都会小心翼翼，就像母亲生怕会失去自己的孩子一样，我就是这样的感受。

我可以说网页设计给了我很大的收获，我是用我的热情去学习，也是用我的真心去设计，属于自己的东西永远是最美好的。网页设计不是用嘴巴就可以设计的，更需要的我们的坚持、创新、用心，才能收获更大的胜利。