网页设计学习网站

一、从事网页设计师行业可能有些人天生就不喜欢编程，喜欢设计，他们认为设计是个人能力的一种展现的形式。而这类人可以从事网页设计师相关的工作。可能要求会PhotoShop、Illustrator等一些软件。（具体看公司的要求，现在一般小公司都是美工加前端页面制作的。因为不是从事这个行业，具体待情况而定。）二、从事WEB前端攻城狮行业如果对于编程喜欢的话，可以走web前端攻城狮这个位置。走这条路的话，可能要求比较多，主要难点在于javascript这块。javascript可大致分为：1.核心（ECMAScript）：描述了JS的语法和基本对象。2.文档对象模型（DOM）：处理网页内容的方法和接口3.浏览器对象模型（BOM）：与浏览器交互的方法和接口然后学会javascript的面向对象编程开发、模块化组件开发。当然还要熟悉一些一些框架1.一般前端框架jqueryUI easyui bootstrap(目前比较火)... 2.当然jquery是必须的3.javascript框架：AngularJS 甚至Node.js （是一个基于Chrome JavaScript 运行时建立的一个平台）具体没去研究..4.熟悉一门后台编程语言最好（php,java）当然除了JS这块，当然还有目前最火的"html5+css3"移动端的开发。

　　　　建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，会打字，懂基本电脑知识，反正不要太笨就可以了，呵呵。当然，这些不是一定必须的。　　　　第一阶段：开始时最好是学些网页编辑软件和基础网页脚本语法，如：Dreamweaver软件，HTML语法(百度一下：HTML入门)，CSS语法(百度一下：CSS入门)，这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作，这最多花你一周时间，如果有时间再学点javascript脚本语法(百度一下：javascript入门)。　　　　第二阶段：会用网页制作软件和基础语法后，已会可以制作一个较完整的网站了。当然为了让网站做得更漂亮，功能更强大，你就需要学一些动态编程语言，常用的有ASP,PHP和ASP.NET,推荐后两种，应为ASP再过一段时间会被淘汰，后两种程序区别自己上网搜索吧，本人更倾向于学习.NET，面向对象，功能太强了，微软的东西就是强悍。　　　　如果你没有精力去学这些复杂动态编程语言，你完全可以利用现成的网站管理系统（实际也叫建站软件，比如PageAdmin系统、shopex系统、discuz系统等都比较优秀），这也是目前比较流行的方法，省时、省力。　　　　第三阶段：结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。　　　　工具　　　　1 、网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到服务器公司先买一个个人空间，大概有个20M 以上的就可以了，当然也可以在自己电脑上安装IIS来模拟服务器运行（这里不详细说了，有兴趣的朋友百度一下相关知识，这个是很容易的）　　　　2 、图片处理软件推荐firework或photoshop，HTML编辑软件推荐Dreamweaver，当然如果你会HTML语法，那用计事本直接编辑会更高效。　　　　制作　　　　开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。　　　　其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了网站设计八步骤　　　　由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。　　一、确定网站主题　　　　网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。　　二、搜集材料　　　　明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。　　三、规划网站　　　　一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具　　　　尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外，还有图片编辑工具，如firework 、Photoshop 等；动画制作工具，如Flash等；网上有许多这方面的软件下载，你可以根据需要灵活运用。　　　　4、如果你作好了页面，就需要考虑你的网页放到什么地方发表，也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用（有发布空间的标志是你有了FTP 账号，这个需要申请），也可以按我前面说的把自己电脑配置为服务器（需安装IIS等软件，这个自己百度一下）　　五、制作网页　　　　材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能，这样可以大大提高制作效率。　　六、上传测试　　　　网页制作完毕，最后要发布到Web 服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，推荐LeapFTP软件，你可以很方便地把网站发布到自己制作的网站存放服务器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户，让他们来浏览。　　七、推广宣传　　　　网页做好之后，还要不断地进行宣传，这样才能让的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

有html基础，如果对样式表比较熟悉的话，差不多一个月的样子能学会。div 入门很容易，关键是兼容问题。这个不是一朝一夕可以掌握的。我建议你找相关工作做下。学会不能学精不易。可以多看下别人的网页。 模仿做。 很快你就能放手做出自己风格的网页了。网站前台设计,如果只学Dreamweaver大楷需要一周的时间就能学会 而一个好的前台离不了平面设计,所以也得学平面设计,大楷要2周(只学photoshop) 而后台无论是asp,或者是php,如果没有编程基础,至少全天侯一个月才能学完 网上以前有个广告,就是培训网页设计7天包会的,那其实就是只学一个Dreamweaver的设计 当然,如果想要制作一个好的网站,还是得花大工夫来学的,我想大楷半年吧.我现在已经学了4个月拉,咱们以后可以相互学习交流 如果你实在等不及要做你的网站(比如你有一个很好的创意,想马上到网站上表达出来),你可以找专门的网站制作公司,当然,找我也行,我不收费哈.嘿嘿

