如何学网站开发

在我们想要建个网站的时候，偶尔会问网站建设难不难呢?难的话，难点是什么地方，如果不难的话，自己可以搭建吗，自己搭建的时候需要学习点什么知识，以下资料由卓趣科技quhr整理提供。

首先我们解答第一个问题，网站建设难不难?如果说站在专业的角度说的话，网站建设一点不难，但是隔行如隔山，如果说一个行外人想要搭建一个建设一个网站还是有点难的。对于一个行外人，网站建设的主要难点是各方面的，对于网站建设从大的选择上可以有模板建站和自主开发，对于我们行外人就不去了解自主开发了，我们可以了解一下模板建站。

模板建站需要懂的知识有域名、空间、模板的安装、图片的替换、代码的简单修改、栏目的添加与删除等。相对应的我们要学习的知识有域名的备案与解析、空间的选择、301的跳转等。

模板的选择方面，要根据我们的实际情况选择适合我们的模板，如果安装好模板，要根据所选的模板，替换相对应的图片，比如banner图片、产品图片、logo图片等;文字方面的替换也要先找到相应的静态页面，然后从静态页面中把所有的宣传推广语改换成自己的，另外如果所选择的模板中有一定的案例的话，旧的案例图片可以直接在网站的后台中进行替换，然后清除缓存后重新生成所有页面。

所以说对于我们自己建设网站，如果有简单的基础的话，还是不难的，如果说没有任何的基础的话，那么就要去学习一定的基础了，要学的有PS的应用，因为有的图片替换需要的图片大小是不可以改变的，另外一个的话就要学习简单的代码基础了，因为好多地方的替换都是需要从代码里才能找到相应的图片的。

因此如果公司想要做个网站的话，最好还是找专业的网站建设公司比较好点，因为专业的人做出来的东西才是专业的，这样的话，我们再日后的优化工作中也能及时的抓住重点，为公司带来更多的客户，自己的业绩也能稳步上升。

近几年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等都是每日必逛，必定是受益良多。

总结：

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

这是韩神公众号第七期公开课，感谢整理笔记的童鞋@沐郁阳光

微课大纲普通人如何一小时学会搭建一个自己的网站1、国内目前网站的一个分布情况2、如何在自己的电脑上搭建PHP环境3、如何在自己的电脑上搭建一个自己的网站4、如何设置和美化自己的网站1目前国内网站的一个分布情况　　随着这几年互联网的高速发展，据《中国互联网站发展状况及其安全报告(2016)》显示,截至2015年12月底,我国网站总量已超过420万个，建网站已经不再是程序员才能干的事情了，今天，韩神就带大家0基础在本地搭建一个自己的个人博客网站。　　目前使用最多的为php程序。诸如WordPress、discuz、帝国cms、织梦cms、phpcms等等。对于网站调试员或者开发者而言，需要在本地搭建一个PHP的环境来调试网站程序或者开发程序，而对于新手来说，也可以在自己的电脑上搭建本地PHP环境，来搭建一个自己的网站，那么具体需要怎么做呢？今天我就来教大家用最简单的方法来轻松搭建本地PHP环境！2如何在自己的电脑上搭建PHP环境　　1、下载。到Phpstudy官网下载相应系统的软件包，由于我的电脑是win10系统，所以我的操作都是按照win7系统下进行的（XP系统步骤相同），强烈建议新手使用phpStudy Lite版本，简单解压就可以了。当然你也可以使用其他版本。　　下载地址解压版：http://phpstudy/phpstudy/phpStudy.zip　　phpStudy Lite下载：http://phpstudy/phpstudy/phpStudyLite.zip　　2、解压安装。下载完之后，进行解压，然后双击phpStudyLite.exe进行安装，我这里是直接安装在D:/phpstudy目录下。

　　点击确定之后，会进行解压，解压完成后会弹出防止重复化提示，这里我们选择“是”即可。

　　3、运行。之后桌面会弹出软件运行的控制面板，我们可以看到软件已经启动起来了，包括它此时的启动状态。

　　4、测试。测试本地php环境的数据库是否正常，在phpstudy这个软件的控制面板，点击启动，然后点击控制面板上的“Mysql管理器”，“Mysql管理器”是用来管理mysql数据库的，点击之后会通过浏览器进入MySQL管理页（mysql管理登陆页面的默认账号和密码均为root）。如果打开之后在浏览器出现404页面等错误，建议改下端口，将80端口改为8080或者其它（具体操作步骤：点击phpstudy控制面板的其他选项菜单——>PHPstudy设置——>端口常规设置，将httpd端口改成8080即可），然后返回phpstudy控制面板，看到“其他选项菜单”按钮，它里面主要包括一些常用的参数的设定，这里我们点击看下，我们可以看到里面包括很多设定项，如配置文件、版本切换、站点域名管理等等，具体设定大家可以看下软件提供的详细教程，这里不再详细解说。到此，本地PHP环境搭建完成。（PS：如果你已经购买了虚拟主机或者是云主机以及云服务器，那么可以直接服务器上搭建网站，步骤跟本地搭建网站差不多，具体可以对照下面第三大点的操作方式。）

