如何快速制作网站前端？必须用bootstrap吗？

Question

想快速开发一个网站，但是对设计没有半点灵感。
网上提问回答都是推荐bootstrap，但是接触过，感觉出来的界面真的太单调。
如何才可以快速开发出一个网站前端模板？

Answer 1

直接修改模板是最简单的办法
至于模板...需要你平时的素材积累了
不然的话，就直接找个看着挺顺眼的网站，用整站下载工具之类的，把整个网站下载下来，然后对应着自己需要的部分进行修改了 ╮(╯_╰)╭

Answer 2

用bootstrap觉得单调是因为你没有设计，而且“单纯只用”了bootstrap

看看官方的expo 有哪个是单调的？

就好比即使最高级的单反，也没法让一个完全不懂摄影的门外汉拍出高质量的照片。

题主没有说网站的类型，我也不好提建议，不过常见的无脑糊弄方式有大图片／banner／跑马灯、整页切换、留白、纯色块等等，灵活根据网站的目的和内容选择合适的展现形式是最重要的

---吹牛皮的分割线---

之前玩hexo的时候，前前后后花了一天左右的时间把原来的Light主题简单改造了一下，效果个人觉得还凑合，大图片＋高斯模糊＋些许透明模仿磨砂质感。几天后，苹果公开了iOS7,我被吓了一大跳，这风格明显就是在抄我么

Answer 3

前端模版构建：

http://bootstrapcarnival.com/

Answer 4

你只是图效率的话 开发出个前端模板 不如买一个别人做好的模板学习 十几美元 送代码和PSD 可以商业化 如果考虑到里面的某些JS组件 比单买还要便宜

Answer 5

快速的是直接拖的，连代码都不用敲，凡科就可以

Answer 6

1个小时内就可以建立一个完整专业网站视频教程

现在随着互联网的快速发展，个人, 生意, 或者企业，都需要通过网络展示自己的形象或销售商品。很多人都不了解如何去制作一个网站，不清楚其中的具体细节，并都觉得建网站是一件非常复杂的事情。其实，创建一个网站一点都不复杂，你不需要学习HTML语言, 学习PHP语言, 学习CSS, 学习图片处理, 学习网页制作等等。你更不需要去看那些教你制作网页和网站的书。你只要跟着视频教程操作就可以从零开始，用一个小时左右就可以做出一个完整的网站。

还有，目前互联网上的网站基本都是使用免费网站搭建平台做出来的。真的可以零基础1个小时学会做网站吗？ 对，你看看我们以下的视频教程就知道了。

就拿 http://www.wpketang.com/ 这个网站来说，建设该网站也仅用了大概一小时左右。你觉得这个网站专业吗？ 我们另外的一个网站：https://www.jiustore.com/ 也仅仅用了大概一个小时搭建。JiuWP 和 JiuStore 这两个网站都是使用免费网站搭建平台做的，也就是说用的程序是一样的，只是网站主题不一样而已。

从视频教程上，你可以看到我们从零开始建立 http://www.jiuwp.com/ 这个网站也只需1个小时。如果不需要讲解，直接操作，我的同事在30分钟内就可以完成这个网站。

最重要的是，自己建设一个网站，可以不断丰富网站内容，不断地开展推广和运营，通过网站给你带来持续不断的收入，同时网站本身的价值也会越来越大。

建立网站的步骤

每一个网站都需要两样东西：

1. 域名(网址，如jiustore.com)
2. 空间 (储存和把你的网站发布到互联网去)

好消息是，域名和空间都可以在同一家公司购买，它们加起来的费用是每年几十美元。如果你在 US Domain Center购买的话，你可以直接登陆你的帐户点击安装WordPress (最受欢迎和最容易的免费网站建立平台)。你也会在以下的视频教程里看到。

讲解怎么购买域名和空间, 并安装WordPress (10分钟)
视频链接：https://www.qiyewp.com/

安装WordPress后，你的网站就马上上线了。你只要在手机，电脑，或平板电脑的网站输入栏打进你的域名 ，你就可以看到你的网站。

