网站开发初学

现在是移动互联网快速发展的时期，渐渐不少人查看网页的习惯也在做者改变。不小年轻人现在很喜欢通过手机访问不同的网站，因此企业开发手机网站也成为其抢占移动端的发嘛。手机网站开发技术的不断成熟，让开发网站变得不在困难，一般企业手机网站开发都需要几个重要部分组成。

一、手机网站开发的主题确认

对于企业开发网站来说第一步就是确立好网站的主题，这也是建立手机网站的关键。建立网站的主题主要反映了开发网站的目的，同时为网站内容的整体连续性提供给的依据。在确立了网站的主题后，之后填充网站内容写作就变得比较容易了，手机网站的主题设立的信息贯穿整个网站。当然企业在确定开发手机网站时就应该对整个网站的开发发展提供一个全面的计划。

二、开发手机网站的内容建设

在确定手机网站的主题后，接下来的工作就是建设网站的内容。网站内容的建设在具备亲和力的条件下，还需要与确认的主题契合。手机网站的建设除了对企业本身有宣传作用、展示产品，更重要的还是为企业带来利润，通过网站让更多客户了解企业与企业达成合作。

三、手机网站设计

在完成内容的填充后，接下来需要完成的就是网页的设计了。网页的设计也是非常重要的，现在各类不同的手机网站众多，如果想要得到客户的访问，好看的设计无疑是可以为网站增色不少。人是视觉动物，对好看的东西都会忍不住多看几眼，而对手机网站来说也是，如果企业的网站内容丰富但网页设计很丑，客户也很难多看几眼你的网站。

网站的设计主要体现在网站结构、色调、栏目等，而设计问题在网站制作中是普遍存在的。版式设计也基本都是那些模板，网站不会利用企业的特点进行装饰，网站的设计需要有个性，因此企业在对待网站设计工作时需要非常仔细，选择一家有资质的设计公司为企业设计富有企业特色的手机网站设计。

四、手机网站开发问题

完成设计后，到了对手机网站进行审查的阶段。在提交网站方案时需要对作对比，慎重的审查网站开发设计方案。对于网站建设来说，实际并不是一个简单的工作，如何从企业的角度出发进行规划、营造一个实用的网站，需要与专业的开发这进行考论，经过深思熟虑后作出终的决定。

好的手机网站开发有利益提高企业的形象，树立口碑，提高企业的收益。但同时开发不善的手机网站也会对企业造成负面影响，因此企业在开发网站时需要了解其步骤，然后经过深思熟虑后作出决定。

BY：深圳尚网科技有限公司 https://itnoo/

近几年Web前端框架层出不穷，比如 React, Vue, AngulaJS等吸引了大量的注意力，前端技术发展势头迅猛，各大互联网公司也越来越重视前端开发，前端开发再也不是过去那种按照设计图做静态网页，再随便写点jQuery的职位了。现在，市场上对于前端开发的需求越来越大，我们经常听说前端开发入门难度低，但学习前端开发究竟需要多长时间呢？学多长时间就能找到工作赚到钱？结合了周边同事和自身的经验来谈谈学习网页开发到底需要花多长时间。

Note：一定要下定决心，并且要坚持。

1. 网页设计的基本概念和理论知识（10天）

在学习制作网页之前，必须掌握网页设计的基本概念和理论知识。什么是静态网页？什么是动态网页？网页的整体布局是什么？网页设计的原则是什么？网页基本构成要素是哪些？基础的网页设计概念都不了解，那么对于之后要制作网页更是难上加难。我认为利用10天时间了解网页设计的基本概念和理论是必不可少的，时代在不断变化，网页设计也会更新换代。所以了解基础知识是为了之后设计制作打好基础。当然，还需要了解基础的SEO知识。网上的视频教程个人建议还是少看，一本好的书绝对让你受益匪浅。推荐几本好书供大家学习：

制作网页设计

1. HTML AND CSS: DESIGN AND BUILD WEBSITES, BY JON DUCKETT

如何让网页设计更加功能化

2. JAVASCRIPT AND JQUERY: INTERACTIVE FRONT-END WEB DEVELOPMENT, BY JON DUCKETT

前端开发

3. LEARNING WEB DESIGN: A BEGINNER’S GUIDE TO HTML, CSS, JAVASCRIPT, AND WEB GRAPHICS, BY JENNIFER NIEDERST ROBBINS

可用性：

4.DON’T MAKE ME THINK, REVISITED: A COMMON SENSE APPROACH TO WEB USABILITY, BY STEVE KRUG

2. CSS+HTML+JavaScript（1个月）

相对来说， HTML是最简单的，只是标签语言， 格式规范; CSS相对来说复杂一些, 有浏览器的兼容问题等。但二者组合就能实现很多页面效果, 里面涉及的变化太多了。如果你只会基础语法, 而没有实际去写过, 那样是很难真正掌握的。我在这里说说我的经验吧，我一开始学习的Bootstrap，简单点说，就是给现有电商项目套上Bootstrap做的响应式皮肤。Bootstrap确实挺好上手，靠着官网的手册，基本上遇到的问题都能自己解决。