看得出楼主是往技术方面发展的，那我就不谈美工设计了。 抛开美工设计，那剩下的就是纯程序了。 那你所问的方面，与网页制作关系不是很大，而是所有程序设计方面的问题。 首先 自学是走对的第一步。老师的责任是教会你入门，和解答你提出的问题。如果你就等着老师把你教成高手，那就完了，注定成不了高手。你在自学过程中遇到问题，是可以向老师提的，如果相关方面的老师回答不了应该回答的问题，那才能说明是老师的责任。 第二 基础要扎实。有句话说得好，成功是给有准备的人的。同样，好的作品，好的方案，好的创意，也是给基础扎实的人的。在基础巩固的情况下，更容易理解问题，更容易创新方案。也就是说学习快的 创意好的 人，他的基础肯定不错的。 第三 深入理解编程思想。不是说对一门语言如何如何了解就是编程高手，也不是说会了多少多少语言他就是高手。深入理解编程思想的人，学习一门语言简直是小儿科，熟练运用一个陌生语言，那也不是难事。好比宙宇物质小到分子 原子 质子 微子，大到银河系 河外星系。这编程思想也有两方面，小到一个小小的精妙的算法，大到面向对象 面向SOA(面向服务) 等等，每一方面都需要有一定的理解，在不同的状况下侧重于某一方面。 以上三个流程做好了，那随手写出的网站也是具体一定技术含量的站。学习要注意方法，不是每个人都能做好上面流程的。下面提出应该注意的问题. 第四 多多动手。为什么纸上谈兵不行？纸上谈兵太理想化了，把自己没有发现的问题隐藏了，当成了不存在的问题。只有实际多多亲自动手，才会发现有太多的问题是书上没提到的，也是自己没想到的。才会发现，一个小小的问题也要搞上半天。当然，如果你基础巩固的话，那这些问题应该都是可以被你解决的。熟练后，就不认为这些问题了。 第五 不要超出水平研究问题。 发现总有很多喜欢问问题的人问出一些自己水平远远不足的问题。那就算别人帮你解决了，你又能学到什么？下次遇到这个问题还不是一样的要问。学习本是循序渐进 分阶段 一步步来的。试问问，有几个程序员能够一夜之间成为高手的？在学校，有老师领你入门，但的高手都是自学入门的；入门后，你可以找到相当多的经典资料进入学习；提高后，你发现菜鸟太多，但高手也是有不少，与他们交流自己那个水平层次的问题会得到很多经验；如果你天分好，对编程思想有所领悟，那你会很快的提高一个档次，这时要找找一些原始的技术资料，通常老外的技术还是不错的；最后就是研发出啥啥啥超NB的系统。这就是水平层次，这水平层次的上升不仅是靠了解高层次知识而提升的，而更大成份是需要是自己理解编程思想的。我信国的一个词好：悟。记住，不是什么都能让别人教会的！ 第六 提问技巧。 (1.)不说无聊的费话 如:有没有高手在？有没有做过xx的高手? 我提个问题好吗？(2.)描述具体问题，不要搞理论的东东。因为你的水平有限，你说出具体问题，别人帮你解决就行，如果你的水平可以的话，那就不叫提问，而叫讨论了。如:我现在有个A表，里面有a,b,c三个字段... 正确应该是：我的 stu(学生表)里有三个字段id,name,sex ...(3.)少问自己能在网上找到的问题 通常高手是会很乐意的判断你的问题该不该问的，原因是高手时间与精力有限，很不愿回答可以不用提问的问题。(4.)主动的描述问题，而不是大部分都要回答都来提问你。我在的群里就有一位高手无奈的说：帮你解答问题比挤牙膏还累。(5.)不提自己水平不足以解决的问题 高手一般希望在解答过程中，提问者能够学会这一类的问题的解决方法。水平不足怎么能学会呢？现在网络提问是如此的流行，其实网络提问是最没效率的。因为相互操作性太差，提问来回周期太长。(6.) .... 相信网上有很多很多的有关提问技巧的方面的好东东。 打这么多次，累了。有兴趣的话可以加入 网站开发群：17322384 欢迎喜欢技术的朋友们。

