网页设计快速入门

1.先确定自己是干美工还是编程2.美工选这条路：（美术基础）→HTML语言→CSS→版面设计→色彩构成→电脑图像处理软件使用→电脑动画软件使用网页美工有美术基础最好不过。但是没有美工基础也不是没有可能成为优秀的网页美工。 HTML语言与CSS要学，特别是CSS，网页配色全靠它了。如果不学习HTML语言就想学CSS是不可能的，因为CSS应用到HTML标签，你明白这些标签的含义么？版面设计与色彩构成到书店里买一些此类的书籍，狠读。Photoshop/Fireworks/CorelDraw/Flash是网页美工的看门本领，没个年半载的功夫是拿不出手去的，特别是在 Flash大行其道的今天，其脚本编写俨然已是程序员的工作。3.编程选这条路：HTML语言→CSS→版面设计→脚本语言→服务器动态语言→数据库→XML相关→开发工具使用快速了解熟悉 HTML语言是网页设计的基础，一些精细的网页设计不可能完全依赖“所见即所得”的开发工具（Dreamweaver/FrontPage)，如果想在网页设计上混饭吃，就只有踏踏实实先把HTML接近100多个标签看一遍再说，不要求背过来，起码要有印象。CSS是简化代码、实现标准化所必须学的东西；会了HTML语言与CSS，就可以做基本页面，不妨买基本版面设计的书提高自己的审美能力；脚本语言看个人所好了，建议学习JScript，应用广泛一些；服务器动态语言方面，ASP入门快，容易，但是只能运行在Windows平台上（也有运行在其他平台上的模块），PHP上手慢，入门高一些；数据库方面，建议新手从MS SQL入门，MS SQL联机丛书资料丰富，有很多示例。标准SQL语言应该熟练掌握，Oracle/MS SQL/MySQL这三种数据库最好都能操作几次。HTML发展的方向是更标准化，建议学习XML，为以后打下基础。开发工具建议使用 Dreamweaver，程序脚本等编写可以用UltraEdit（多文件查询功能很好用）。