关于US Domain Center
US Domain Center(美国域名中心)是一家知名的美国域名注册商。它不但为世界各地(中国，美国，加拿大，和澳大利亚等等)提供域名注册服务，它还提供高速空间(主机空间)。还有，如果使用US Domain Center的域名和空间，你无需备案。还有，该公司也接受不同的货币支付(人民币，美元，和加币等等)。

用美国主机空间建站有哪些好处: https://www.jiustore.com/us-h...

域名注册 (Domain Registration)
选择US Domain Center (美国域名中心)的几个原因:

1. 域名查询及批量查询及注册易如反掌
2. 免费赠送专业电邮(如, info@yoursite.com )
3. 自动将专业邮件指向已存在的邮箱帐号
4. 拥有全部域名管理权, 可以随意更改信息
5. 免费的DNS服务和管理
6. 免费的域名防盗保护, 防止域名未经准许被转出US Domain Center
7. 免费提供各种域名注册的售前售后咨询服务

高速主机空间 (Hosting)
US Domain Center也提供高速主机空间(Hosting)。该公司的全球数据中心让网页更快加载，并保证99.9%正常运行时间。

美国域名中心US Domain Center: http://www.usdomaincenter.com/

安装WordPress后，你可以登入你的网站后台，开始来发布内容。

如何进入WordPress网站后台
WordPress网站后台登陆默认地址是网站域名+后台目录。

yoursite.com/wp-admin (把yoursite换成你的域名)就可以。

例如，我们的域名是 jiustore.com，那么我们WordPress网站后台的登陆地址是 jiustore.com/wp-admin

如何设计你的网站
WordPress有过万种免费的主题(网站样本)给你用。只要你去外观 (Appearance)及点击主题 (Themes)来搜索就可以安装你想要的主题。安装主题只需要一个点击就可以 (不需要专业知识)。

免费资源: 用WordPress建站视频教程
零基础1小时建立完整专业网站(WordPress视频教程)
https://www.qiyewp.com/wordpr...

零基础2小时建立完整购物网站, 电子商务网站或外贸网站(WordPress和WooCommerce视频教程)
https://www.qiyewp.com/woocom...

支付宝(AliPay)和微信支付(WeChat Pay)也可以:
https://www.jiustore.com/wooc...

希望以上的WordPress视频教程对你有帮助。

Answer 7

这要看你自己的具体需求，如果只是为了不单调，有个漂亮的外观，WordPress里超级多的主题和模板自己可以选择，如果是为了自己学习开发，那只有一步步来

Answer 8

一叶障目不见泰山，前端开发的重点根本就不在编程上，轻视前端工作自然成了普遍现象。

前端的精髓是“设计”，分为美术设计（配色、构图、软件作图）和交互设计（动画、场景、逻辑业务）两个方面，很明显，这已经脱离了计算机软件开发的范畴；而html/css/javascript是将设计思想转换为web产品的工具。

所以，脱离了前期的“设计”工作，直接跳跃到开发web产品的步骤只会让开发者叫苦连天，就跟后端开发不做系统分析而直接撸代码是一个意思，只不过前端的前置准备工作涉及到了其它专业领域的东西，而后端开发流程始终处在同一个技术领域中。

直接用模板确实是一个解决方案，但是碰到一个满意的模板的概率太低，而使用前端控件库（例如bootstrap或者extjs等），想做出商业水平的东西，仍然需要一定的设计能力才能实现预期效果。

如果真的对前端要求较高的话，那么请踏踏实实的学习“设计”，同时，放下所有偏见去学习浏览器端的javascript，或者其它浏览器端脚本语言，但是因为js是被所有浏览器所支持的，肯定优先学习它，而且现在的js不再像前几年那样让人痛苦不堪，兼容性、规范性等问题都得到了很好的解决。

否则，赶快找一个专攻前端的小伙伴加入团队吧或者将前端工作外包出去，毕竟保证项目能够顺利完成才是重点。