哈哈哈哈，不难学，很好学，入门很简单。。。。作为自学的我给你点建议吧。。第一：常规知识，网页分为静态和带后台的，如果你学静态网页，那么很快会入门。我只说带你入门的静态网页。。html+div+css+jquery,,这几个在W3C网站上很多教程，你可以一个一个的学习，，照样画葫芦，会吧，，，当然学会之后，你只是会搭接网页模板，，，好的网页还需要美工PS，，这些会后，你就会静态网页了。第二：网页设计大家都是直接敲代码的，，好的网站都是这样做的，你需要做的就是先学会搭接网页框架，，，你到公司面试一般也是给你一张框架图，喊你马上搭建出来，，至于留言板啊，登陆啊，搜索啊，，这些都是后期的了，，等你学会了html+div+css+jquery,,后面的你就指导怎么去做了，第三：好的师傅，，如果你有好的师傅带你，，估计一个星期你就完全入门了，，，，如果你是网上到处找教程，，，每基础的至少一个月入门，，所以找个师傅很重要，，，花钱培训就没必要了

我从2001年开始从事学做网页，完全是个人爱好，和自己专业相去甚远。2005年毕业从事专职网页设计工作，做过2年网站设计师，一年网页设计培训，先是美工程序都自己做，现在专业从事网站程序设计，通过自己走的路我把我的一些学习时的经验和你说说吧1、无论你将来用什么语言做网页，都要先学习HTML（超文本标识语言），一种很简单的语言，也是网页设计的基础，自学一般几天就可以学会，必须要学，尽管现在有三剑客这样的可视化的设计软件。2、掌握HTML以后，其实你就可以设计一些简单的静态页面了，再接下来就是学习可视化设计软件，比如网页三剑客中的DREAMWEAVER（推荐），和微软的FRONTPAGE，都是可视化的页面结构设计软件，可视化的意思，就是可以用软件中现成的按钮或选项来帮你快速制作网页，代码由软件代替你自动生成，可以大幅提高效率。3、页面设计学好以后，可以学习FLASH动画和PHOTOSHOP，都用得到。4、学完这些，恭喜你，你已经可以设计简单的网站了，但如果想工作，那还不行，因为现在大大小小的网站都是动态页面，需要学习动态设计语言和数据库知识。5、动态语言有很多，比如ASP、JSP、PHP、CGI等等，就不一一列举了，我自己现在用的是ASP和PHP，其中，相对来说ASP和PHP比较容易学习，小型网站多采用ASP，PHP可以通吃一切网站，建议学习PHP，可以根据你的具体情况选择学习。6、数据库：小型数据库主要有ACCESS、中大型有MYSQL、SQLSERVER和ORACLE，建小型网站简单学学ACCESS就可以了，如果建大型站，就要学后面3种了。建议学习PHP+MYsql组合，大中小型网站通吃，而且网站空间也好买。上面6个步骤学习完成你基本上就可以以网站为工作了，不过现在网络公司一般都是批量批量的做网站，他们不需要你美工和程序一起做，他们将做网页页面（PHOTOSHOP+Flash）的称为网页设计师，把专业做程序的叫程序设计师，例如我现在就是做PHP+MYSQL的，叫程序设计师，因为人的能力是有限的，让什么都自己做实在有些力不从心。不过一般建议大家都会一点，这样可以相互促进。好了，上面就谈谈学做网站的经验和建议，是我学习网站设计以后回过头再看网页制作学习的经验，也是看了一个同行在QQ问问里面的一篇回答后的总结，希望对你有帮助，有问题可以问我。希望能解决您的问题。

　　首先最基本的应该从C语言和C+开始：　　然后是网页制作的一个参考：　　1.HTML、CSS 、JAVASCRIPT这3个就足够了。html是主体结构，css控制样式，javascript控制动作，你学会上边3个用DREAMWEAR做网页完全没问题。　　2.主要是ps。其实网页制作用的的是Fireworks，还有flash，结合的话，DREAMWEAR本身就能做到不需要其他的。　　3.网页三剑客Dreamweaver、Fireworks、Flash这3个软件。纯静态的网页的话HTML、CSS、JAVASCRIPT这3个足够了。　　4 .HTML、CSS、JAVASCRIPT、xml然后就是动态网页的部分了php、asp、jsp三选一，如果你没学过编程的话，推荐php这个最简单，用的最多，适合小型网站的建设。　　