虽说不知道你问的什么，但是我还是把web前端开发如何入门发给你 web前端开发分为三个阶段:1. HTML + CSS前端的入门门槛极低，体现在HTML和CSS上。运行环境就是浏览器，推荐Chrome。你需要的只是一个文本编辑器，推荐Sublime Text 3，有不少好插件比如Emmet，谷歌搜一下很容易了解到的。当然你非要用记事本的话，也不是不行的。刚入门查阅资料可以用 w3school 或者 MDN 。HTML和CSS不是编程语言，前者只是结构标签，后者则是样式配置，入门是非常简单的。网上资料也有很多，推荐慕课网 HTML+CSS基础课程。我当时是看了一本书 Head First HTML and CSS，讲得浅显易懂，不过价格比较感人，也是只翻一遍的书，没有必要买了。迅速刷一遍慕课网，对HTML和CSS有个大致印象就好。想巩固HTML标签可以去看看16年的task1-1。HTML5的API可以先放一放，回头再看。接下来就是深入学习CSS了：《CSS权威指南（第3版）》。很枯燥的一本书，但我确实不知道哪本书更适合了。花两三天硬啃下来就好了。属性细节不必记忆，以后用到肯定要再查的。着重点放在大局上，比如盒模型，浮动和定位这些，抓住重点快速过一遍。《CSS3 专业网页开发指南》。CSS3也是需要掌握的内容。但这里还是以了解为主，知道CSS3有什么内容就好，记忆属性是枯燥且毫无意义的。以上内容用时5天左右，下面是实践。学了几天HTML和CSS了，应该也有点成果了。打开IFE2015 task1，写个静态页面吧。我X，完全写不出来。这是正常的。去看下别人的代码吧，看一小部分就开窍了。忘掉的属性就查书或者w3c，多尝试，不断踩坑才有进步。画完第一张图后，别着急往下写。你的代码肯定会有如下问题：胡乱的代码缩进毫无章法的属性顺序满页的div不停地写id和class重写吧，是的。重写之前先看一份代码规范 GitHub - ecomfe/spec: This repository contains the specifications.。当然代码规范不是唯一的，我最早看的是这一份，所以代码风格也一直维持到现在。再去看一下别人提交的代码，多看几份。当然自己也要判断，不能听风就是雨啊，人家写得不好你再去重写一次，等于你也有责任对不对。开始重写了，会发现功力大增，写代码速度也快了很多的。写到第三张页面的时候，应该比较熟练了。如果看到布局就大概知道应该怎么写了，那就可以进入JavaScript的学习了。以上内容用时10天左右。进阶部分可以回头再看：掌握预处理工具Sass，自动化工具Gulp。阅读Bootstrap源码。《CSS揭秘》，极其惊艳的一本书，涵盖了CSS3的很多奇技淫巧，虽说有些地方不太实用，但让人眼前一亮，很值得看。2. JavaScript这是至关重要的阶段。强烈推荐《JavaScript高级程序设计（第3版）》，俗称红宝书。前七章是重中之重，必须反复阅读，直至完全理解，期间可配合其他书一起读。DOM，事件流，表单，JSON，Ajax与最后几章也相当重要。其余章节可以略读或跳过（比如浏览器嗅探，XML以及那些列举大量API的章节，完全可以用到再查）推荐《JavaScript语言精粹》，俗称蝴蝶书。超薄的一本，半天就可以看完。JavaScript是一门有很多坑的语言，我个人是喜欢把这些坑点全部搞清楚的，但这本书却避而不谈了，剩下的也就是所谓的“精粹”了。但清晰地过一遍知识点总是好的。强烈推荐《你不知道的JS》。精彩至极的一本书，将JavaScript的坑一网打尽。之前搞不懂的问题，比如闭包，this之类的都可以在这里找到答案。ES6也是必学的内容，推荐阮一峰老师的《ES6 标准入门》。但这本书以API居多，所以还是留个大概印象，以后写到类似的地方，查一查有没有ES6更简洁的写法就好，不必死记硬背。以及需要学会Webpack的使用，Babel和模块化就靠Webpack了。不太推荐《JavaScript权威指南》，也就是犀牛书。那就是一本字典……进阶：《JavaScript设计模式与开发实践》，设计模式是必须了解的内容，这本是写得不错的。《高性能JavaScript》，红宝书作者的另一力作，讲了一些优化技巧与性能瓶颈问题，值得一读。以上内容用时1个月左右，中途可穿插IFE2015 task2的题，比2016年的要简单。这些书全部刷完的话，应该可以跟人谈笑风生了。开始实践，IFE2016阶段二的题，想怎么刷就怎么刷吧。如果有编程经验的话，应该没什么压力了。3. JavaScript框架这部分就比较自由了，每个人点的技能树都不一样的。前端的发展是爆炸式的，换工具比翻书还快，所以还是以看文档为主了。目前主流框架经常被提及的是React，Angular，Vue。知乎搜一搜就有相当多的优秀答案了。不过这个答案也有时效性，说不定过两年这些框架全都被淘汰了呢【逃学习至少一种框架，把IFE2016刷通关吧。耗时1个半月左右。进阶：看各种源代码。这也是我最近打算做的事情，但是好像期末考要到了TAT最后补充一下，计算机基础知识是很重要的。由于本人有OI的经验所以稍微占点优势。再推荐几本书，抽空还是要看看的：《深入理解计算机系统》，CSAPP，也是我们专业这学期的课程（但是我的专业明明是EE啊）。《计算机网络 自顶向下方法》，看名字就知道必读了吧。操作系统好书挺多的，推荐一本 Operating Systems: Three Easy Pieces ，英文不够好就《现代操作系统》吧。算法和数据结构，推荐两本：《算法导论》《数据结构与算法分析》。似乎算法和数据结构与前端关系不大，但作为一个码农，不要求你写红黑树，至少快速排序和二分查找这种要会写的吧。请采纳！

零基础如果想快速入门，建议还是报培训班。自学当然也是可以的，但是相对周期比较长。