3如何在自己的电脑上搭建一个自己的网站　　这节课主要讲的是搭建一个自己的个人站点，也就是博客主页类型的网站，所以我们用WordPress这个开源程序来搭建，企业站点也是一样可以用WordPress来搭建的。　　1、下载WordPress程序。大家到百度搜索WordPress下载，进行下载即可；如果比较懒得，就直接用打开下面的链接下载：下载链接：https://cn.wordpress.org/wordpress-4.5.3-zh_CN.zip　　2、解压。上传下载好之后，进入安装PHPstudy的目录文件夹，我是安装在D:/phpstudy目录下的，进入目录下看到有个“www”文件夹，打开这个文件夹，把我们刚刚下载的wordpress-4.5.3-zh_CN.zip进行解压，解压后把wordpress文件夹的所有文档放到D:/phpstudy目录下的www文件夹。  这个目录就是我们存放PHP网站程序的地方，直接放置到其根目录下即可。

　　3、建立数据库。点击phpstudy界面的“Mysql管理器”，输入账号密码（默认都是root），登陆后我们可以数据库管理后台。后台包括，数据库，导入，导出，删除等操作。左边列出的是已有的数据库，除了默认的系统数据库外，还有一个test测试数据库，不喜欢的朋友，可以直接删掉，点击数据库重新建一个数据库，也可以直接用默认的数据库，韩神这里新建了一个叫wp的数据库。

　　4、安装。前面，我们已经启动了phpstudy软件，而且也把WordPress程序，放置到phpstudy安装目录下www文件夹的根目录下了。下面我们就打开浏览器看下效果吧，浏览器地址栏输入http://localhost或者127.0.0.1（如果你改了端口，那么就在后面加上：端口值，变成http://localhost:8080/；如果你把PHP程序包wordpress文件夹放置到www目录下的话，这里输入的地址就为localhost:8080/wordpress），然后回车打开，看到出现wordpress的安装界面了，证明本地php环境已经搭建好了，那么就可以开始进行网站搭建。步骤如下：

4如何设置和美化自己的网站　　关于模板和网站名称以及标题的设置，大家进入网站后台，点击自定义站点，就可以修改网站名称和网站标题以及logo，至于模板，大家点击后台左边的外观，就可以选择主题或者自己上传主题模板的压缩包，上传安装之后，直接启用就可以了。到此一个简洁的个人博客站点就搭建完成了，是不是很容易，很快，完全是0基础建站。

wordpress网站后台

修改网站名称和标题

更换网站主题模板

上传网站主题模板

安装并启用网站主题模板

网站搭建完成网站搭建完之后，由于是入门课程，其他细节的修改大家可以登陆后台进行慢慢摸索

推荐关注韩神的公众号阅读以下内容1、手把手教你一小时学会搭建网站2、优秀产品运营人员必读书单3、15页SEO公开课PPT让你轻松入门SEO4、SEO新手如何写出一份高逼格的SEO方案书5、一个初级SEO人员应该如何对网站进行优化6、【教程】教你如何轻松下载微博上的视频7、被动吸粉和被动添加精准粉丝的实操方法8、商打造朋友圈、加粉、卖货、招代理的方法都在这里9、看完这篇文章，我把朋友圈删了10、如果你想要月入上万请背会它回复【PPT】，送你800份世界500强PPT模板回复【书籍】，免费获取10本营销必读电子书回复【营销宝典】，免费获取50本营销必备宝典和工具包回复【微信】，免费获取微信公众号运营实操手册回复【文案】，免费获取600份世界500强品牌推广文案模板回复【干货】，免费获取新媒体运营干货回复【李开复】，免费获取李开复推荐的30本创业/管理必看电子书

在我们想要建个网站的时候，偶尔会问网站建设难不难呢?难的话，难点是什么地方，如果不难的话，自己可以搭建吗，自己搭建的时候需要学习点什么知识，以下资料由卓趣科技quhr整理提供。

首先我们解答第一个问题，网站建设难不难?如果说站在专业的角度说的话，网站建设一点不难，但是隔行如隔山，如果说一个行外人想要搭建一个建设一个网站还是有点难的。对于一个行外人，网站建设的主要难点是各方面的，对于网站建设从大的选择上可以有模板建站和自主开发，对于我们行外人就不去了解自主开发了，我们可以了解一下模板建站。

模板建站需要懂的知识有域名、空间、模板的安装、图片的替换、代码的简单修改、栏目的添加与删除等。相对应的我们要学习的知识有域名的备案与解析、空间的选择、301的跳转等。

模板的选择方面，要根据我们的实际情况选择适合我们的模板，如果安装好模板，要根据所选的模板，替换相对应的图片，比如banner图片、产品图片、logo图片等;文字方面的替换也要先找到相应的静态页面，然后从静态页面中把所有的宣传推广语改换成自己的，另外如果所选择的模板中有一定的案例的话，旧的案例图片可以直接在网站的后台中进行替换，然后清除缓存后重新生成所有页面。

所以说对于我们自己建设网站，如果有简单的基础的话，还是不难的，如果说没有任何的基础的话，那么就要去学习一定的基础了，要学的有PS的应用，因为有的图片替换需要的图片大小是不可以改变的，另外一个的话就要学习简单的代码基础了，因为好多地方的替换都是需要从代码里才能找到相应的图片的。

因此如果公司想要做个网站的话，最好还是找专业的网站建设公司比较好点，因为专业的人做出来的东西才是专业的，这样的话，我们再日后的优化工作中也能及时的抓住重点，为公司带来更多的客户，自己的业绩也能稳步上升。