JavaScript 也没有那么难，你要知道Brendan Eich创建JavaScript语言一共就用了10天时间，所以它的语法并不复杂，相信你很快就能掌握基本语法。你可能还需要学习一些常见的库的API，这个可以根据你的需求来安排，你要用到什么库，就学习它的文档。

我觉得最好的网页开发学习资料就是 Mozilla Developer Network(https://developer.mozilla.org)的文档了，涵盖了HTML, CSS, JavaScript的方方面面，不论是初学还是老手查阅都是非常有用的，推荐给大家。

3. 开始制作网站（1个月）

了解了基本的知识，做了一些小练习之后，我认为最重要的是尽早参与实际项目，这样才能得到真正的锻炼。使用 Jekyll + GitHub Pages 为自己搭建一个静态博客是一个很好的开始，只需要简单的配置，不需要任何后台开发，几乎完全是前端开发。

建站的时间取决你自己对网站完成的满意度，如果参考模板， 那么几个小时内就可以搞定了；如果是要独立开发一个新的网站又要内容全面好看，1个月是跑不掉的，甚至需要更长时间。

4. 工具软件学习（半个月）

工具的掌握程度完全靠个人的领悟能力和学习，网上有很多关于以下这些工具的教学视频，跟着学会事半功倍的。需要学习的基本软件：

编辑器：Sublime Text

初学者我不建议立即使用强大的 IDE，先使用编辑器有利于学习。Sublime Text 是一款我个人非常喜欢的编辑器，界面优雅，操作流畅，自动支持语法高亮，还有丰富的插件，你也可以试试。

设计出图、切片：Photoshop

Adobe Photoshop，简称“PS”，是由Adobe开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像，使用其众多的编修与绘图工具，可以有效地进行图片编辑工作，PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。Photoshop非常专业，也稍显复杂，是专业的平面图片设计人员必须掌握的一款工具。作为前端开发，你需要跟设计师紧密配合，学习一些 PS 知识会对你之后的开发更有帮助。

原型设计：Mockplus（时间成本最低）

是一款上手非常简单的网页原型设计工具，通过拖拽就你完成一个简单的交互，项目类型诸多，有自由项目，网页项目，自定义项目，当然还有APP项目。网页项目最大的尺寸为3000*6000，你可以任意设计都没问题。200个封装组件和3000个图标可供使用，最近新出的格子功能更是方便使用，减少了很多重复设计的时间。

掌握一些原型设计知识绝对非常有必要，这是我投入最少却收益最多的事情之一，我强烈建议你尝试一下Mockplus，对之后在团队工作的沟通会非常有帮助。

5. 学习设计知识（持续）

前端开发是一个直接面向用户的职位，跟后端开发不一样，你的成果是用户直接可以看到的，我认为提高自己的审美，多掌握一些设计方面的知识，把握当下流行趋势和动向也是很有必要的。而这一过程是不能用具体时间来衡量的，需要不断持续吸收新的东西才能设计出理想的网站。这里有15个最好的网页设计博客资源可供大家每日阅读，我个人还是最喜欢medium。UI设计资源网站相信大家都了解了，dribbble和behance等都是每日必逛，必定是受益良多。

总结：

软件开发是一个需要持续学习的过程，尽管前端开发入门难度低，但是近几年来前端开发的复杂度越来越高，对个人素质的要求也越来越高。本文只是针对想要入门前端开发而找不到方向的人，经过这个过程后，你可以找到一个初级的开发职位了。不论做什么事情，学习是根本，希望这篇文章能帮助到新手。

近几年Web前端框架层出不穷，比如 React, Vue, AngulaJS等吸引了大量的注意力，前端技术发展势头迅猛，各大互联网公司也越来越重视前端开发，前端开发再也不是过去那种按照设计图做静态网页，再随便写点jQuery的职位了。现在，市场上对于前端开发的需求越来越大，我们经常听说前端开发入门难度低，但学习前端开发究竟需要多长时间呢？学多长时间就能找到工作赚到钱？结合了周边同事和自身的经验来谈谈学习网页开发到底需要花多长时间。

Note：一定要下定决心，并且要坚持。

1. 网页设计的基本概念和理论知识（10天）

在学习制作网页之前，必须掌握网页设计的基本概念和理论知识。什么是静态网页？什么是动态网页？网页的整体布局是什么？网页设计的原则是什么？网页基本构成要素是哪些？基础的网页设计概念都不了解，那么对于之后要制作网页更是难上加难。我认为利用10天时间了解网页设计的基本概念和理论是必不可少的，时代在不断变化，网页设计也会更新换代。所以了解基础知识是为了之后设计制作打好基础。当然，还需要了解基础的SEO知识。网上的视频教程个人建议还是少看，一本好的书绝对让你受益匪浅。推荐几本好书供大家学习：

制作网页设计

1. HTML AND CSS: DESIGN AND BUILD WEBSITES, BY JON DUCKETT

如何让网页设计更加功能化

2. JAVASCRIPT AND JQUERY: INTERACTIVE FRONT-END WEB DEVELOPMENT, BY JON DUCKETT

前端开发

3. LEARNING WEB DESIGN: A BEGINNER’S GUIDE TO HTML, CSS, JAVASCRIPT, AND WEB GRAPHICS, BY JENNIFER NIEDERST ROBBINS

可用性：

4.DON’T MAKE ME THINK, REVISITED: A COMMON SENSE APPROACH TO WEB USABILITY, BY STEVE KRUG

2. CSS+HTML+JavaScript（1个月）

相对来说， HTML是最简单的，只是标签语言， 格式规范; CSS相对来说复杂一些, 有浏览器的兼容问题等。但二者组合就能实现很多页面效果, 里面涉及的变化太多了。如果你只会基础语法, 而没有实际去写过, 那样是很难真正掌握的。我在这里说说我的经验吧，我一开始学习的Bootstrap，简单点说，就是给现有电商项目套上Bootstrap做的响应式皮肤。Bootstrap确实挺好上手，靠着官网的手册，基本上遇到的问题都能自己解决。

JavaScript 也没有那么难，你要知道Brendan Eich创建JavaScript语言一共就用了10天时间，所以它的语法并不复杂，相信你很快就能掌握基本语法。你可能还需要学习一些常见的库的API，这个可以根据你的需求来安排，你要用到什么库，就学习它的文档。

我觉得最好的网页开发学习资料就是 Mozilla Developer Network(https://developer.mozilla.org)的文档了，涵盖了HTML, CSS, JavaScript的方方面面，不论是初学还是老手查阅都是非常有用的，推荐给大家。

3. 开始制作网站（1个月）

了解了基本的知识，做了一些小练习之后，我认为最重要的是尽早参与实际项目，这样才能得到真正的锻炼。使用 Jekyll + GitHub Pages 为自己搭建一个静态博客是一个很好的开始，只需要简单的配置，不需要任何后台开发，几乎完全是前端开发。

建站的时间取决你自己对网站完成的满意度，如果参考模板， 那么几个小时内就可以搞定了；如果是要独立开发一个新的网站又要内容全面好看，1个月是跑不掉的，甚至需要更长时间。

4. 工具软件学习（半个月）

工具的掌握程度完全靠个人的领悟能力和学习，网上有很多关于以下这些工具的教学视频，跟着学会事半功倍的。需要学习的基本软件：

编辑器：Sublime Text

初学者我不建议立即使用强大的 IDE，先使用编辑器有利于学习。Sublime Text 是一款我个人非常喜欢的编辑器，界面优雅，操作流畅，自动支持语法高亮，还有丰富的插件，你也可以试试。

设计出图、切片：Photoshop

Adobe Photoshop，简称“PS”，是由Adobe开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像，使用其众多的编修与绘图工具，可以有效地进行图片编辑工作，PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。Photoshop非常专业，也稍显复杂，是专业的平面图片设计人员必须掌握的一款工具。作为前端开发，你需要跟设计师紧密配合，学习一些 PS 知识会对你之后的开发更有帮助。

原型设计：Mockplus（时间成本最低）

是一款上手非常简单的网页原型设计工具，通过拖拽就你完成一个简单的交互，项目类型诸多，有自由项目，网页项目，自定义项目，当然还有APP项目。网页项目最大的尺寸为3000*6000，你可以任意设计都没问题。200个封装组件和3000个图标可供使用，最近新出的格子功能更是方便使用，减少了很多重复设计的时间。

掌握一些原型设计知识绝对非常有必要，这是我投入最少却收益最多的事情之一，我强烈建议你尝试一下Mockplus，对之后在团队工作的沟通会非常有帮助。

5. 学习设计知识（持续）

前端开发是一个直接面向用户的职位，跟后端开发不一样，你的成果是用户直接可以看到的，我认为提高自己的审美，多掌握一些设计方面的知识，把握当下流行趋势和动向也是很有必要的。而这一过程是不能用具体时间来衡量的，需要不断持续吸收新的东西才能设计出理想的网站。这里有15个最好的网页设计博客资源可供大家每日阅读，我个人还是最喜欢medium。UI设计资源网站相信大家都了解了，dribbble和behance等都是每日必逛，必定是受益良多。

总结：

软件开发是一个需要持续学习的过程，尽管前端开发入门难度低，但是近几年来前端开发的复杂度越来越高，对个人素质的要求也越来越高。本文只是针对想要入门前端开发而找不到方向的人，经过这个过程后，你可以找到一个初级的开发职位了。不论做什么事情，学习是根本，希望这篇文章能帮助到新手。