如何快速做一个网站前端

‘壹’ 如何做web前端开发

掌握基础知识，设计网站
1.了解网络的工作方式以及术语
首先，你应该了解网络的工作原理。在你进行技术性研究之前，你应该了解其背后的概念是什么。
2.学习HTML和CSS
3.学习使用Javascript和Jquery
4.对Web的UI / UX概念的基本了解
5.实践与实验
6.学习CSS框架（引导程序）
7.使用CSS预处理器（SASS和LESS）
8.使用版本控制（Git）
9.使用软件包管理器（NPM）
10.使用任务运行器/构建工具（Gulp）
11.了解编程的基本概念
12.学习现代Javascipt（ES6）
13.学习Vue.js
14.学习React
15.学习Angular

‘贰’ 如何快速的做网站

网上下载一套好的建站系统：pageadmin和discha都是非常不错的选择
将下载的程序上传到虚拟主机级里面、主机绑定域名、域名解析就可以啦！
1，买域名。
最简单的买域名的办法，就是花钱找代理给买，什么都不用管，只要给对方钱就行了，如果是准备长期做网络，最好的办法就是通过网银在万网上自己购买。
买完域名以后，对方或者是系统自动给你开通一个域名管理平台的帐号和密码，这个帐号和密码还有用，暂时先放着。
2，买空间。
买空间的时候，对方需要问你域名是多少，然后给你绑定到空间上。
开通空间以后，给你一个空间的IP。
3，要登陆你的域名管理平台，然后把这个域名解析到这个IP上。
4，把程序上传到根目录上。
5，等待域名解析成功了，那么就可以访问网站了。（别忘了要备案）

‘叁’ 如何制作一个优秀的网站前端页面

网站首页是用户进入你网站看到的第一面，如果这第一面给用户的印象不好，不够吸引，那样会让用户没有了继续浏览的欲望。一个不够吸引人的网站首页，就算你网站推广做的再好，IP量再高，但是往往就是因为网站首页设计的不够好、不够精致、不够吸引，从而导致了网站转化率不高。网站首页的设计不但在网站建设过程中很重要，在网站优化中也起到了关键作用。那么一个优质的网站首页该怎么样设计呢？一个震撼的网站首页用什么设计呢？

网站首页无论是放在网站设计，还是网站建设和网站优化中都是首要针对的步骤。不管是企业网站、个人网站，还是商城网站、分销网站。网站首页都要足够精致、独特、设计风格鲜明，这样才能让浏览的用户视觉上的冲刺，从而可以触发用户的消费欲望或者继续浏览的念头。

‘肆’ 如何成为一个web前端，怎样系统的去学习，

web前端作为互联网相关的重要岗位，许多互联网大厂（如阿里腾讯等）在招聘时会作出要求。学好web前端对于将来掌握前端后端开发、成为全栈架构师的学习很有帮助。

想学习web前端需要掌握的内容也是不少的，对于自学的同学来说会有一些难度，不推荐自学能力差的人。我们在学习的时候需要分阶段进行，做到有计划的学习与训练，具体的学习顺序如下：

web前端学习顺序：

①计算机基础以及PS基础

②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）

③移动开发

④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）

⑤小程序开发

⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）

⑦就业拓展（网站SEO与前端安全技术）

想要系统学习，你可以考察对比一下开设有IT专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，建议实地考察对比一下。

祝你学有所成，望采纳。

‘伍’ 怎样在五天内学会制作一个web前端系统网站

5天学会制作一个web前端的系统网站，基本上是不可能的，一般都是借别人写好的系统进行修改变成自己的网站。如果想自己写一个网站，建议好好学习，到时自然就会写网站了。

‘陆’ 怎么自学前端

自学方法：

1、作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。

2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。

3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。

4、不建议自己一个人瞎学，在我了解学习编程的这些人来看，从零基础开始学并且最后成功做这份工作的其实并没有几个，我觉得大部分原因就是因为他们都不了解web前端是干什么的，学什么的，就盲目的买书看，到处找视频看，最后看着看着就放弃了，所以我建议初学者在没有具体概念之前，还是找有经验的人请教一下，聊过之后你就会知道web前端具体是干什么的，该怎么学，这是我个人的小建议，可以不采纳。

自学路线：

第1阶段：前端页面重构(4周)

内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段：PC端全栈项目开发(3周)

内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：NodeJS全栈开发(1周)

内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

基础书籍：