1.先确定自己是干美工还是编程2.美工选这条路：（美术基础）→HTML语言→CSS→版面设计→色彩构成→电脑图像处理软件使用→电脑动画软件使用网页美工有美术基础最好不过。但是没有美工基础也不是没有可能成为优秀的网页美工。 HTML语言与CSS要学，特别是CSS，网页配色全靠它了。如果不学习HTML语言就想学CSS是不可能的，因为CSS应用到HTML标签，你明白这些标签的含义么？版面设计与色彩构成到书店里买一些此类的书籍，狠读。Photoshop/Fireworks/CorelDraw/Flash是网页美工的看门本领，没个年半载的功夫是拿不出手去的，特别是在 Flash大行其道的今天，其脚本编写俨然已是程序员的工作。3.编程选这条路：HTML语言→CSS→版面设计→脚本语言→服务器动态语言→数据库→XML相关→开发工具使用快速了解熟悉 HTML语言是网页设计的基础，一些精细的网页设计不可能完全依赖“所见即所得”的开发工具（Dreamweaver/FrontPage)，如果想在网页设计上混饭吃，就只有踏踏实实先把HTML接近100多个标签看一遍再说，不要求背过来，起码要有印象。CSS是简化代码、实现标准化所必须学的东西；会了HTML语言与CSS，就可以做基本页面，不妨买基本版面设计的书提高自己的审美能力；脚本语言看个人所好了，建议学习JScript，应用广泛一些；服务器动态语言方面，ASP入门快，容易，但是只能运行在Windows平台上（也有运行在其他平台上的模块），PHP上手慢，入门高一些；数据库方面，建议新手从MS SQL入门，MS SQL联机丛书资料丰富，有很多示例。标准SQL语言应该熟练掌握，Oracle/MS SQL/MySQL这三种数据库最好都能操作几次。HTML发展的方向是更标准化，建议学习XML，为以后打下基础。开发工具建议使用 Dreamweaver，程序脚本等编写可以用UltraEdit（多文件查询功能很好用）。

下面讲了一下我所制作网站所学习过的知识。1：html、javascript代码：是所有建设网站的基础，这个学习起来并不难，懂得其中的代码是什么意思就可以了。2：DREAMWEAVER：主要用于制作页面，代码，并用它来修改、制作模板。3：FLASH：主要用于制作网站的动画，使网页更加生动。 4：PHOTOSHOP，FIREWORKS：这两个软件主要用于制作图片。（PS和FW可以任选其一，学会一个另一个自然就会了。）5：ASP，PHP：了解他们语言的特点就足够。网络中现成的基于各种语言的CMS系统很多，下一个试着学习修改。6：学习如何管理域名和空间或服务器。了解以上的知识后，你基本可以快速设计出一个比较专业的网站了。但这还不够，这些都是技术层面入门级的东西，最重要的还是一些理念，设计再好的网站也会被网站制作高手仿制的出来，只有理念或直接的特色才无法被其他人盗用。这也是网站设计中的精华。第一要学习一点如何分析数据，如何分析用户。这样你制作的网站才更有针对性，更容易被接受。第二要学习一点营销知识，（注：不是SEO。）一个正确的营销过程会给你的网站甚至你这个人带来良好的口碑和大量的点击率。第三要学习‘换位思考’。网站优化都是以用户体验基础的，只有用户觉得你的网站好那才叫好，而不要总感觉自我良好。 第四要学习一点风险避规。多查找一点其他网站的发家史，可以看出，在国内想要通过正常途径把网站发展壮大的几乎没有。（和国内企业公司的发展挺类似的）。

web前端主要是通过div+css等技术来完成一个传统pc网页的静态页面制作，移动web前端是通过html5+css3等技术来完成一个手机端访问的网页的制作，一个是针对pc一个是针对手机，这个就是它们最大的区别了。国内像切图网等就是专门提供这样的服务的，只需要提供设计稿就可以了。

只是入门的话，每种一两个月就够了，想要精，每种都要个一两年的钻研。

输入字符时有两种模式：1、插入模式：在光标位置（一个很窄的竖线）插入字符。2、覆盖模式：替换掉光标位置（一个宽度大概为一个字符或半个字符的竖线）的字符。点击Inser(插入)键可以在两种模式间切换。你说的这种情况应该是切换到了第2种模式，再点击一下Insert键即可。

自学优点：1、节省成本。这可能是很多人选择自学的最大一个原因。现在互联网这么发达，免费的教学视频还是挺多的，资源很多，帮了自学者大忙。2、由于是自学，所以一般都是自己研究钻研的，所以基础打的比较好，东西记的都比较牢。缺点：1、时间容易过长，如果自己对设计兴趣十足，并且有强大的意志力可能稍微短一点。2、容易走弯路。因为没有专业人士的指导，需要自己摸索，可能花大量时间研究的东西却作用不大，相对性价比就低。3、容易半途而废。因为战线过长，很多时候不知道自己该做什么，该如何做，时间久了会让人丧失动力，转而半途而废。培训班优点：1、学习快速，入门快。培训班一般都有专业的教学课程，可以让学生快速上手。2、时间短。一般培训班都是培训个几个月就结束课程。3、学习氛围好，不需自己去考虑学习什么，按着老师安排进行就可以。并且有老师和同学一起监督。缺点：1、成本过高，无论网上还是实体教学，少则几千，多则上万。2、培训班教学质量参差不齐，所以在选择培训班的时候应该仔细！