前端设计主要的工作无非就是按照效果图使用前端的代码来做出符合要求的静态页面，使用的软件大致如下（不同人是使用的可能不同）：1、以Photoshop为代表的图片处理技术。网页设计的第一步是按照客户的需求来设计网站效果图，这个工作是由美工来完成的，现在网页设计严格的来说不包括美工的工作，即美工只负责设计效果图网页的设计师只负责严格按照效果图将效果图的样式以网页的形式做出来，那可能有人会问为什么网页设计师还需要ps呢？那是因为网页设计师也就是前端设计师需要将美工制作的效果图（一般是psd格式的）使用ps的切片功能将其中用的到的图片裁切出来放到网页上去用，此时就要使用photoshop来完成这个工作，所以作为网页设计师或者前端设计师会一些基本的Photoshop知识还是很有必要的。2、前端代码编辑器如dreamweave、hubuilder等，建议初学者使用记事本等文本编辑器。我们知道现在的网页设计都是纯手写代码基本没有使用可视化编辑的了，原因是可视化编辑的网页有很多弊端如代码冗余、后期改版难以控制和维护、网页的执行效率和性能不高等。此时解决的办法就是纯手写htm、css、js等代码来做我们的网页，但是我们在实际开发过程中又有些问题，学习的网页的初期我们可以使用记事本或者有些简单的文本编辑工具来写代码，但是在实际开发过程中我们需要借助有些好的编辑器来提高我们的效率， 此时就需要使用功能强大的编辑器，提供代码高亮、代码提示等功能来提高开发的速度，常见的前端代码编辑器有dreamweave、hubuilder、sublime等等，这个根据个人的习惯和工作的环境进行选择即可。但是建议初学者使用记事本等文本编辑器，这样能让我们记住一些关键词，有利于学习。3、一些更高级的前端工具和软件我们也需要学习。在实际的开发过程中，以上的工具并不能完全满足我们的需要，尤其是开发一些大型的项目的时候，我们需要使用和借助的工具来帮助我们进行开发，这里简要说一些。例如当我们进行团队合作的时候，我们可能还会使用一些版本控制工具来进行团队合作，如svn、github等，在进行项目管理的时候我们可能还需要一些前端的包管理工具如grunt、webpack等。这些工具都是一个专业前端工程师应该学些的。总结：简单的介绍了一些网页设计中需要使用的软件和工具，可能不是很全面，但是可以给大家作为一个参考。

前端设计主要的工作无非就是按照效果图使用前端的代码来做出符合要求的静态页面，使用的软件大致如下（不同人是使用的可能不同）：1、以Photoshop为代表的图片处理技术。网页设计的第一步是按照客户的需求来设计网站效果图，这个工作是由美工来完成的，现在网页设计严格的来说不包括美工的工作，即美工只负责设计效果图网页的设计师只负责严格按照效果图将效果图的样式以网页的形式做出来，那可能有人会问为什么网页设计师还需要ps呢？那是因为网页设计师也就是前端设计师需要将美工制作的效果图（一般是psd格式的）使用ps的切片功能将其中用的到的图片裁切出来放到网页上去用，此时就要使用photoshop来完成这个工作，所以作为网页设计师或者前端设计师会一些基本的Photoshop知识还是很有必要的。2、前端代码编辑器如dreamweave、hubuilder等，建议初学者使用记事本等文本编辑器。我们知道现在的网页设计都是纯手写代码基本没有使用可视化编辑的了，原因是可视化编辑的网页有很多弊端如代码冗余、后期改版难以控制和维护、网页的执行效率和性能不高等。此时解决的办法就是纯手写htm、css、js等代码来做我们的网页，但是我们在实际开发过程中又有些问题，学习的网页的初期我们可以使用记事本或者有些简单的文本编辑工具来写代码，但是在实际开发过程中我们需要借助有些好的编辑器来提高我们的效率， 此时就需要使用功能强大的编辑器，提供代码高亮、代码提示等功能来提高开发的速度，常见的前端代码编辑器有dreamweave、hubuilder、sublime等等，这个根据个人的习惯和工作的环境进行选择即可。但是建议初学者使用记事本等文本编辑器，这样能让我们记住一些关键词，有利于学习。3、一些更高级的前端工具和软件我们也需要学习。在实际的开发过程中，以上的工具并不能完全满足我们的需要，尤其是开发一些大型的项目的时候，我们需要使用和借助的工具来帮助我们进行开发，这里简要说一些。例如当我们进行团队合作的时候，我们可能还会使用一些版本控制工具来进行团队合作，如svn、github等，在进行项目管理的时候我们可能还需要一些前端的包管理工具如grunt、webpack等。这些工具都是一个专业前端工程师应该学些的。总结：简单的介绍了一些网页设计中需要使用的软件和工具，可能不是很全面，但是可以给大家作为一个参考。