1、《Head First HTML与CSS(第2版)》，入门真的是经典书籍，手把手教学，丰富的案例让你从 0 开始学前端。

2、《CSS权威指南(第三版)》，这本书作为 CSS 的经典着作，把原理讲得非常的通透，除了 w3c 标准，算最权威的一本了，毕竟权威指南。

3、《CSS揭秘》神书，47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了，css 进阶必备。

4、《javascript语言精粹》，这本书可以在入门之前了解一下基本语法，以及在学习之前可以了解下 JS 里面的精粹以及糟粕，虽然这本书很薄很薄，但是值得反复去读的一本书。

5、《JavaScript DOM编程艺术(第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践。

6、《JavaScript权威指南》：犀牛书是每个FE都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅。

视频教程:

网页链接

望采纳~

‘柒’ 如何快速学习前端

自学前端是一个非常辛苦的过程，最不可缺少的就是坚持下去的决心以及合理的学习计划。接下来我简单说一下自学前端需要注意的几点以及自学前端的路线。

自学方法：

1、作为一个初学者，你必须明确系统的学习方法，我建议一定要有一个指导人，全靠自己学，放弃的几率非常大，在你对web前端还没有任何概念的时候，需要一个人领进门，之后就靠自己钻研，第一步就是确定web前端都需要学哪些东西，并且在多少时间内学完，建议时间6个月保底。

2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写。所以在这里告诉大家，书可以看，但是是建立在你已经对于某个知识点有了具体的操作的执行后，再用书去巩固概念，这样更加利于你对知识的理解。

推荐一个自学前端的路线，你可以参考一下：

第1阶段：前端页面重构(4周)

内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段：PC端全栈项目开发(3周)

内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：NodeJS全栈开发(1周)

内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

相关的视频教程你需要的话，可以加一下我的交流群，里面都有，其他的资料也可以问我要。

‘捌’ 学习Web前端 如何快速的从入门到精通

前端开发可以自学，也可以选择口碑好、信誉佳的机构学。

互联网的发展带动了多种行业的发展，Web前端在互联网行业也发挥着越来越重要的作用。Web前端开发不仅在形式、内容和功能上也有了极大的丰富，而且对前端开发人员的要求越来越高。

web全栈工程师5.0课程学习内容包括：

①计算机基础以及PS基础

②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）

③移动开发

④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）

⑤小程序开发

⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）

⑦就业拓展（网站SEO与前端安全技术）

互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。

想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。

祝你学有所成，望采纳。

‘玖’ 自己怎么做一个网页

自己怎么做一个网页？现在炫彩的网页很多，那都是怎么做出来的呢？为了帮助小白能快速学会一些基础知识，小鱼就不用代码而就直接用网页软件制作了。
1首先得有这个软件，名字是Adobe Dreamweaver CS3，这个在网络上就能下到，提倡正版。
2打开界面就是这样，想要做一个简单的网页就点击这个。
3然后就进入这么个界面，因为一般做网页都是用表格来分割板块和规划界面，下来就插入一个表格简单示范。
4点击插入记录里的表格。
5在这里设置表格属性，因为小鱼在示范，就直接用1*1的了。
6然后就是这个样子，可以随意拉伸调整，接下来我们插入一个图片。
7点击插入记录里的图像。
8在这里选择图片并确定。
9在点击确定后就会弹出这个窗口，这个是确认路径，在网页中每个板块的内容都是在服务器上有确定的路径以防止错乱。
10这里还是确认路径，点击小文件夹图标，再次选择上次选择的图片，并确认。
11再次确认。
12添加完毕就是这样，根据图片分辨率不同插进后大小会不同，进行调整就可以了。
13然后就可以用网页打开试试了，点击如图的图标，会出现是否保存字样，将其保存到自己想要保存的文件路径就可以了，注意保存时文件后缀名.html不能改动。
14这个就是打开的样子，下次会介绍如何添加网页标题和其中的一种网页链接方式。
注意事项
如果对您有用，麻烦有得收藏点赞投票，谢谢支持。

‘拾’ 如何快速制作网站前端

用bootstrap觉得单调是因为你没有设计，而且“单纯只用”了bootstrap
看看官方的expo 有哪个是单调的？
就好比即使最高级的单反，也没法让一个完全不懂摄影的门外汉拍出高质量的照片。
题主没有说网站的类型，我也不好提建议，不过常见的无脑糊弄方式有大图片／banner／跑马灯、整页切换、留白、纯色块等等，灵活根据网站的目的和内容选择合适的展现形式是最重要的