如何建立个人网站?
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集素材
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
四、选择合适的建站程序
尽量选择追随者众、流行广的开源程序。比如wordpress、Z-blog
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带http://www.cnblogs.com/winroot/archive/2012/02/07/2341807.html
以往大部分的创业者,在前期资金紧张、人力缺乏的情况下,很难去建设一个高速、稳定、美观的产品网站。云时代的到来,将很多在以前遥不可及的服务,逐步以近乎免费的形式提供给个人用户。笔者将苦逼的经历整理了一下,来描述如何用“云”,快速创建产品网站。
希望能给刚刚起步的苦逼的创业者一些帮助。
1、 家喻户晓的域名:
怎么家喻户晓那是你的事情,
购买途径推荐http://www.godaddy.com。为什么?价格便宜,还有NameServer可以免费设置,不像DreamMonster虚拟主机一到期,连Nameserver都不给用了,当时我们http://sukikits.com就在这个上面郁闷了一下。而且支持支付宝
具体的注册过程可以baidu搜索“godaddy注册”。
2、 空间是根本:
1、 最好是国内的。
2、 空间不需要太大,几百兆就够了,你的产品网站没那么多内容。
3、 建议购买Apache为WebServer的空间,后面做页面静态化需要。
4、 尽可能挑一些口碑好的空间提供商。因为你在购买前给你演示速度的网站,跟你拿到手的时候速度会有天壤之别。
3、 域名备案
没有这个号码,你的网站将没有任何竞争力,不论你的产品有多么的优秀。在这片神奇的土地上你必须做的事情。当然空间商会帮你提交,你只需要填写资料,准备好电子版的照片,一定要填写能联系到你的手机,通管局会给你打电话确认信息的。
4、 伟大的DNSpod
为什么要DNSpod
用下来就是快,最初我做过对比,比我的的域名服务上提供的解析速度快。
最重要的是在快的前提下,而且免费。
设置比较简单,文档见https://www.dnspod.cn/Support
5、 名片上的企业邮箱
弄好DNSpod以后我们就可以设置企业邮箱了。国内企业邮箱建议选择腾讯http://exmail.qq.com国外服务的话选择Gmail的吧。
我们选择的是腾讯的企业邮箱,比较方便,防止和墙发生不愉快的事情。
注册完成后会有引导内容,按照引导进行设置就可以了。帮助页面http://service.exmail.qq.com/。
这样你就可以有自己的域名后缀的邮箱了,比如我的邮箱leon@sukikits.com就用的是腾讯企业邮箱。
6、 主题不是问题
如果你想开发强大的网站功能请忽略这里。
下面介绍的是要建立一个产品介绍的网站。
看你的需求,如果你想快速简单上手,wordpress就可以满足,如果你喜欢折腾那你去研究joomla或着Drupla。
为什么选择Wordpress。
快速、简便、基本满足一个产品介绍类网站的需求。各类插件、模板丰富。
还有一个最主要的原因:用的人多,遇到问题随便搜索就可以找到解决方案。
那么下面开始说一下模板的选择。
http://www.elegantthemes.com/
http://themeforest.net/
到这两个网站去挑选你喜欢的模板吧。版本的获得方法要么购买要么百度搜索。
模板选择注意点:
a. 选择一款发布时间稍长
b. 下载或者购买量较多
c. 契合你心目中网站风格的。
这样的次序主要是对网站的兼容性、性能、以及你自己使用的便捷性都会有较好的保证。
说白了用户体验为王!
来看一下http://sukikits.com的后台
主题建议先试用再购买。
7、 速度才是王道
分为两部分:
a. 图片访问加速
第一步,找一个云存储推荐又拍云存储https://www.upyun.com/是按照访问流量计费的。说白了就是一个单独的图片CDN 在页面加载的时候不用访问你那“共享百兆”流量的空间。
第二步,修改你DNSPOD,在里面增加一个CNAME 如http://image.sukikits.com。具体设置会有引导。帮助见http://www.upyun.com/intro/custom.php
第三步,尽量将你内页或者主题内的图片连接使用你指向又拍云存储的连接。
另外有一个又拍云的插件可以批量转化。
下载地址:
http://ihacklog.com/php/wordpress/plugins/hacklog-remote-attachment-upaiyun-version.html
b. 页面静态化
使用这个插件:WP Super Cache。
下载地址:http://wordpress.org/extend/plugins/wp-super-cache/
为什么要用:
引用一下百度的搜索“WP Super Cache 是WordPress官方开发人员Donncha开发,是当前最高效也是最灵活的WordPress静态缓存插件。它把整个网页直接生成 HTML 文件,这样 Apache 就不用解析 PHP 脚本,通过使用这个插件,能使得你的WordPress博客将显著的提速。”
设置帮助文档:http://ooxx.me/wp-super-cache.orz
还有一个W3 Total Cache也可以试一下。哈哈
8、 高贵的CDN
http://webluker.com太可爱了,让CDN这个高级货,飞入寻常百姓家。而且每个月30G的免费流量配额,基本上小站是够用了。
CDN的定义见:http://baike.baidu.com/view/21895.htm
简单说来就是把用户访问网站时需要的资源放到访问比较快的服务器上。
简介“Webluker是一站式运维服务综合平台,为用户提供稳定,高效,灵活的服务。提供网站加速、域名管理、DNS解析、云主机、服务器监控、网站监控告警等功能。”
帮助文档:http://blog.webluker.com/
9、 监控是个宝
走到这一步基本上网站基础建设已经完毕。
这里我们开始设定网站的运行状态监控。其实前面提到的DNSpod和webluker都带有服务器监控。大家可以使用,同时我这里推荐一款专门做网站监控的网站,他可能更加专业一些。
推荐原因:免费、好用
监控宝:http://www.jiankongbao.com/
帮助页面:http://www.jiankongbao.com/faq
10、 数据统计
数据统计重要性我就不罗嗦了。
在我朝,就得用本地的东西。所以选择百度统计:http://tongji.baidu.com/
基本好用。Google的统计也是比较好用的。萝卜白菜各有所爱。
数据关系我就不截图了。。。。
这里有一些介绍:http://yingxiao.baidu.com/support/topic/3.html
记住忽略百度推广那些人给你打的电话。你是一个小站,没钱最推广。
手上有一个同学闲置不用的linode服务器,昨天下午突发奇想想做一个blog又不想用wordpress,最好还能学学web开发便想用些web框架撘一个主页。然后发现其实没必要,别人已经造好轮子了。从学生个人的角度分享一下经验。
- 服务器。目前这台linode每月不超过20刀,还能搭建VPN翻墙,适合学习、练手,好评,资金充裕或者身边有同学年年拿国家奖学金愁钱没处花的话可以试试(我就是后面这种情况,免费使用中)。没有服务器的话可以在Github用Github Pages建立个人主页(以后域名就是http://yourusername.github.com ),也方便了管理代码。参考 User, Organization and Project Pages · github:help
- 域名的话反正我没考虑,等把内容充实起来以后再去买吧。(顺便查了查, Namecheap 的.info域名价钱是$3.99/年,性价比似乎不错。还嫌贵的话.tk免费域名 Dot TK 也能满足要求)
- 我是想建立一个blog, 就查了一下比较流行的工具,然后发现了 Pelican , 文档丰富教程简单,可定制性也不错,架好之后基本的工作流程就是(针对Github pages): 写东西 => 用pelican生成网页 => git commit+push,就能看到效果了, 可以用小脚本一次性处理。详细见Blogging with Pelican and GitHub 写的非常清楚明白直接(甚至连python也不用懂...)。Pelican也有很多的主题,见 getpelican/pelican-themes 方便clone下来都尝试一番。
当然如果是那种很严肃的个人主页(比如介绍education, publication之类)可能有其他的framework能用吧。个人网站还是个人博客?我觉得这两者有点区别。
可以将自己的名片信息做成个人主页,尤其是以姓名拼音作为顶级域名,可能给人一种较现代化的感觉——毕竟那是网络上的一个你。
个人博客我想网上有很多教程,不必在这里重复。个人主页建立也非常简单,注册域名,用一最便宜可靠的空间即可,建立一个页面 index.html,上传到空间上,即可生效。
我将本人的个人主页( Zhijun Tan )模板共享给你:https://tumutanzi.com/archives/11830
有问题,请留言。推荐一个网站:
Strikingly - Simple, Beautiful Mobile Sites In Minutes
答案更新:
自己用静态网站生成器Hugo和github托管搭了一个博客,2天搞定,贴一个自己的写的教程:
Hugo静态网站生成器中文教程楼主楼主,我刚刚重新设计了自己的网站Ming YIN,实在忍不住想要show off一下。
秉承着不让大家裤子都脱了,就给看这个,我一定先上图,再说话:
【主页君】
GIF: home_v1.gif - Jumpshare
VIDEO: home_v1.mp4 - Jumpshare
【认真写的图片zoom out,呼噜呼噜】
GIF: home_v3.gif - Jumpshare
VIDEO: home_v3.mp4 - Jumpshare
【华丽丽地手机主页君】
GIF: home_v2.gif - Jumpshare
VIDEO: home_v2.mp4 - Jumpshare
知乎酱好傲娇,gif直接转jpg了,所以要想看口爱的gif君,请移步链接。
===好想睡觉,可是又睡不着的分割线===
言归正传,为什么要有个人网站?
1. 简单明了的个人展示
此类网站我的第一反应就是简单、明了。举个栗子的话就会想到:about.me | your personal homepage,用最少的时间和最短地篇幅再一个网页上展示自己。如果有需要的话,同时告诉别人如何联系到自己。
这样的网站一般都会具有如下属性:
- 开发成本为0 - 30分钟
- 附加链接到自己的其他社交、通信平台
- 明快简介的设计让一张图就抓住别人的眼球
- About me上自己走一下
- About Zach Holman
- About –
Scott Chacon
- Nancy Garcia
2. 定期有内容产出的发布平台
嗯啊,这就是传说中的曾经的博客们啦。但是,随着越来越多的垂直社区变多,网页可以承载更多的内容(声音、网页设计、视频等等),微博、微信等轻量级碎片型内容输出平台增多,写作平台的出现。这样的类型的个人网站,更多的是在某专业内,定期输出内容供自己的subscribers们享用。
这样的网站一般都会具有如下属性:
- 基于某一个范博客平台:Wordpress,Blogger,Tumblr,新浪博客等
- 基于某一个垂直社区的类发布平台:知乎专栏,简书,Segment Fault博客,LOFTER,V2EX记事本,Medium,Svbtle等
- 如果想要这样的个人主页有价值,就要固定地产出有内容的信息
- 突出个人在于某一个行业、行为、类别知识上的优越性
- Julie Zhuo
- 阮一峰的网络日志
- KayST的LOFTER
- 乱弹琴 - 知乎专栏
3. 单纯的自我总结归纳,自我欣赏
好吧,终于到了这个了呢(我的网站就属于这个范畴)。到了这个阶段,如果自己不会写Code,恐怕就不行了。大家有的是完全自己捯饬,有的人则是基于一个Blog系统再自我改造。从样式、功能、逼格都是完全要自我掌控,而且一定会配搭一个叼炸天气的域名,像是什么http://fuck.me,http://anal.io,http://12306.com之类的就都出来了。
这样的网站一般会有如下属性:
- 个人网站突出地显示了做网站的人的程序、设计、美学水平(请不要主观联系到12306好么)
- 完全是自己闹着玩,其实没什么愿意看,做的人一般不是闲的蛋疼就是不自己做一个就蛋疼
- 但是做得很好的话,就会感觉特别吊,建议有此意向的人研习下列课程: HTML&CSS 101,Typography 101,Web Application Development with PHP 101,How RSS Works 101,Graphic Design 101,Why White Space is More Important Than Your F**king Stupid Color Selections 201等
- 网站制作方式一般有:彻头彻尾自己写,基于Jekyll ? Simple, blog-aware, static sites,或者更完善一点的Octopress,大家也可以去看一下Logdown, blog things with Markdown
- 网站的内容也是根据个人喜好的,是自己写一点四十五度仰望星空明媚的忧伤;还是谈古论今高谈时事政治;或者是不停地post一些从Hacker News上Copy下来的最新libraries;实在不行就是自己不停地改网站样式却什么内容都不输出。
- Hakim El Hattab
- Yeedor?
- Trent Walton
- EverMemo|AnimeTaste|小熊词典
- Huang Yang
- Yuguo Blog
- Ruoyu Sun
还有好多好的独家珍藏。好啦,要回宿舍了,Study Center只有我一个人孤孤单单的,好伤心。有没有好基友来找我过夜呀?谢邀请,下面是搭建一个WordPress博客的过程,文章非常详细,仅针对纯白读者,勿喷,谢谢。
准备工作:
一:域名注册
一般域名尽量要短一些,然后含义通俗易懂,尽量不要把0o和il1放在一起,国内建议使用阿里云,国外域名可以使用Godaddy,Name等
二:虚拟主机
购买主机的时候要注意自己的域名是不是已经ICP备案,如果没有备案不能选择大陆的主机,建议用香港的,毕竟与日韩美比地理位置相对于大陆较近比。这里演示用的主机公园的香港虚拟主机,如果你的域名备案了可以选择大陆的主机,比如阿里云,腾讯云都可以
三:博客系统
本文用使用比较广泛的WordPress做演示,当然如果使用typecho,emlog,discuz 等请参考这个教程如何安装WordPres?(GIF动态教程)
WordPress地址:China 简体中文 (请注意大陆访问会很慢甚至无法加载)
博客搭建:
一:域名解析
Godaddy域名解析请看如何解析域名?(GIF动态教程)
这里已经购买了 主机公园 的香港虚拟主机,购买完成后会把IP发到我邮箱,我们把域名解析到这个IP即可
二:安装WordPress
进入用户中心,产品详情,登入cPanel
找到图中所示的SoftaCulou
找到WordPress 并安装
直接添加基本的管理员信息,不用手动上传文件,创建数据库
安装很快,基本上1分钟不要,如果你在这步出错,有可能是因为自己手动创建了数据库或者上传了WordPress文件,删除即可
安装完成
访问测试,如果熟悉的话,也就是数分钟博客就上线了
另外WordPress自带了国外的服务,被强,在大陆访问速度很慢,需要优化一下可以到 好奇猫社区 查看更多用WordPress搭建完整网站视频教程 (从零开始只需1小时)
用WordPress建立专业网站 (从零开始建站视频教程)
用WordPress建立专业网站视频教程 (一步步建站, 一步也不少)_土豆
我制作"用WordPress建立专业网站"这个视频教程来帮助想建立网站却又不知道如何开始的人。要建立一个自己的网站,你不需要网页编辑的知识,也不需要是电脑专业人员。只要你跟着这个指南,你就可以从零开始,创建一个专业网站。
视频教程概览
1) 搭建一个专业网站只需一个小时
2) 不需要任何程序知识 (跟着视频做就可以了)
3) 想要的功能都可以通过安装插件完成
4) 随意更改主题来配合你的风格
5) WordPress的基本操作都是一样
WordPress视频教程: 用WordPress建网站
现在,很多非常受欢迎的专业网站都是用WordPress这个免费平台搭建的。这些网站包括新闻网站(The New York Times Company),明星网站(Katy Perry),大学网站(Stony BrookUniversity School of Journalism),科技网站(Best Buy)等等。
我用WordPress搭建的3个网站:
1. 就网店| 就网站
2. 就免费 – JiuFree.com免费搭建专业生意网站
3. 用WordPress建网站
建立一个网站包括3个步骤:
1. 登记一个域名
登记一个域名是建立网站的第一步。域名也就是你的网站在互联网上的名字,它可以成为你网站的形象,所以最好花些时间来挑选你的域名。http://jiuwp.com是这个网站的域名,简单,易记。
2. 购买一个空间
网页寄存是用来存储你的网站或博客,并把它发布到互联网去。你也可以在空间(网页寄存)储存文件和安装不同的功能,如:论坛,博客,和购物车等等。
3. 建立你的网站
安装WordPress,选择网站主题,和添加内容就可以。
了解更多:用WordPress搭建完整网站视频教程 (从零开始只需1小时)新手学习如何自己建立一个网站视频教程 (WordPress创建网站, 从零开始只需1小时)
我建立网站已经有10年的时间了。我的第一个网站是用HTML编写了,用了一个多月的时间来做。现在,因为建立网站容易多了,简单的网站半个小时就可以完成。
现在有很多的免费网站搭建平台(CMS: 内容管理系统),如WordPress,Joomla和Drupal。在这么免费网站搭建平台中,WordPress是最受欢迎的,因为它的功能强大,扩展性强,和拥有无数的插件来为你添加各种的功能。还有,WordPress搭建的网站或网店对SEO搜索引擎是十分友好,收录也快,排名靠前。最重要的是,它的使用非常的简单。你不需要任何专业知识就可以自己管理和添加内容。我们制作了3套WordPress视频一步步教你如何建立一个专业网站和电子商务网站。
这些年,无论是个人网站还是电子商务网站,我都是用WordPress来搭建的。目前,我也很满意WordPress这个免费资源。
我们制作的3个视频教程
1) 用WordPress搭建完整网站视频教程 (从零开始只需1小时)
该视频对所有的浏览者或读者免费开放。你只要跟着这个视频教程做,你就可以自己动手搭建一个专业的网站。我们会一步步教你如何建立你的第一个网站。
在YouTube观看: https://www.youtube.com/watch?v=TFP1udhVV6c
在土豆观看: 用WordPress建立专业网站视频教程 (一步步建站, 一步也不少)_土豆
2) 新手WordPress视频教程: 学习如何建立响应式网站的全套流程
只要你跟着我们这个45分钟的教程做就可以建立一个专业响应式网站(可以在手机,电脑,或平板电脑浏览)。你也可以对该网站进行任何的个性化修改(不需任何专业知识)。
在YouTube观看: https://www.youtube.com/watch?v=XssSXxaukAo
在土豆观看: 学习如何建立响应式网站的全套WordPress视频教程
3) 建立WordPress电子商务网站视频 (WooCommerce 教程)
如果你已经根据第一个视频教程建立了一个网站或者你已经拥有自己的WordPress网站,我们这个视频将会教大家如何使你的网站成为一个专业的电子商务网站。同样的,你也不需任何的专业知识来搭建一个功能强大的电子商务网站。
观看链接:https://www.jiustore.com/video/
域名(Domain Name)和空间(Hosting)都可以从 http://www.usdomaincenter.com/ 购买。购买后,你可以直接在你的 US Domain Center账户安装免费WordPress搭建平台。
更多教程: https://www.jiustore.com/建站之前,我对域名,主机都没有任何的了解。后来查了很多的资料,经过不短摸索,总算是把网站建了下来。
一域名 购买域名的渠道有很多,我在gddady上购买的,在国外,也相对较为便宜。50多元,学生还能承受。
二虚拟主机 我是想做个博客,练练手,对性能的要求不是很高,虚拟主机也就基本够用了。购买虚拟主机的时候我有太着急了,对备案完全不了解,头脑一热,就买了一个国内的主机。
本来以为备案填下表就可以了,最后还要我去照相。学校位置比较偏,去一趟下来,再加上费用,成本还挺高的。另外我真的太激动了,等不及呀,真的好想快点看到自己的网站。
最后,我又买了一个,由于钱被我浪费的差不多得了,就买了一个美国的,又多花了50多元。这段时间使用下来,速度上还过得去,不是很感人。只是图片加载慢的很,我索性就网站上就不放图片了,全部外链。
三域名解析 这一步一定要做,否则就找不到你的网站。我当初没有设置,就一脸懵懂的刷新了好久。goddady的在下图的管理dns中设置。
四部署网站 网站也可以使用模板,比较有名的有Wordpress,内容很丰富,功能也够用。如果不嫌麻烦的话,可以跟我一样自己做。 我建站的初衷,是想提高下自己的html/css水平,就费事费力的写了整个网站,最后下来,丑的让我无法直视。如果想自己做的话,可以看下慕课网。前端,后端都有相应的教程。
最后大家如果有时间的话,可以看下我的网站,帮我测试下移动端的格式。
http://zhangxiaojin.com
免费建站指南: 如何建立自己的网站
要建立一个专业的网站,你不需要学习任何的编程知识,也不需要是电脑专业人员。你只要你跟着以下这个免费建站指南操作,你的网站会在10分钟内上线。
建立一个网站的3个步骤:
第1步: 购买域名(.com, .net 等等)。域名也就是你网站的网址
第2步: 购买主机空间 (Hosting)。主机空间是用来存储网站资料和安装网站搭建平台(CMS)
第3步: 安装WordPress免费建站平台(CMS)。目前,大部分网站都是用WordPress来搭建的
最后,你只需添加页面,文章,图片,和视频等等内容。还有,你想要的网站功能基本也可以通过安装插件(Plugins)来完成。例如,你想在网站上销售产品,你只需安装WooCommerce电子商务系统插件就可以了。又例如,你想建立一个带有免费和收费功能的会员网站,你也只需安装一个插件,如Simple Membership Plugin就可以了。
如果你准备好,我们就可以开始建立一个专业网站了!
每一个网站都需要一个域名(网址)和空间(主机空间)。好消息是,这些你都可以在US Domain Center(美国域名中心) 这家全球性公司购买(接受支付宝,美元,或任何国家货币),而且美国主机也是全球最发达的。US Domain Center有提供自动绑定域名和空间功能,以及一键安装免费WordPress功能。你不需要操作设置数据库,下载WordPress和上传WordPress等繁琐事情。WordPress安装完成后,你的网站会马上上线,无需备案。世界各地的浏览者或客户都可以用最快的速度浏览你的网站。
US Domain Center: http://www.usdomaincenter.com/
US Domain Center的数据中心遍布世界各地,除了北美外,还在亚洲地区和欧洲等地拥有数据中心。用户可根据网站访问者的来源分布选择最适合的数据中心位置,以优化网站用户的体验。US Domain Center保证99.9%的可使用时间,承诺使用最好的防火墙、路由器和服务器,实现完全整合的监控系统。US Domain Center数据中心的安全技术也非常先进:创新的安全技术阻止外界恶意访问数据中心,24小时7天现场技术人员维护,自动的邮件病毒检测、清除,每日网站备份和增量备份等。
下面是在US Domain Center购买域名和空间,以及安装WordPress免费建站平台的详细步骤:
第一步: 选择货币和搜索域名
首先,进入US Domain Center: http://www.usdomaincenter.com/ 的官方网站。
你可以先选择支付的货币,如USD(美元),CNY(人民币),或任何国家货币。你也可以在后面的购物车那里选择。
接着,在搜索框内输入你想注册的域名(网址),如 wpketang 然后点击 SEARCH 来搜索。
第二步: 选择想注册的域名
如果你想注册的域名还没有被注册的话,你会看到 Good news, this domain is available。 点击 Select 选择该域名,然后选择 Continue to Cart 来添加到购物车。
第三步: 选择私隐保护和主机空间
在进入购物车页面前,US Domain Center会展示以下的页面
Step 1 | Privacy: 建议选择Privacy Protection来保护隐私
Step 2 | Options: 选择Hosting 的Economy – $6.00/mo
注: 1) 不要选择Website Build + Hosting,因为这个不可以安装WordPress免费建站平台。
2) 一般的博客,网站,或电子商务网站使用Economy – $6.00/mo就够用了。如果以后你的网站做得很大,你也是可以随时升级的,刚开始不需要浪费钱。
Step 3 | Email: 不需要选择专业的企业邮箱,因为US Domain Center有免费赠送一个专业电邮给你。
点击 Continue to Cart 按钮,进入购物车页面。
第四步: 输入优惠码或选择支付货币
购物车页面列出了你选择的域名,隐私保护,主机空间,和总费用等。你在这里可以修改域名注册和主机空间购买的年限。
在Have a Promo Code? 那里输入以下优惠码
优惠码 1: 100cr15 优惠码 2: 50cr10
输入优惠码后,点击 Apply, 购物车会自动把价格折算成优惠之后的价格。
在右边的框框里,你会看到你的总额 Total Cost。在这里,你可以选择USD (如果你想用美元,例如信用卡,PayPal等),或者选择 CNY (如果你先想用人民币支付,例如支付宝,银联等),或选择其它国家的货币。US Domain Center的强大系统会根据汇率计算对应的总价。
点击 Proceed to Checkout 按钮来到付款结算页面。
第五步: 创建账户或登录账户
如果你已经注册了账号,你可以直接输入用户名和密码来登录。
如果你是新客户,点击 New Customers 下面的 Continue 来继续。
第六步: 创建账户或登录账户
填写资料时,有3项需要注意: 1) 需要用英文或拼音填写 2) PIN安全码是在你通过电话或Live Chat联系US Domain Center客服时确认身份所需的, 任何4位的数字都可以 3) 填写的资料会根据你使用的支付货币和所在的国家有点不同,如
通过美元支付的页面
通过人民币支付的页面(支付宝或银联等)
也就是说,US Domain Center的系统会根据你选择的货币来显示付款方式。例如,如果你选择美元,你会看到信用卡,PayPal或Checking Account等支付方式。如果你选择人民币,你会看到支付宝(AliPay),银联,和信用卡等。 US Domain Center接受任何国家的货币和支付方式。点击 Continue 来继续。
第七步: 检查资料和下订单
你应该详细检查资料,然后点击 Place Your Order 来下订单。
第八步: 购买的收据
第九步: 认证电邮提示
第十步: 登录你的电邮来认证
登录你购买网站(注册账户)时使用的电邮,然后点击 Verify your email address 来进行认证就可以了。
第十一步: 认证成功
认证后,你会看到 Your email address is verified。接着,你可以点击 My Account 进入账户来继续。
第十二步: 设置主机空间
点击 WEB HOSTING 右边的 Manage 设置主机空间
第十三步: 设置cPanel主机管理系统
点击 Set Up 来设置Cpanel, 最强大的主机管理系统
第十四步: 绑定域名和空间
选择购买的域名,然后点击 Next 来快速绑定域名和空间。
第十五步: 选择数据中心
根据你选择的国家或面向的客户来选择数据中心(Data Center),点击 Next 来进行下一步
第十六步: 创建cPanel账户
输入用户名和密码来创建cPanel主机管理系统账户
第十七步: 选择迟点安装WordPress
我们可以选择 No, not Now,然后点击 Finish 来完成设置cPanel。
第十八步: 进入cPanel界面
在cPanel界面,点击右上角的图片来把cPanel改成中文或其它语言。
点击WordPress 的图标来安装WordPress免费建站平台
第十九步: 一键安装WordPress
US Domain Center的强大系统让你一键安装免费WordPress网站搭建平台。点击 Install this application 来进行
第二十步: 填写相关资料
1. Directory (Optional) 需要留空
2. 在 Settings 那里设置WordPress的登录信息
– Administrator Username 是WordPress网站登录的用户名
– Administrator Password 是WordPress网站登录的密码
– Administrator Email 改成你常用的电邮 (可以使用创建US Domain Center账户时的电邮)
最后,点击 Install 就开始自动安装WordPress免费建站平台了。
第二十一步: 完成安装WordPress免费建站平台
安装WordPress免费建站平台只需几十秒的时间。完成后,你的网站马上上线,世界各地的浏览者都可以用最快的速度来浏览你的网站,无需备案。
第二十二步: 网站上线了
恭喜你,你的网站上线了!
如何进入WordPress网站后
WordPress网站后台登陆默认地址是网站域名+后台目录,在地址栏输入 http://yoursite.com/wp-admin (把yoursite换成你的域名)就可以了。 例如,这个网站的域名是 http://wpketang.com ,那么它的后台的登陆地址是 http://wpketang.com/wp-admin。 再次恭喜你拥有自己的网站!
浏览了一下答案,感觉都没有对小白友好的答案,我来整理一下吧。
首先想要建立自己的网站,就需要一个可以连通外网的服务器。
为什么建立网站需要购买服务器呢,服务器是一种高性能计算机。说的通俗一点,用户浏览网页,其实都是浏览的这台计算机里的网页文件,所以这是你想拥有一个任何人随时随地可以都可以访问的网站,就需要一个24小时不关机的高性能计算机存储你所写的网页程序。
那么?我们需要买一个大铁箱子吗?
答案当然是不需要
因为有云服务器这种东西啊
如何购买云服务器呢?
以阿里云为例子,首先进入阿里云官网:https://www.aliyun.com/
1、选择云服务器ECS点击购买。
2、然后你会看见计费方式分两种,有包年包月的,也有按量付费的,个人感觉包年包月比较划算。
3、服务器地域随意选择,没什么特殊要求的话,选择华北就行了。
4、其余的配置你就按最低的配置选就行了,如果是想做一个高流量的网站自然也应该选择好一点的配置
5、镜像选择注意了,我们这里选择Ubuntu16.04版本,64位做一下实验
6、设置好登录密码,这里的密码就是你以后远程连接服务器的密码
购买之后会分配一个你的ip地址
然后你需要下载一个Xshell 5来连接你的服务器
连接服务器的步骤:
第一步:菜单栏的 文件—新建
第二步:在跳出的窗口中,主机填成刚刚的ip地址,其余不需要改变
第三步:点击连接
第四步:输入用户名密码
第五步:连接成功
连接成功后,在页面上我们依次输入下面的命令,注意不是一骨碌全输进去,而是一句一句输入,输完一句回车就行了,如果他让你选择y/n那你就选择y(yes)
apt-get update
apt-get install apache2
service apache2 restart
2.安装php
apt-get install php5
3.安装mysql
apt-get install mysql-server mysql-client
中途会让你设置密码,
然后我们就可以
service mysql start
最后,重启apache服务
service apache2 restart
到了这一步你就可以在浏览器输入您的ip访问你的网站了。
例如:
http://127.0.0.1
现在的访问页面是服务器的默认界面,然后怎么更改成自己想要的页面呢
你需要下载一个FileZilla Client
然后新建站点,就按着我这个填,连接之后进入/var/www/html目录,这个目录下有个index.html文件,替换成你的index.html文件就行了,因为默认的接受index.html
从事建站行业10多年,经手过形形色色的网站应该不少于1000多个了吧。个人网站、企业网站、电商平台等等各种各样。楼主提问的是如何制作一个网站,根据自己这些年的经验给您分享下大致步骤吧。
一、网站类型。
这些年基本上咨询我的用户,都是带着目的来,自己想弄一个什么什么样的网站。但也遇到过自己想做网站,但不知道做什么类型的网站。还有问我做什么网站赚钱,无法回答啊,要是知道,能有时间给你介绍这些吗?黯然神伤啊。
所以在我们决定做网站之前,一定要考虑好自己打算弄一个什么样的网站。是个人网站、企业网站、电商网站还是什么其他平台类网站等。如果是个人网站,可以尝试去免费申请一个新浪博客,不花钱,而且也能满足大多用户的基本要求。如果不能满足要求,那么就需要找建站公司来做。前提是要先想好弄啥。
二、网站规划。
无论您是做个人网站、还是企业网站亦或是系统平台、电商网站。在确定网站类型之后,一定要有个简单的规划。举例来说,您想做个个人网站,那么先想好网站需要划分哪些板块,每个板块放哪些内容,最简单的办法就是找找类似跟你想法差不多的网站,去整理规划。如果是电商平台,稍微复杂一些的,更要找一些同行网站作为比较,因为后期牵涉到的功能多,您可能会遗漏,或者忘记。所以建站之前的简单网站规划,是一个非常重要的步骤。
三、咨询了解。
如果您自己懂网站制作或者本身就会建站技术,这个可以忽略。如果不明白,那么就可以找一些身边朋友或者懂网站技术的,进行咨询网站建设需要注意哪些问题,以及相关价格。如果没有,那么就百度、知乎自己先去搜索,掌握一些基本常识。
四、域名服务器。
什么是域名?什么是服务器?这个问题在我们前面的回答《网站建设需要多少钱?都有哪些成本?》已经详细介绍过了,大家可以翻阅查看下。
重点介绍下,服务器。服务器跟我们网站访问量大小有着密不可分的关系。服务器的配置、服务器的带宽等等都是能影响到我们网站的在线人数和速度快慢的。
还有就是你的网站如果是经营性的,那么还需要备案,并且要是公司名义的备案。这个也要考虑到。
五、服务商的筛选。
自己不会建站,肯定还是需要找一些服务商去做的。这个时候可以根据自己的一些要求去了解每家服务商有什么样的服务,有什么样的价格,综合比较下。
比较的时候,可以根据以下这些作为参考。
1>成功案例。这点很重要,普通企业网站基本每家服务商应该都能完成。如果是稍微复杂一些的网站,如果服务商没有想过案例,一般是很难完成您的项目需求;
2>沟通无误。为什么把沟通也作为参考的一个环节呢。因为目前来说,您对接服务商的人员都是销售人员,如果有条件最好是跟技术人员进行对接。为什么呢?因为大多技术人员懂您的需求,也知道您的想法。也知道最终用什么样的方式去实现。这样就有个基础保障,您表达出来的,跟最后做出来的是一样的网站。
3>经验与积累。这个跟我们装潢房子一样,一个有好手艺的木工或者工匠,真的做的东西让自己没话说。网站也是如此。有一定经验,公司有一定实力,经营期限稍长一些,肯定能给自己一些惊喜,至少不会失望。
大致就介绍这么多吧。如果能给您提供到一丝帮助,麻烦点个赞,或者关注下。其他疑问也可以私信或者微信了解。
最近刚好兴趣来潮建了一个美女搞笑图片站http://www.3qtu.com 自己不太会前端买的别人开发好的wordpress模板300元 阿里云购买域名一年50元 服务器1核1G1MB一月 50元左右,自己写的爬虫采集网上的图片然后用python批量发布。花费不多就当一次尝试吧。希望有惊喜
老外的个人网站原来是这样设计的:17个最佳范例给你
作家写书,歌手出唱片,人们选择各种方式呈现最佳的自己。对于UI/UX设计师而言,我想,一个设计精美的个人网站,一定会是一种相当不错的方式。无论你是想要展示自己的设计作品,还是分享自己的设计经验和理念,还是吸引互动增加灵感,还是渴望获得一份更好的工作,一个能充分展示你设计才能的个人网站,一定能够让人更好的了解你,并且记住你。
开始学习设计并接触了Mockplus之后,我为了得到更多的设计灵感,持续搜集了一些国外优秀设计师的个人网站。这些网站呈现不同风格,并且具有不同的价值,是设计师自我展示的自由呈现。通常来讲,个人网站的类别包含以下几种:
1. 简历型个人网站 - 优化传统简历,更好的呈现自己的作品和技能,找到更好的工作;
2. 作品展示型个人网站 - 类似于Dribbble和Behance等平台,设计师展示个人作品,但个人网站主动性和功能性更强 更丰富;
3. Blog风格的个人网站 - 设计师分享自己的设计理念和想法,交换信息,吸引粉丝和关注;
4. 个人品牌推广型个人网站 - 认识和了解设计师的最佳门户;
5. Online shop型的个人网站 - 此类个人网站会有商业用途;
以及其他。
通常,设计师的个人网站具有一种或多种用途,比如blog和作品集的结合,简历和作品的结合,一下的17个范例中,我将标注每个个人网站的类型,大家可以根据需要好好研究。希望能对您的个人网站设计带来灵感。
1) Devon Stank
适用类型:简历,作品集,博客
简单明了的首屏,黑色背景色先高雅稳重;
Stank的设计技能和他的个性完美融合,呈现给人一个清晰的设计师形象;
博客的设计是亮点。
2)Gary Sheng
适用类型:简历
典型的简历型个人网站,与标准的简历文档不同,Sheng的网站包含各类可点击的链接和按钮,从而更好的呈现他的软件工程和网页开发技能。想要摒弃传统纸质简历开拓创新的设计师朋友们,一定不容错过。
3)JESSDESIGNTAN
适用类型:简历,作品集
作品集展示和设计理念的完美看结合,“提供创意设计解决方案来解决业务问题是我最擅长的。”
配色选取网页安全色蓝色。
首屏文本排版的对比和层次符合网页文本排版规范。
UI色彩采用经典蓝白。
4)Thalida
适用类型:简历
这是一位高级软件工程师的个人网站。
用黄色亮点和绿色laingdian点缀单一文字,很有创意,像在屏幕上涂鸦。
色彩对比鲜明活泼。
页面一分为二,左侧欢迎界面固定,右侧可滚动查看作品已经工作经历,动静结合。
5)Nik Papic
适用类型:简历
Nik Papic是http://Nik.org的设计师,开发人员。
单一暖色调背景色,网站看上去相当干净,协调。
Story-telling 的方式讲述工作经历。
6)Miss thrifty
适用类型:博客
Miss Thrift是英国最受欢迎的博客之一,这个博客的伟大之处在于品牌的对话风格和真正的人物的参与。
创始人是以为怀孕母亲。
7)Osvaldas
适用类型:博客,作品集,商业
Osvaldas Valutis是一位网页设计师。他自2003年以来一直在做网站。他的个人网站设计,包括一个博客,网上商店和 他的作品。配色方案很好,柔软,浅绿色感觉像大自然。
8)Coffee Table
适用类型:博客
这个个人网站像是设计师Tobias Reich的咖啡品鉴杂志。布局灵活,页面精美。很多人在这里订购和品尝咖啡。是个非常成功的商业性个人网站。
9)Jasmine Star
适用类型:博客,商业
这是关于品牌和营销的热门博客,旨在帮助创意企业家构建梦想的业务。该博客的创始人是一个品牌营销策略师, 目前取得了巨大成功。
10)Everywhereist
适用类型:博客
这是一个旅游主题的博客,访问者不仅可以轻松访问博客内部,还可以通过链接轻松探索博客以外的部分。
配色温暖,中性的,没有过多的杂乱。
记录关于旅行过程中的故事。
11)Brett
适用类型:作品集,个人品牌
Brett是一位专门从事创作软件产品的设计师,开发人员和创意总监。
首屏是白纸黑字的纯文本介绍;
下拉会有一个精彩的视频,包含了其精彩的设计作品;
首屏和页末风格对比鲜明。
12)Vtcreative
适用类型:作品集,个人品牌
Vincent Tantardini是法国UI / UX设计师。
单页的个人网站,风格简洁。
全部为黑白色系搭配,但动态元素的加入有所点缀,不显沉闷。
13)Matinux
适用类型:博客,作品集,简历
Matin是加拿大的UX设计师。他喜欢在每个主题上都有各种各样的展示;
绿色背景,显得柔和;
动画推入介绍作品和经历,具有互动性。
14)Dave Gamache
适用类型:个人品牌
Dave Gamache是之前Twitter&Medium的设计师。
色彩对比强烈但很和谐;
单页个人网站;
Call to actiona链接到各种不同的媒体平台。
15)Sacha Greif
适用类型:个人品牌,博客,作品集
Sacha Greif是一名设计师,开发人员和企业家。目前住在日本的大阪。
他的欢迎语是Say hello, or keep scrolling。 入股选择say hello,可以通过邮箱界面; 滚动页面会看到他各个板块,使 用不同的配色方案来展示作品,工作经历,成就,技能。
非常具有动感和互动性。
16)Nicole Saidy
适用类型:个人推广
Singe Page网站具有可爱的移动背景效果和Behance Feed作为他的作品集的展示部分。
别具一格的是设置有课程。
博客也是不错的展示。
17)Fifty Coffees
适用类型:博客
这个个人网站记录了作者的一系列咖啡会议。
特别之处在于不适用简单的文字,而是使用摄影和视觉效果来帮助告诉她漫长的故事。
希望这些优秀的设计案例能给你带来全新的灵感。如今,因为各种各样的website builder,比如强大的Wordpress,还有Wix,stringkly等等,往往不需要花费过多的精力就可以自己创建,甚至不用一行代码,就连UI也有付费和免费的主题可以一键搞定。但是如果想要拥有独一无二的个人网站,设计师只有去真正的进行创作和设计。你需要好的设计灵感,一点一点打造,这里推荐您使用国内最好的原型设计工具Mockplus进行初步构思,把界面和元素进行整合排版,并且搭建相应的交互。最大的优点是你可以在网页进行HTML演示,在线查看您的构思是否合理,设计是否美观,这对后期的设计和开发都将大有裨益。
ZKEACMS,这个用于建网站很方便,
你可以直在页面上直接把页面变为可编辑状态,像这样:
然后你可以轻松的往里面添加内容,像这样:
还可以直接在页面上操作,像这样:
直接修改文字、添加图片,像这样:
可以先在阿里云买一台ECS(VPS),可以是Linux(Centos 或者 Ubuntu)或者是Windows都可以。Linux在用SSH连接上以后,一条命令就能把网站部署起来:
Centos 7
curl http://cdn.zkeasoft.com/core/centos.7-zkeacms.sh|sh
Ubuntu 16.04
curl http://cdn.zkeasoft.com/core/ubuntu.16.04-zkeacms.sh|sh
如果你使用的是Windows服务器,可以先下载程序
SeriaWei/ZKEACMS.Core
然后根据官方文档进行部署 ZKEACMS Core 部署 Windows IIS Linux
你也可以先到这里体验 欢迎使用ZKEACMS进行创作
看了前面的很多朋友写的都非常不错。我来补充下其他吧。
从05年从事建站行业,经手了很多种类型的网站。但好像给个人用户服务的网站好像不超过10个,印象中好像一个论坛,一个是画家,还有就是一些零零散散的一些朋友,弄的个人网站搞的玩的。
个人做的网站类型
一、博客类型。
看了上面很多朋友都分享的是建立自己的个人博客。有的写的也非常具体,操作性也非常强。但我想强调的是两点。1>如果非必须自己建立独立网站,可以用新浪博客去搭建你的个人博客,既省钱,也不需要特别的维护。最重要的是弄的好,还会带来许多用户。
2>、如果你要建立博客,请还是很耐心的去研究,需要大量的时间和精力。因为隔行如隔山,即便按照上面的教程,还是会出现一些意想不到的的问题和错误。所以要有心理准备。
二、个人建立企业性质的网站。
这种类型也许是我从事建站行业这么多年遇到最多的个人类网站了。很多是学生、老师、上班白领、自由职业者等等。就昨天还有一位大学教授在咨询我建立一个出国就医类的个人的企业网站。
这类网站有个重要特点就是,你的网站无法在国内进行ICP备案。因为工信部要求的是只有企业才能办理企业网站,个人是不允许的。那么如何操作呢,简单来说,就是你的网站制作好以后,要使用香港或者国外的服务器。这样就不用去备案也可以正常运营了。关键点就是目前来说,香港或者国外服务器的服务商靠谱的太少,坑太多。所以很多个人类的企业网站,运营运营就不弄了,重要的一点就是服务器不稳定,速度慢,无售后,经常打不开。即便我们专业公司,在2012年以前也是经常遇到一些不靠谱的服务器公司。所以说,个人如果做企业性质的网站,解决这个问题也就没问题了。
三、个人类的商城或者微商城或者综合平台。
最近的一段时间,发现很多个人朋友希望建立一个商城或者微商城或其他综合类的平台,其实做这些平台类网站时,我们建议还是要去注册成公司,进行ICP备案。为什么呢?因为大多数这些商城或者其他平台,都会要用到支付接口,例如支付宝支付接口,微信支付接口,那申请这些接口时,必须是公司才能有资格去申请,而且你的网站必须要有备案号,所以即便你用了国外服务器,无法备案,依然无法使用这些第三方的支付接口。所以,网站依然无法正常使用。
个人类的网站,大致也就这么多吧。
说说一些题外话。
很多朋友都想通过建立网站去创业,或者说增加一些额外收入。那网站说到底只是一个展示或者说应用,网站本身不具备自动推广的功能,意思是说,建立网站以后,你还需要花些时间去推广你的网站才会有效果。并不是说,你建立好网站,就自动有客户找你了。这是个盲区,在我从事建站行业这么多年以来,遇到很多的个人用户都忽略了这一点。所以还是给朋友们提醒下。
如果帮到你,麻烦点赞支持下。!
个人网站分为备案不备案两种情况
- VPS快速建站 需要一定的基础知识
第一步 注册主机vultr, 注册域名namecheap
第二步 安装bt面板
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh
第三步 根据视频操作
因为知乎长度只能15分钟 所以分成三个部分
https://www.zhihu.com/video/945002673628573696https://www.zhihu.com/video/945007010119389184https://www.zhihu.com/video/9450100050706309122 不备案 个人使用 没有太多计算机知识
使用 fastcomet 的服务
SSD WordPress Hosting - CDN, Free Installation & 24/7 Support Team - FastComet优点是费用低廉, 操作简便, 最低可达2.95美元/月, 无需管理代码以及备份工作
这个就比较简单, 缺点就是没有完全的权限, 只能建站,性能相对差一些
同样道理 如果是国内用户 可以选择阿里云 大概50元一个月的费用 需要备案
顺便分享一个阿里云优惠券
简单来说就是获得服务器 安装面板web环境 指向域名
妥妥的
大家好,我是大米,今天即将给大家分享的不是SEO教程,而是网站搭建教程,作为一个SEO,如果不会建站,那就等于白做SEO,另外随着互联网的普及,越来越多的人以及公司想在互联网上建立自己的站点,所以建站是一个必要技能,会建站之后,想自己独立搭建网站,或者为公司搭建网络平台,就不会捉襟见肘,所以,今天给大家带来建站的教程,希望大家都可以搭建自己的网站
建站第一步:选择域名,什么叫域名?举个简单的例子,http://taoluquan.com,http://souhu.com,http://baidu.com,这几个就是典型的以com结尾的域名,你可以自由发挥想象,任意的字母与数字的组合,只要没有被人抢先注册,你都可以到域名供应商那里购买,现在国内比较大的域名供应商网上一搜一大堆,比如阿里云,易名中国,西部数码,爱名网,等等。
建站第二步:域名解析,把你的域名解析到你所购买的服务器上或者空间上(空间或者服务器大家可以根据自己的需求来买,一般域名供应商都会有卖的,你可以咨询客服,把自己的需求告诉他们,让客服为你推荐最佳的空间或者服务器,一般个人站点,普通的空间服务器就行)。
建站第三步:域名绑定服务器或者空间,域名绑定也只是简单的几步,网上有大量详细的教程,这里不再多叙述。
建站第四步:选择建站程序并前往官网下载,前几节给大家提过几个不错的开源程序,比如wordpress博客系统,discuz论坛系统,dedecms资讯系统,比如你想做个人博客,你就可以到wordpress官网下载最新的wordpress程序。
建站第五步:把程序通过FTP或者其它工具上传,并解压到你域名建站的目录下。
建站第六步:访问你的域名,这时候,应该就会提示安装步骤了(非常简单,就和你安装普通的软件差不多,只不过是在网页上安装而已),根据步骤你就可以完成网站的安装,安装好之后,你要记住你安装过程中设置的后台账户名和密码,以便于后期维护以及更新文章。
经过前六步,你的网站已经搭建完成,网站分为前台和后台,所谓的后台,就是你可以在里面添加文章之类的,网站前端页面会同步显示出来。另外可以在后台中对网站进行相应的设置,比如网站SEO三要素,一般都可以在后台中设置。通过此篇教程,我希望每个学习SEO的人,都能够自己独立建站,大家可以尝试建立不同站点,分享不同的经验或者有价值的信息,文章有些地方我虽然没有细说,大家可以从网上找相关教程,千万不要偷懒,如果实在不想找教程的,也可以在微信上找我咨询。
关于SEO套路教程(四)简单而又神秘的网站搭建教程,大米就先说到这里,如有不足,欢迎补充。
建立个人网站从未如此简单:25个优秀个人网站设计模板一步到位
本文我整理了25个优秀个人网站设计模板,你会发现,原来不用编程,也不用自己设计界面,各式各样取之不尽的主题就是你的网站UI,建立个人网站原来可以如此简单。
在《老外的个人网站原来是这样设计的:17个最佳范例给你灵感》一文中,我和大家分享了17个优秀个人网站范例。相信看过的朋友一定会被这些精美独特的网站深深吸引,是不是也想要建立一个专属于自己的个人网站呢?看见美丽的事物,想要创造出同样美丽的事物是人之常情。但你也许会说,不会编程,不会UI, 时间也匮乏,怎么建立自己的网站呢?一些朋友也许就此望而却步。那就真的太过遗憾。
别担心,本文我整理了25个优秀个人网站设计模板,你会发现,原来不用编程,也不用自己设计界面,各式各样取之不尽的主题就是你的网站UI,建立个人网站原来可以如此简单。
同样,本文中我会按照个人网站的常用类别展开:
1. 作品展示型个人网站 - 类似于Dribbble和Behance等平台,设计师展示个人作品,但个人网站主动性和功能性更强更丰富;
2. Blog风格的个人网站 - 设计师分享自己的设计理念和想法,交换信息,吸引粉丝和关注;
3. Online shop型的个人网站 - 此类个人网站会有商业用途;
4. 简历型个人网站 - 优化传统简历,更好的呈现自己的作品和技能,找到更好的工作;
5. 个人摄影网站 - 展示平面设计师,摄影师等的作品,是作品集网站的一种;
6. 通用型个人网站 模板 - 可适用于多种类型。
此外,个人网站还有不同的制作工具和主题,比如基于HTML编辑器,基于Flash互动网页制作工具,使用Website Builder直接设计,Wordpress主题等等,我也将在每个推荐里展示出来,提供选择。
一. 作品展示型个人网站模板
1)John Doe - 基于HTML5 的单页免费作品集个人网站模板
特点:
使用最新的CSS Framework- Bootstrap创建
流畅的CSS3 动画效果和jQuery插件.
完全的可自定义编辑
响应式界面设计
Google字体
同样适用于blog类型的个人网站设计
John Doe尤其适合自由职业设计师的作品集个人网站制作,可以充分展示自己擅长什么以及想做什么,也可以展示自己以前的作品或项目。 界面设计富有创意且优雅。 只需一分钟,你就可以了解该模板是如何使用,及其简洁方便。
这里已经有一些使用该模板制作个人网站的真实案例:
Link 1: MARK DAVIES – IT CONSULTANT
Link 2: http://qarniest.com/
Download here.
2) Assemble - 专属的作品集设计模板
特点:
18个美观的主页,单个项目模板,以及无数的作品集设计布局。
酷炫的菜单样式和出色的悬停效果。
可编辑的内置页面和响应式设计。
完全兼容于电子商务广泛使用的免费WooCommerce插件。
也适用于个人博客网站设计。
Assemble是一个免费的在线作品集设计网站,可以将您的设计作品以一种完美的方式展示出来。它包含18个美观的主页供您自由选择,随心设计,打造专属的个人作品集网站。
Download here
3)Instant - 免费的响应式作品集个人网站模板
特点:
包含3页的WordPress主题模板。
使用Bootstrap 3构建。
全屏幕和视差背景。
适用于多种浏览器。
精美字体。
Instance是那些才华横溢的专业设计师建立个人网站的不二选择。设计精美,界面干净,极具创意。包含精心设计的HTML5 Bootstrap模板。 它是专门为个人作品集网站建设而设计的。最重要的,该模板完全免费!
用户反馈:“ Beautiful work. A cure to poorly designed eye-sore websites. Thanks for your work!! ” - Daniel Ekal.
Download here.
4) http://Template.net - 作品集展示模板
特点:
基于HTML5构建。
100%可自定义编辑。
紧跟新设计趋势并且极具独特风格。
包含作品集,简历,商业用途等网站模板。
http://Template.net 提供丰富的个人网站模板,包括可用于展示产品的设计,作品集或插图。尤其作品集模板的创意主题被广泛使用。这个基于HTML5的作品集模板为设计增添了独特的触感,可以帮您丰富网站创意。
Download here.
5) Erika - 轻量型的个人作品集网站模板
特点:
基于Bootstrap 3.x创建。
完全的响应式设计。
包含页面模板。
包含HTML&CSS&JS文件和有效的 HTML5 / CSS3。
8 个主页模板,3 个标题样式,24 个作品集设计选择,以及55 页面模板。
包含Ajax的动态PHP联系表单。
这是一个包含8个主页变体的多页面个人网站模板。 编码良好,你还可以将其轻松的转换为WordPress格式。在干净的白色背景上,文字和其他网页元素清晰可见,您可以清晰地展示您的作品。用户可以轻松地在页面标签之间切换,以查看您的作品集。悬停效果和其他动画效果非常酷炫。
Download here.
6) Martin - 极具创意的单页网站模板
特点:
基于Bootstrap最新版本创建。
包含HTML5,CSS3,jQuery。
完全的响应式设计。
免费更新。
SEO优化良好。
Martinis 是一个简单,富有创造性和完全可响应的HTML模板,可用于展示您的作品集和个人信息。该模板中使用了所有的现代技术,比如HTML5,CSS3,bootstrap和jQuery。该模板可以给你一个个人空间,无论是设计师,开发人员,摄影师,都可以在这里进行创意设计。
Download here.
二. 个人博客网站模板
1)Pofo - 创意Html5 / Css3博客网站模板
特征:
快速页面加载。
免费更新。
极佳的创造性和互动性,灵活强大的HTML5 / CSS3模板。
25个以上的主页演示,包括一个页面主页,210多个HTML页面,150多个不同风格的独特元素。
您可以使用Pofo中不同的列表样式构建一个专业的博客界面,还可以自己制作博客和画廊,或者使用Slider Revolution设置图片里的任何内容。使用Pofo创建博客的一个优点是一切都很简单。它易于浏览(简单,干净的图像框和文本框),方便阅读(直观的博客文章页面样式)。页面加载速度快,并在搜索引擎上进行了优化。
Download here.
2)Free CSS - 多样化博客模板
特征:
各种博客模板主题。
基于HTML5构建。
响应式设计。
也可以用于摄影作品集和商业博客。
Free CSS是一个不同主题的博客模板的大集合。每个主题都有特殊的功能和特色,是一个分享您的想法和写作的好地方。只需选择你最喜欢的一个主题,就可立即创建一个个人博客网站。所有主题都是就免费的!
Download here.
3)Ablogia - 个人博客网站模板
特征:
基于Bootstrap 4.0.0-beta创建。
基于HTML5&CSS3构建。
现代且极具创造性的设计。
W3C有效的HTML。
完美像素。
800多种Google字体。
Ablogia是一个简单,干净且优雅的博客模板,使用现代技术,如最新bootstrap,html5,css3,jquery等建立了这个模板。界面非常干净。
Download here.
4)Creativemarket - WordPress博客主题
特征:
超过960个WordPress博客主题。
基于Bootstrap 4.0.0-beta创建。
用HTML5&CSS3构建。
搜索引擎优化。
该模板包含了近千个WordPress主题。您可以体验流畅的博客网站加载和页面切换。博客主题与白色和浅蓝色形成鲜明的对比,你想要展示的信息会清晰呈现。该模板的建立基于最新的HTML5和CSS3技术,并有搜索引擎优化。您可以选择将主题翻译成多种语言,且适用于所有浏览器。
Download here.
5)Read Personal Blog Template
特点:
用bootstrap构建。
响应式设计。
干净的布局。
完整的文档。
Read是最轻量化的个人博客设计模板。有干净的界面和响应的主题。 它适用于任何种类的个人博客网站设计,比如旅行日记或教程博客。
Download here.
三. 个人电子商务/网店网站模板
1. Preface - 免费的响应式网站模板
特征:
响应式设计。
基于Bootstrap和jQuery创建。
W3C有效的HTML5和CSS3。
Preface是一个质量一流的免费个人网站模板。完全响应式设计,UI界面设计高级具有质感。这个免费的个人Bootstrap模板具有高质量的设计和代码。它充分响应,可用于商业和个人推广目的。免费下载!
Download here.
2)Jevelin
特征:
一键式网站安装。
拖放元素即可的页面生成器。
社交共享功能。
搜索引擎优化。
多语言和RTL支持。
终身更新和用户支持。
Jevelin是一个响应式的WordPress主题模板。不需任何专业背景,对于非程序员或忙碌的人来说是最合适不过的。它拥有有大量页面元素可供选择。 贴心的是,提供视频教程来指导你。它使用拖放页面生成器和MegaMenu来简化许多面板任务。Jevelin本质上是多用途的,适用于多种浏览器或各种设备。Jevelin也拥有优化的SEO导航。
Download here.
3)Kards - 免费的个人网站模板
特征:
充分响应的HTML5和CSS3模板。
极具现代感且干净的设计。
时间轴项目。
易于自定义。
兼容所有主流浏览器。
Kards基于Bootstrap框架设计,是个人作品集,博客或商业用途的最佳模板。 组织有序的代码使它很容易进行自定义设计和使用。它的创意设计可以吸引客户到您的网站,使其成为您的业务合作伙伴。 该模板跨浏览器兼容,完全免费。
download here.
四. 个人简历网站模板
1) CVstrap - 免费的个人网站模板
特征:
响应式设计。
基于Bootstrap 3构建。
CVSTrap在众多的模板类别中是独一无二的。 这是一个免费的简历型HTML5模板,使用该模板,创建一个满意的简历个人网站只需不到一个小时。
Download here.
2)Juleha - 单页简历模板
特征:
用Bootstrap构建。
多样的字体选择。
动画标题。
基于HTML5和CSS3创建。
完美配色方案。
Ajax联系表单。
轻松自定义。
Juleha是一个简洁干净的单页简历模板。 支持的浏览器包括IE 10+,最新的Firefox,最新的Chrome,最新的Safari,最新的Opera等。
Download here.
3)Easy Resume – 免费的响应式模板
特征:
用Bootstrap 3构建。
包含HTML5和CSS3。
包含JavaScript和jQeury。
单页多层布局设计。
Google的移动设备测试。
跨浏览器兼容。
EASY RESUME是一个Bootstrap响应式网站模板。设计特别,具有令人印象深刻的视频横幅。 这个完全响应式的模板是使用HTML5,CSS3和Bootstrap框架设计的。 特色设计之处在于:颜色,图像,悬停动画,平面网格模式,视频背景等。该模板完全免费。
Download here.
五.个人摄影网站模板。
1)Click - 免费的响应式的个人作品集网站模板
功能:
全屏幕标题背景。
跨浏览器兼容。
流畅的CSS3动画。
100%的搜索引擎优化。
100%完全可自定义设计。
用HTML5和CSS3构建。
Bootstrap前端框架。
Click是一款干净免费的HTML5 Bootstrap模板,专为个人摄影作品和专业摄影展示设计。该模板由提供者精心设计,强调排版和整体用户体验。不同年龄阶段的设计师或者摄影师都可以在这里展示自己的作品。所有服务完全免费!
Download here.
2)Liza Photography - 令人惊叹的摄影网站模板
特征:
9令人惊叹的画廊布局。
全屏图库支持。
多个菜单布局。
用HTML5和CSS3构建。
强调排版和可用性。
具有650多种Google字体的高级版。
免费终身更新。
该模板是一个优秀的HTML网站模板,您可以创建一个专业的作品集网站并且创建一个博客。 该模板有各种各样的画廊,如网格等,可以很好的展示您的摄影作品。
Download here.
3)SELFIE - 个人摄影师HTML模板
特征:
响应式布局。
滑块介绍方式。
Instagram资讯介绍。
Html 5和CSS3。
包括一个页面布局。
包括博客单页和博客详细信息页面。
SELFIE是一个极具现代感的摄影师网站模板。专为摄影师设计,可以显示您的照片库。该模板具有独特和现代的页面布局,提供了一系列的多设计和多布局选择。该模板是完全响应式的,并已针对平板电脑和智能手机进行了优化。
Download here.
4)Opta - 最轻量的的作品集和摄影HTML模板
特征:
响应式布局以适应任何屏幕尺寸。
简单的图像滑块和文本滑块。
Google Web字体。
PHP联系表格。
任何时候都可以直接向模板开发人员获得一流的支持。
Opta是一个简约的作品集和摄影HTML模板。使用此模板,您可以只用几个步骤就能创建一个惊人的网站。该模板灵活且易于定制,并且是响应式布局。
Download here.
六. 其他通用型个人网站模板
1)Awesome - 免费的响应式个人模板
Download here.
2)Wix - 强大的个人网站生成器和模板提供者
Download here.
3)Universal - 轻巧的智能化html5 模板
download here.
4)Unibody - 多功能多页面的HTML5模板
Download here.
借助这些模板,往往不需要花费过多的精力就可以自己创建一个个人网站,甚至不用一行代码,就连UI也有付费和免费的主题可以一键搞定。希望这些优秀的个人网站模板能给您设计网站提供帮助。但是如果你还是想要拥有独一无二的个人网站,设计师只有去真正的进行创作和设计。你需要好的设计灵感,一点一点打造,这里推荐您使用国内最好的原型设计工具Mockplus进行初步构思,把界面和元素进行整合排版,并且搭建相应的交互。最大的优点是你可以在网页进行HTML演示,在线查看您的构思是否合理,设计是否美观,这对后期的设计和开发都将大有裨益。
相关阅读:
干货!2018年你值得一看的网页设计作品集赏析
网页设计有难题?12款网页设计模板给你灵感!
极简网页设计技巧,打造简约之美
网站设计缺乏创意?视差滚动网站设计让你与众不同
设计类网站的“联系我们”页面设计盘点
网站着陆页设计,让用户开心着陆的10大技巧!
收集网站用户反馈的5个常用问题
时尚的不仅仅是它们的服装,还有它们的网站设计
这9款小众时尚的酒店网站设计,让你不再恋家
10个最新交互式Web设计实例欣赏
Mockplus 做原型,更快,更简单!