如何建立个人网站？
1.你是想给来做哪方面用，宣传形象、卖产品、自己玩玩......2.有没有预算，别人好给你做推荐......
按投票排序
以往大部分的创业者，在前期资金紧张、人力缺乏的情况下，很难去建设一个高速、稳定、美观的产品网站。云时代的到来，将很多在以前遥不可及的服务，逐步以近乎免费的形式提供给个人用户。笔者将苦逼的经历整理了一下，来描述如何用“云”，快速创建产品网站。 希望能给刚刚起步的苦逼的创业者一些帮助。1、 家喻户晓的域名： 怎么家喻户晓那是你的事情， 购买途径推荐。为什么？价格便宜，还有NameServer可以免费设置，不像DreamMonster虚拟主机一到期，连Nameserver都不给用了，当时我们就在这个上面郁闷了一下。而且支持支付宝 具体的注册过程可以baidu搜索“godaddy注册”。2、 空间是根本： 1、 最好是国内的。 2、 空间不需要太大，几百兆就够了，你的产品网站没那么多内容。 3、 建议购买Apache为WebServer的空间，后面做页面静态化需要。 4、 尽可能挑一些口碑好的空间提供商。因为你在购买前给你演示速度的网站，跟你拿到手的时候速度会有天壤之别。3、 域名备案 没有这个号码，你的网站将没有任何竞争力，不论你的产品有多么的优秀。在这片神奇的土地上你必须做的事情。当然空间商会帮你提交，你只需要填写资料，准备好电子版的照片，一定要填写能联系到你的手机，通管局会给你打电话确认信息的。4、 伟大的DNSpod 为什么要DNSpod 用下来就是快，最初我做过对比，比我的的域名服务上提供的解析速度快。 最重要的是在快的前提下，而且免费。 设置比较简单，文档见5、 名片上的企业邮箱 弄好DNSpod以后我们就可以设置企业邮箱了。国内企业邮箱建议选择腾讯国外服务的话选择Gmail的吧。 我们选择的是腾讯的企业邮箱，比较方便，防止和墙发生不愉快的事情。 注册完成后会有引导内容，按照引导进行设置就可以了。帮助页面。 这样你就可以有自己的域名后缀的邮箱了，比如我的邮箱就用的是腾讯企业邮箱。6、 主题不是问题 如果你想开发强大的网站功能请忽略这里。 下面介绍的是要建立一个产品介绍的网站。 看你的需求，如果你想快速简单上手，wordpress就可以满足，如果你喜欢折腾那你去研究joomla或着Drupla。 为什么选择Wordpress。 快速、简便、基本满足一个产品介绍类网站的需求。各类插件、模板丰富。 还有一个最主要的原因：用的人多，遇到问题随便搜索就可以找到解决方案。 那么下面开始说一下模板的选择。
到这两个网站去挑选你喜欢的模板吧。版本的获得方法要么购买要么百度搜索。 模板选择注意点： a.
选择一款发布时间稍长 b.
下载或者购买量较多 c.
契合你心目中网站风格的。 这样的次序主要是对网站的兼容性、性能、以及你自己使用的便捷性都会有较好的保证。 说白了用户体验为王！ 来看一下的后台 主题建议先试用再购买。7、 速度才是王道 分为两部分：a.
图片访问加速 第一步，找一个云存储推荐又拍云存储是按照访问流量计费的。说白了就是一个单独的图片CDN 在页面加载的时候不用访问你那“共享百兆”流量的空间。 第二步，修改你DNSPOD，在里面增加一个CNAME 如。具体设置会有引导。帮助见 第三步，尽量将你内页或者主题内的图片连接使用你指向又拍云存储的连接。 另外有一个又拍云的插件可以批量转化。 下载地址： b.
页面静态化 使用这个插件：WP Super Cache。 下载地址： 为什么要用： 引用一下百度的搜索“WP Super Cache 是WordPress官方开发人员Donncha开发，是当前最高效也是最灵活的WordPress静态缓存插件。它把整个网页直接生成 HTML 文件，这样 Apache 就不用解析 PHP 脚本，通过使用这个插件，能使得你的WordPress博客将显著的提速。” 设置帮助文档： 还有一个W3 Total Cache也可以试一下。哈哈 8、 高贵的CDN 太可爱了，让CDN这个高级货，飞入寻常百姓家。而且每个月30G的免费流量配额，基本上小站是够用了。 CDN的定义见： 简单说来就是把用户访问网站时需要的资源放到访问比较快的服务器上。 简介“Webluker是一站式运维服务综合平台，为用户提供稳定，高效，灵活的服务。提供网站加速、域名管理、DNS解析、云主机、服务器监控、网站监控告警等功能。” 帮助文档：9、 监控是个宝 走到这一步基本上网站基础建设已经完毕。 这里我们开始设定网站的运行状态监控。其实前面提到的DNSpod和webluker都带有服务器监控。大家可以使用，同时我这里推荐一款专门做网站监控的网站，他可能更加专业一些。 推荐原因：免费、好用 监控宝： 帮助页面：10、
数据统计 数据统计重要性我就不罗嗦了。 在我朝，就得用本地的东西。所以选择百度统计： 基本好用。Google的统计也是比较好用的。萝卜白菜各有所爱。 数据关系我就不截图了。。。。 这里有一些介绍： 记住忽略百度推广那些人给你打的电话。你是一个小站，没钱最推广。
楼主楼主，我刚刚重新设计了自己的网站，实在忍不住想要show off一下。秉承着不让大家裤子都脱了，就给看这个，我一定先上图，再说话：【主页君】GIF: VIDEO: 【认真写的图片zoom out，呼噜呼噜】【认真写的图片zoom out，呼噜呼噜】GIF: VIDEO: 【华丽丽地手机主页君】【华丽丽地手机主页君】GIF: VIDEO: 知乎酱好傲娇，gif直接转jpg了，所以要想看口爱的gif君，请移步链接。===好想睡觉，可是又睡不着的分割线===言归正传，为什么要有个人网站？1. 简单明了的个人展示此类网站我的第一反应就是简单、明了。举个栗子的话就会想到：，用最少的时间和最短地篇幅再一个网页上展示自己。如果有需要的话，同时告诉别人如何联系到自己。这样的网站一般都会具有如下属性：开发成本为0 - 30分钟附加链接到自己的其他社交、通信平台明快简介的设计让一张图就抓住别人的眼球好的Examples：About me上自己走一下2. 定期有内容产出的发布平台嗯啊，这就是传说中的曾经的博客们啦。但是，随着越来越多的垂直社区变多，网页可以承载更多的内容（声音、网页设计、视频等等），微博、微信等轻量级碎片型内容输出平台增多，写作平台的出现。这样的类型的个人网站，更多的是在某专业内，定期输出内容供自己的subscribers们享用。这样的网站一般都会具有如下属性：基于某一个范博客平台：Wordpress，Blogger，Tumblr，新浪博客等基于某一个垂直社区的类发布平台：知乎专栏，简书，Segment Fault博客，LOFTER，V2EX记事本，Medium，Svbtle等如果想要这样的个人主页有价值，就要固定地产出有内容的信息突出个人在于某一个行业、行为、类别知识上的优越性好的Examples：3. 单纯的自我总结归纳，自我欣赏好吧，终于到了这个了呢（我的网站就属于这个范畴）。到了这个阶段，如果自己不会写Code，恐怕就不行了。大家有的是完全自己捯饬，有的人则是基于一个Blog系统再自我改造。从样式、功能、逼格都是完全要自我掌控，而且一定会配搭一个叼炸天气的域名，像是什么，，之类的就都出来了。这样的网站一般会有如下属性：个人网站突出地显示了做网站的人的程序、设计、美学水平（请不要主观联系到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等网站制作方式一般有：彻头彻尾自己写，基于，或者更完善一点的，大家也可以去看一下网站的内容也是根据个人喜好的，是自己写一点四十五度仰望星空明媚的忧伤；还是谈古论今高谈时事政治；或者是不停地post一些从Hacker News上Copy下来的最新libraries；实在不行就是自己不停地改网站样式却什么内容都不输出。好的Examples：还有好多好的独家珍藏。好啦，要回宿舍了，Study Center只有我一个人孤孤单单的，好伤心。有没有好基友来找我过夜呀？
你为什么要做？你想做个什么样的网站？你做了网站给谁用？我是一个设计类学生，然后自己想做一个作品集+博客的网站，给外面的面试官和其他朋友看看我的作品，就自己写了如下两个版本。2013年版本：（老版本已经被我干掉了，）2014年版本（响应式）：背景：1. 读初中的时候做过动网论坛，弄过免费的服务器和二级域名，大概知道网站是个怎么回事。2. 后来读大学的时候，有网页设计课程，知道了用PS切片做个静态页面。3. 对于HTML和CCS知识匮乏分段结语：我是代码小白，有些网站热情。动机：1. 大学的时候，面临找工作，传统的纸质作品集或者PDF无法脱颖而出，于是决定自己写一个。2. 喜欢看书，摄影，想有个地方吐槽和贴图，所以想搭一个博客。分段结语：网站做出来需要一个用途，给自己一个理由。准备工作：1. 准备开始写，首先想好整体框架，网站有几个部分，每个部分的逻辑，想用来干什么，我的比较干脆，各种作品+博客。（具体的用户需求和交互流程我不详述了）2. 根据框架设计页面视觉，做好大概之后，图片文字资料齐备就可以写进入下一步。3. 去国内卖网址的网站或者国外狗爹买个域名，我的是国内买的.com的域名，如果是cn的域名还要备案。4. 有同学问了服务器的问题，我补充一下，如果是个人建站，没必要买正规备案服务器，可以去淘宝看看香港或者美国的。它们貌似都是把整个服务器进行分割，然后把部分空间以相对还算便宜的价格卖给需要的人。如果想购买正规服务器的同学，一般出售域名的公司，相应的也会有服务器出售和管理业务。5. 在购买服务器之后，请把服务器和域名进行绑定，具体的方式，请百度一下，或者直接问服务器和域名经销商，这里就不再赘述了。分段结语：买域名买服务器外加想架构，花费每年少于200元人民币。代码前准备：电脑，Dreamwaver分段结语：我的所有代码学习都是野路子，我所有的代码都是用dreamwaver写的，比较适合小白，有代码提示。代码（2013年版本，Dreamwaver）：1. 看W3School,看了两个月 HTML CSS JS 和PHP（现在HTML和CSS勉强能写，JS能改，PHP扔了）2. 我的网站因为有博客，所以必须要后台，但是PHP没学好，所以用了Wordpress搭了博客块面，如果你不想自己写并且网站没有过高要求，直接学wordpress就好了，模板很多，我后面的内容也不需要看了。3. 而如果想自己DIY，就需要HTML+CSS+JS知识，边写边拿，JS包很多拿来就可以改着用。4. 很多地方写出来后，完全不是想要的效果，很苦恼，一直改，然后去看了很多其他好网站的架构，边学边写。5. 碰到好的设计，但是不懂代码怎么写，就粘贴复制大法，一行一行代码尝试（猜测代码所在的位置，删除多余代码，本地测试网站），就可以发现这个视觉的架构所用的代码是哪几行。6. 找到代码后，看懂了最好，看不懂就问人，问人也不知道就粘上去，找到关键参数，修改后直接用。（不是我没节操，而是我对于网站的目的是能实现效果就好。如果想深入学习前端，我不建议这样。）7. 就这样边看边写边抄，大概花了3个月2013年的网站就写完了。分段结语：写网站的过程就是耐得下性子，试错，不断修改，我记得我一个问题卡了一个星期，找不到人问，最后还是自己解决了。代码（2014版本）：有了第一个版本的网站基础之后，我又想做一个可以跨越手机和电脑端的网站，于是又开始写了。1. 找各种响应式网站，找出响应式网站的核心代码是什么。其实基本的响应式网站还比较容易，主要是具体参数的可变性，用百分比还相对大小来做。2. 写出大概代码，在手机和电脑端测试，不断寻找视觉舒适度（字体大小和图片缩放比例等）。3. JS方面碰到一个难题，最终扒了别人的代码改了就用了，其中也是不断地试错。4. 最后，wordpress博客重新链接，就完成了。分段结语：其实这个版本也没有完成，还在断断续续的改。这是我的网站建设过程，希望对你有帮助。
注：本教程用的是万网的域名，主机公园的免备案虚拟主机。1：购买域名没有购买的可以去购买，这里推荐万网
，已经购买可以直接使用，在哪里买的域名无所谓，这是用万网的域名做演示2：购买主机这里使用主机公园
的香港免备案虚拟主机，如果你已经购买了主机也可以借鉴本教程。选择适合自己的套餐，一般B套餐空间就足够个人博客用很久的了。购买的时候需要填写域名，就是刚才我们购买的域名。购买的成功可以在用户中心查看到订单，点击管理可以进入管理信息详情点击前往控制面板可以进入cpanel3：域名解析如图所示添加两条cname记录，记录值为订单管理详情里的地址，如果你是新买的cn域名需要审核之后才能解析成功。4：进入cpanel面板，新建一个数据库用于安装wordpress5：上传wordpress到虚拟主机6：访问你的域名安装wordpress （我应该访问）教程
个人网站还是个人博客？我觉得这两者有点区别。可以将自己的名片信息做成个人主页，尤其是以姓名拼音作为顶级域名，可能给人一种较现代化的感觉——毕竟那是网络上的一个你。个人博客我想网上有很多教程，不必在这里重复。个人主页建立也非常简单，注册域名，用一最便宜可靠的空间即可，建立一个页面 index.html，上传到空间上，即可生效。我将本人的个人主页(
)模板共享给你：有问题，请留言。
手上有一个同学闲置不用的linode服务器，昨天下午突发奇想想做一个blog又不想用wordpress，最好还能学学web开发便想用些web框架撘一个主页。然后发现其实没必要，别人已经造好轮子了。从学生个人的角度分享一下经验。服务器。目前这台linode每月不超过20刀，还能搭建VPN翻墙，适合学习、练手，好评，资金充裕或者身边有同学年年拿国家奖学金愁钱没处花的话可以试试（我就是后面这种情况，免费使用中）。没有服务器的话可以在Github用Github Pages建立个人主页(以后域名就是 )，也方便了管理代码。参考 域名的话反正我没考虑，等把内容充实起来以后再去买吧。（顺便查了查,
的.info域名价钱是$3.99/年，性价比似乎不错。还嫌贵的话.tk免费域名
也能满足要求）我是想建立一个blog, 就查了一下比较流行的工具，然后发现了 , 文档丰富教程简单，可定制性也不错，架好之后基本的工作流程就是(针对Github pages): 写东西 =& 用pelican生成网页 =& git commit+push，就能看到效果了, 可以用小脚本一次性处理。详细见 写的非常清楚明白直接（甚至连python也不用懂...）。Pelican也有很多的主题，见
方便clone下来都尝试一番。目前我就捣鼓到这里了，折腾了一天...接下去希望再折腾一些有趣的应用。当然如果是那种很严肃的个人主页（比如介绍education, publication之类）可能有其他的framework能用吧。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集素材
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。
四、选择合适的建站程序
尽量选择追随者众、流行广的开源程序。比如wordpress、Z-blog
五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带
推荐使用 Strikingly 不用懂任何语言，简单易用，还有针对移动设备的优化，免费版足够个人普通使用（把妹用这个嘿嘿），小公司十多美金一个月也不算贵。你会发现很多公司华丽的web UI， 无非就是这上面的模版。
推荐一个网站：答案更新：自己用静态网站生成器Hugo和github托管搭了一个博客，2天搞定，贴一个自己的写的教程：
godaddy申请域名，或者国内新网，前者特价能做到0.99刀，后者年初有75的特价。然后，amazon aws建站，基础版够用，而且一毛不花，不用备案，另外备案是免费的。小心被骗。
楼上”吉老王”已经回答非常全了。
我现在不建议再做个人网站，因为独立域名，推广很难，除非你自己做着玩。
看你需要什么？
作品展示，个人思想记录，blog就行，wordpress是最好的。
交流，不如开放平台更好，如微博、知乎、专业论坛等等。
最简单的方法还是使用在线建站工具，很快很方便就可以做出完成一个完整上线的网站，大部分业不需要自己编程，而且运用成本很低。推荐试试
吧。这是首个 YC 和创新工厂北美孵化的华人团队创建的免费傻瓜式建站平台。一个没有技术背景的人都可以在几分钟内做出精美的网站的建站工具。国内访问速度也做过优化，不是问题哦。这有些用户的成功例子： 。
我可以说上淘宝就可以了吗？快捷方便也费不了多少钱。。。
我感觉可以简单分为3个步骤，购买主机域名，上传网站系统程序，安装。至于做什么类型肯定都是自己有个方向的，我感觉做网站最基础的就是主机域名和网站系统程序了，通俗的说主机就是一座房子，网站系统程序就是家具之类的，没有家具房子里面就空荡荡的，家具怎么摆设就看你的喜好了，所有网站系统程序就是根据自己喜好选择的，想做什么类型的网站就选择对应的网站程序，域名就是通往房子的路，通过路才能到达房子，到达房子了才能看见里面的摆设。如果不会操作可以去看看，有很多网站建设的相关教程，相信你很快能创建一个属于自己的网站。
谢邀！！第一步，做网站当然要先想好要做个什么样的网站，拿来干什么，是否有意义。之前我做了一个网站，里面的内容杂的很。网站里面有搞笑的动态图，有搞笑的段子，有经典的知乎回答，有精彩的动画。总之，是我喜欢的东西我都放上去。直到有一天我去问别人交换友情链接的时候，别人看了我的网站就问了我一个问题“你这个网站，到底是干嘛的？？？”当时我就惊呆了～～连我都说不出来我的网站是要干嘛！！现在我专门就做一些网络编程语言视频教程的资源共享，虽然每天的浏览量不多，但也算是主题明确，有存在的价值。看不穿-专业资源共享[img=]第二步，主题明确以后，就要选择一种网站制作语言来制做了。要选择一个自己熟悉的语言，就算是不熟悉，略懂也可以。至少以后遇到问题，你还能知道大概方向在哪里。自己一个人重新这一个功能完整的网站出来，还是蛮累人的。除非做的是简单的企业网站。我也是比较懒的人，用的是WordPress做的网站，我也是一个非常懒得人，连主题都不愿意自己写，直接在网上搜了一个主题。这里我推荐，完全不懂编程语言的，先用用WordPress.用一段时间就知道个大概了。有一定的编程能力的，就用下帝国CMS或者织梦CMS。WordPress虽然简单，但是毕竟是定位在博客上，有很多功能都力不从心。如果你完全是PHP，Python，的大神的话，我很佩服你，居然把这篇文章看到这里来了。如果真的有这种人呢，那我也说两句。如果你是大神，就不要执着于普通网站的建设了。可以做一些创意开发项目。淘宝推广的方法同样适合各种网站的。要是能在一个网站上独立创生出一种文章推客，然后每个推客分享出去的链接都是按照浏览量计费的。这个计费模式又有点想百度经验的计费模式。当然，要是有兴趣的朋友，咱们可以多聊聊。我的新浪微博
[img=]第三步，那就是走正常建站路线了。
1.买个域名，买个服务器。推荐国内服务器，速度快，稳定，而且申请百度广告联盟方便。如果是国内服务器，那就必须得备案，别看备案麻烦，但是好处还是很多的。现在各大支付宝，财付通，sina，腾讯等接口，都是要求备案网站。域名注册也很关键，域名注册分个人和企业注册。如果你做网站是想做生意，那最好还是选择企业域名注册。最好在弄个营业执照。这样的话，支付宝在线支付接口才能申请。网络交易会更加方便。服务器的选择的话，国内各大知名服务商，如万网，西部数码。这里推荐一下（云联中国）的服务器。云联中国是西部数码代理商，价格便宜了一大半。第四部，上传或者在线安装就可以生成你的网站了。建站快得很，维护才是重点。希望能带给你一些启示吧。
GHOST:我自己的 比较遗憾的是，这个玩意没有评论系统模块的东西，要么改源码，自己加一个，要么用别人的轮子。反正我是直接接入了多说的评论系统~懒得自己写了╮(╯▽╰)╭
准备工作：1.买域名（万网、新网等地方）；2.购买服务器（云主机是趋势）；3.网站策划；4.网站设计，做独立电商的还要备案。个人技能：1.懂代码会技术想自己做网站（看提问就感觉题主不会技术:)）；2.完全0技术的小白；3.会点技术但不会总体把握
想自己做的用开源系统；小白就用在线建站工具（最好选saas模式的，各方面都比较跟得上潮流）；会点技术的用saas模式的建站工具，能快速让网站跑起来又能自己改东西加东西。建站时长：在线建站工具最快，外包次之，自己开发最慢。想做什么类型的网站：1.个人作品展示、博客；2.展出自家产品，以后还打算卖（也就是独立电商）；3.企业官网；4.公司介绍的首页等等
个人作品展示、博客有wordpress（完全免费开源），不会技术也能做出一个比较简单的个人网站（网上有很多教程看）；
独立电商：国内开源有商派
国外开源有magento，open cart等等
国内在线建站工具有友好速搭（saas模式），适合做国内B2C
国外在线建站工具有shopify（saas模式），适合做外贸
企业官网，公司介绍页：上面提到的都可以。
首先要有域名，如果你空间在中国国内， 需要进行备案，备案一般20个工作日，在此需要购买一个 空间或者 服务器 ，网站程序一般网站上都有下载，
域名，空间，程序……
内容是关键&人参与 | 作者:
| 时间：日 21:17
终于下载了一款自己满意的新模板，打算装到自己的网站上，但我又不想和原来的风格模板一模一样，该怎么办呢？接下来卢松松带你一起去修改各种源码的风格模板。模板有很多种类，在这里我主要讲的是如何修改，此方法可以举一反三。对于WordPress、PJBLOG、动易CMS、织梦CMS、风讯CMS的风格模板修改方法都是一样的。修改一个你满意的网页模板，你要有以下基础，会一点HTML语言，会一点DIV+CSS，会一点图片制作方法。第一步，先讲解一下主题模板的构成。下面以来说明，模板均分为三大部分，①网页的html文件，②CSS文件，③图片文件。一般情况修改模板只需修改这三部分。&第二步，你可以让模板可视化再修改。几乎所有默认的源码网页模板的路径都是系统自带的标签。这样把讲HTML文件放入Dreamweaver里时会是一堆的代码。如何将程序模板转换为可视化界面呢。其实只需要修改CSS和图片路径就可以了。如：&link rel=&stylesheet& rev=&stylesheet& href=&&#ZC_BLOG_HOST#&themes/&#ZC_BLOG_THEME#&/style/&#ZC_BLOG_CSS#&.css& type=&text/css& media=&screen& /&加红色的部分就是系统标签，这时你可以修改成你本机的虚拟路径。其他的程序标签都有说明，请查看相关系统标签。如：&link href=&../style/css/LuSongSong-Index.css& rel=&stylesheet& type=&text/css& /&修改好之后你就可以在Dreamweaver里面直观的看到网页界面了，并且修改起来也非常方便。（记得模板修改之后别忘记把CSS路径改回去哦！）如图所示：扩展阅读：；。&第三步，修改LOGO，和模板相关图片。网页我所要的框架改好了，但里面的logo和banner都还是人家的怎么办呢？接下来就是如何修改模板中的相关图片了。由于卢松松提供的&低调与华丽&风格模板，包含的有源文件，所以修改起来非常方便，你只需要修改里面的文字，下载一点你喜欢的其他图标就可以了。对于修改网页中的图片推荐使用Fireworks，原因是Fireworks不仅可以打开PNG源文件，还可以打开PSD源文件，相反Photoshop是不能打开PNG源文件的。（注：）如果你遇到没有提供源文件的模板怎么办？比如修改logo，无论是JPG格式还是GIF格式，一律用Fireworks打开，然后在原基础上修改，然后直接保存就可以看到效果了。但这需要一点点PS技巧。扩展阅读：仿制图章工具、橡皮图章工具等这些Fireworks自带的工具是修改没有源文件图片时常用的工具。外部工具&拾色器&非常重要哦，可以让你修改的图片与整个网页颜色协调统一。&第四步，教程看的再多不自己动动手，亲自试一试。那就赶快下载试一试吧！顶: 0踩: 1 来源：（QQ：），欢迎分享本文，转载请保留出处！
相关文章阅读更多：&&&&
(window.slotbydup=window.slotbydup || []).push({
id: '2398785',
container: s,
size: '760,90',
display: 'inlay-fix'
名 称 必填
邮 箱 选填
网 址 选填
◎已有人评论，微信搜：QQ
1楼&& 09:55:07 原来这么简单，顶: <ins data-digg="踩: <ins data-digg="
2楼&& 14:16:02 那为什么有些模版下载了，用DW打开是乱码的？顶: <ins data-digg="踩: <ins data-digg="
3楼&& 20:49:12 原来这么简单，我也去试试。顶: <ins data-digg="踩: <ins data-digg="
4楼&& 18:48:43 支持松松模板。顶: <ins data-digg="踩: <ins data-digg="
5楼&& 11:10:54 支持下顶: <ins data-digg="踩: <ins data-digg="
6楼&& 10:25:56 期待更多这样的教程顶: <ins data-digg="踩: <ins data-digg="
7楼&& 20:15:11 替换源代码模板图片怎么没办法生成？？？顶: <ins data-digg="踩: <ins data-digg="
8楼&& 14:24:38 期待高手有视频出来啊，比说的直观。顶: <ins data-digg="踩: <ins data-digg="
9楼&& 18:21:39 能出一份视频教材吗？顶: <ins data-digg="踩: <ins data-digg="
10楼&& 18:20:47 真心累，菜鸟完全看不懂该怎么修改，您能好人做到底配个视频教材吗？我做了一下午了感觉还是不会加导航栏和做logo顶: <ins data-digg="踩: <ins data-digg="
11楼&& 19:02:28 &#ZC_BLOG_HOST#&这段标签就代表路径和后台的网站地址是连接的一起的也是就网站地址写什么&#ZC_BLOG_HOST#&就是什么顶: <ins data-digg="踩: <ins data-digg="
12楼&& 09:55:41 学会常用的几个就行了顶: <ins data-digg="踩: <ins data-digg="
13楼&& 13:20:26 没基础的话，本文也提到了。看看我写的如何学习HTML，如何学习DIV+CSS顶: <ins data-digg="踩: <ins data-digg="
14楼&& 14:22:32 瞧你笑的...牙齿还挺白的~顶: <ins data-digg="踩: <ins data-digg="
15楼&& 13:25:39 我没有用过Wordpress，所以也不打算做Wordpress模板！顶: <ins data-digg="踩: <ins data-digg="
16楼&& 16:18:29 评论本身也是很好的总结。顶: <ins data-digg="踩: <ins data-digg="
17楼&& 13:22:02 期待你的模板早日推出顶: <ins data-digg="踩: <ins data-digg="
18楼&& 23:54:30 呵呵，傻孩子。仔细看博文第二步，你可以让模板可视化再修改。顶: <ins data-digg="踩: <ins data-digg="
19楼&& 18:36:12 我觉得你可以筹备wp的双人blog顶: <ins data-digg="踩: <ins data-digg="
20楼&& 10:02:34 对BO-BLOG修噶模板的方法都是一样的，只是系统提供的标签不同而已！顶: <ins data-digg="踩: <ins data-digg="
21楼&& 13:21:14 不站不出售连接买卖顶: <ins data-digg="踩: <ins data-digg="
22楼&& 17:07:30 哈哈，我也只会改图片……顶: <ins data-digg="踩: <ins data-digg="
23楼&& 22:02:24 嘿嘿，我可是豁出去了呀！顶: <ins data-digg="踩: <ins data-digg="
24楼&& 21:57:39 是的，但有的时候还是需要改表格的！顶: <ins data-digg="踩: <ins data-digg="
25楼&& 20:19:20 是啊，我个人感觉改CSS更好！顶: <ins data-digg="踩: <ins data-digg="
26楼&& 11:49:08 手工蜘蛛找到你的 嘿嘿！顶: <ins data-digg="踩: <ins data-digg="
27楼&& 16:01:49 哎，看的太多了，还是找个模板自己改下试试的好顶: <ins data-digg="踩: <ins data-digg="
28楼&& 13:00:46 这是做站最基本的技能吧。顶: <ins data-digg="踩: <ins data-digg="
29楼&& 13:28:39 自已动手，丰衣足食顶: <ins data-digg="踩: <ins data-digg="
30楼&& 15:53:03 这个还是要懂一点好顶: <ins data-digg="踩: <ins data-digg="
31楼&& 03:12:59 谢谢分享技术，很多细节都需要好好学习积累，不能够心急顶: <ins data-digg="踩: <ins data-digg="
32楼&& 02:01:43 很强悍，谢谢提供如此详细的教程，楼主真是用心顶: <ins data-digg="踩: <ins data-digg="
33楼&& 16:41:52 请问模版中的flash怎么办呢。好复杂，在dw中打开有图片，在fla中打开也有。那改了dw中的图片，fla中的图片怎么办呢。我的不清楚，因为我不懂。呵呵，见效了。顶: <ins data-digg="踩: <ins data-digg="
34楼&& 18:02:35 挺适合我这样的新手的！顶: <ins data-digg="踩: <ins data-digg="
35楼&& 14:09:14 谢谢松松分享这样的方法。顶: <ins data-digg="踩: <ins data-digg="
36楼&& 21:40:33 模板,是直接上传到空间就可以了吧,其一在c_custom.asp文件里改一下域名???顶: <ins data-digg="踩: <ins data-digg="
37楼&& 11:41:07 我用的是dz 顶: <ins data-digg="踩: <ins data-digg="
38楼&& 18:15:52 对我也不错 顶: 0踩: 0
39楼&& 21:52:29 这个对我还是比较有用的啊，，，谢谢博主啊。。。顶: 0踩: 0
40楼&& 13:35:23 卢松松真的是一个好人，无私分享自己的模板，你分享了自己的模板，同时我们心里也记下了你，顶: 0踩: 0
41楼&& 16:50:42 在这里学到了不少知识，非常感谢松松。支持！告诉自己还要坚持。努力。顶: 0踩: 0
42楼&& 14:50:54 我那博客已经改好了，谢谢卢哥了。顶: 0踩: 0
43楼&& 20:34:39 不错，期待着自己做一幅模板顶: 0踩: 0
44楼&& 17:47:27 很不错的教程哦顶: 0踩: 0
45楼&& 08:48:40 在学dedecms啊顶: 0踩: 0
46楼&& 08:45:56 先顶一下啊 顶: 0踩: 0
47楼&& 12:02:33 我再次来学习一下，强烈支持！顶: 0踩: 0
48楼&& 18:11:37 最近正在学习CSS+DIV 准备修改BO-BLOG的模板~顶: 0踩: 0
49楼&& 12:28:05 啥时候我也去折腾一把博客主题顶: 0踩: 0
50楼&& 16:21:22 几乎所有默认的源码网页模板的路径都是系统自带的标签。这样把讲HTML文件放入Dreamweaver里时会是一堆的代码。如何将程序模板转换为可视化界面呢。其实只需要修改CSS和图片路径就可以了。如：&link rel=&stylesheet& rev=&stylesheet& href=&&#ZC_BLOG_HOST#&themes/&#ZC_BLOG_THEME#&/style/&#ZC_BLOG_CSS#&.css& type=&text/css& media=&screen& /& 加红色的部分就是系统标签，这时你可以修改成你本机的虚拟路径。其他的程序标签都有说明，请查看相关系统标签。如：&link href=&../style/css/LuSongSong-Index.css& rel=&stylesheet& type=&text/css& /&这段没太看懂，可否介绍的详细点？因为上面的代码和下面的代码不一样，我的意思是说就用上面的代码，把红色部分换成本机路径怎么换？可否演示一下，谢谢顶: 0踩: 0
50楼&& 19:02:28 &#ZC_BLOG_HOST#&这段标签就代表路径和后台的网站地址是连接的一起的也是就网站地址写什么&#ZC_BLOG_HOST#&就是什么顶: <ins data-digg="踩: <ins data-digg="
51楼&& 16:41:06 dw这个软件我还是吃不透 哎 希望多出这样的教程！顶: 0踩: 0
51楼&& 09:55:41 学会常用的几个就行了顶: <ins data-digg="踩: <ins data-digg="
52楼&& 16:54:52 你的模板不错，值得推荐一把顶: 0踩: 0
53楼&& 13:48:38 学洗了。希望你以后做得更好啊顶: 0踩: 0
54楼&& 11:22:57 [F]Music[/F][F]Sad[/F][F]Shame[/F][F]Faint[/F][F]Faint[/F][F]Effort[/F]顶: 0踩: 0
55楼&& 13:23:27 你什么时候都成前辈了啊，看看这个：http://www.seo0755.net/Network-Marketing/blog-Marketing/顶: 0踩: 0
56楼&& 20:46:54 好好，认真学习一下谢谢顶: 0踩: 0
57楼&& 08:40:42 想学，可惜没机会了顶: 0踩: 0
58楼&& 14:56:02 楼层高的我无法忍受顶: 0踩: 0
59楼&& 14:22:38 感觉个人博客还是应该修改下模板，如过你的博客和别人的一样很容易产生视觉疲劳的 顶: 0踩: 0
60楼&& 16:37:19 我也想换，不过还是没有太多时间修改，你的这个不错啊，顶: 0踩: 0
61楼&& 23:28:45 学习了,谢谢顶: 0踩: 0
62楼&& 18:33:12 每次来都能学到不少顶: 0踩: 0
63楼&& 18:59:36 我最懒的了!!CSS也不过关...顶: 0踩: 0
64楼&& 15:24:47 模版改起来很辛苦~顶: 0踩: 0
65楼&& 19:00:48 呵呵~~~ 用DW就好了嘛顶: 0踩: 0
66楼&& 16:27:00 写得非常好，，顶下顶: 0踩: 0
67楼&& 12:51:37 不错，非常好看顶: 0踩: 0
68楼&& 10:21:51 强大的CSS啊，搞定了CSS也就搞定了皮肤。顶: 0踩: 0
69楼&& 19:34:33 高手。。我只做逻辑层的，一点艺术细胞都没有顶: 0踩: 0
70楼&& 13:46:21 你是怎么找到的的博客留言的？我的博客一没推广二没收录。。。顶: 0踩: 0
70楼&& 11:49:08 手工蜘蛛找到你的 嘿嘿！顶: <ins data-digg="踩: <ins data-digg="
71楼&& 11:17:08 没想我俺的这个除湿机产品的网站，你也能够找的到啊。真是厉害！顶: 0踩: 0
72楼&& 11:16:10 你的博客，回贴的人真是太多了，俺感觉到回的贴子一会儿就找不到了。顶: 0踩: 0
73楼&& 08:21:58 活到老学到老，网络技术真是日新月异。看来目前是流行CSS了。顶: 0踩: 0
74楼&& 23:40:55 松松越来越猛了顶: 0踩: 0
75楼&& 22:44:31 家底都拿出来了！强悍！顶: 0踩: 0
76楼&& 20:30:17 松松就是松松。一个有耐性的人。才可以做的这么好顶: 0踩: 0
77楼&& 20:20:58 两天就百十楼了，晚矣晚矣顶: 0踩: 0
78楼&& 18:24:36 绝对要学习的顶: 0踩: 0
79楼&& 18:14:34 我搞不定Dreamweaver顶: 0踩: 0
80楼&& 13:07:57 恩，写的好，但额还是不会用，没基础！顶: 0踩: 0
80楼&& 13:20:26 没基础的话，本文也提到了。看看我写的如何学习HTML，如何学习DIV+CSS顶: <ins data-digg="踩: <ins data-digg="
81楼&& 12:45:41 恩，想修改logo了顶: 0踩: 0
82楼&& 11:40:44 学习完毕，辉走啦~顶: 0踩: 0
83楼&& 11:24:22 写得很好，但偶不是经常改。顶: 0踩: 0
84楼&& 11:09:17 还没有在本地改过顶: 0踩: 0
85楼&& 11:00:25 [F]Haha[/F]顶: 0踩: 0
85楼&& 14:22:32 瞧你笑的...牙齿还挺白的~顶: <ins data-digg="踩: <ins data-digg="
86楼&& 09:45:09 这个绝对要学习～～顶: 0踩: 0
87楼&& 08:06:42 哈哈 你博客模板越来越漂亮~顶: 0踩: 0
88楼&& 00:28:18 很好的引导教程~顶: 0踩: 0
89楼&& 23:24:01 我一直想用牧羊狼哪个主题，可惜我修改不了，哎顶: 0踩: 0
90楼&& 23:01:25 简单易懂，不错顶: 0踩: 0
91楼&& 22:19:24 我也安装了一个ZBLOG，但是没怎么玩它。http://icn.name/z/顶: 0踩: 0
92楼&& 21:18:19 用WordPress~顶: 0踩: 0
93楼&& 21:16:00 呵呵，我一般要改的不多，所以喜欢用IEtester直接在网页上找，然后修改对应CSS代码 顶: 0踩: 0
94楼&& 20:19:28 呵呵，还是很专业的顶: 0踩: 0
95楼&& 19:21:17 强烈要求再写得细致点，呵呵，很不错，收藏起。顶: 0踩: 0
96楼&& 18:52:05 佩服，厉害。。还有什么赞美的词汇。都和盘托出。我坚信 评论可以一针见血。。。！！！顶: 0踩: 0
97楼&& 18:46:32 听说老卢现在放出的主题连自己的版权都去掉了,这精神...顶: 0踩: 0
98楼&& 17:37:32 如果要想让自己的主题不至于用的人太多而有所亮色，就得要自己再设计一下——当然前提是自己多少能懂一点。如果老大的这个主题是基于Wordpress的话，俺们也会考虑再修改一下尝尝鲜的~~~ :D顶: 0踩: 0
98楼&& 13:25:39 我没有用过Wordpress，所以也不打算做Wordpress模板！顶: <ins data-digg="踩: <ins data-digg="
99楼&& 15:14:50 友情支持顶: 0踩: 0
100楼&& 12:55:07 小伙子好棒啊！前途无量！顶: 0踩: 0
101楼&& 12:43:55 赞~· ps：你这人气真牛顶: 0踩: 0
102楼&& 12:12:13 这个我知道哈顶: 0踩: 0
103楼&& 11:50:44 人气很旺 咱也顶顶~~ 呵呵~顶: 0踩: 0
104楼&& 11:37:02 终于知道这个导航栏取自哪里了 是QQ会员的 呵呵顶: 0踩: 0
105楼&& 11:30:58 改CSS与PIC 两个主要东西 ^_^顶: 0踩: 0
106楼&& 10:45:15 我就是这样改的，不过看了你的这个，学习了更多！顶: 0踩: 0
107楼&& 10:11:18 现在回首看看老卢的这些文章，发觉这世界上有两种人，一种是老卢这样善于总结的，另一种是我这样不善于总结的。顶: 0踩: 0
107楼&& 16:18:29 评论本身也是很好的总结。顶: <ins data-digg="踩: <ins data-digg="
108楼&& 09:42:41 出主题啦。好啊。顶: 0踩: 0
109楼&& 09:10:22 总觉得自己的空间很好，但懒得弄，嘿嘿，以前试过PJBlog，后来发现放不下歪酷的朋友们，就放弃了，继续托管中，希望小歪别倒了就好，哈哈。顶: 0踩: 0
110楼&& 08:52:53 css是基础，css能搞定，基本上也很不错了顶: 0踩: 0
111楼&& 08:17:56 来转转~学习下~顶: 0踩: 0
112楼&& 03:52:24 现在大部分都是基于CSS，对CSS有一定了解，就可以打造更合适自己的风格了。顶: 0踩: 0
113楼&& 02:38:57 学习一下~HOHO顶: 0踩: 0
114楼&& 02:23:15 赞，有营养的东西总是不嫌多～顶: 0踩: 0
115楼&& 00:44:08 呵..过几天我也放出我自已访的模板.嘻...现有只差评论有点问题[F]Haha[/F]顶: 0踩: 0
115楼&& 13:22:02 期待你的模板早日推出顶: <ins data-digg="踩: <ins data-digg="
116楼&& 23:16:29 感觉好像比wordpress模板修改要容易一些wordpress是没有视图模式的~顶: 0踩: 0
116楼&& 23:54:30 呵呵，傻孩子。仔细看博文第二步，你可以让模板可视化再修改。顶: <ins data-digg="踩: <ins data-digg="
117楼&& 23:07:56 博主下次帮我PS个logo啊？我一直没好logo顶: 0踩: 0
118楼&& 22:22:48 修修补补又一个CSS顶: 0踩: 0
119楼&& 22:10:43 一直以为是WP的呢，今天才发现是zblog。不虚此行，又学到了新的东西~~~顶: 0踩: 0
120楼&& 21:10:33 很实用啊。有时间要使一下咯。大侠！！！顶: 0踩: 0
121楼&& 21:07:13 我准备为媳妇弄一个网站，打算用z-blog:-)顶: 0踩: 0
121楼&& 18:36:12 我觉得你可以筹备wp的双人blog顶: <ins data-digg="踩: <ins data-digg="
122楼&& 20:52:36 恩，很不错，学习了！顶: 0踩: 0
123楼&& 20:44:38 呵呵，我最近的目标就是自己做一个模板，谢谢老哥了～～顶: 0踩: 0
124楼&& 19:52:52 學習下..........顶: 0踩: 0
125楼&& 19:36:20 呵呵！倒是想把模板给改了;不过。修改了后怕原版主不高兴！顶: 0踩: 0
126楼&& 19:18:39 最近你很活跃。。。。顶: 0踩: 0
127楼&& 18:39:34 我还是没抢到沙发呀~！~顶: 0踩: 0
128楼&& 17:50:14 我想问问，BO-BLOG的也是这样修改吗？顶: 0踩: 0
128楼&& 10:02:34 对BO-BLOG修噶模板的方法都是一样的，只是系统提供的标签不同而已！顶: <ins data-digg="踩: <ins data-digg="
129楼&& 17:25:16 原来是这么回事，我一直就纳闷，怎么修改模版或是怎么做模版啊，原来这样就可以了！学习了！顶: 0踩: 0
130楼&& 15:30:56 只要懂点 html + css 就可以自己折腾了顶: 0踩: 0
131楼&& 14:36:55 一般人都是从这开始的吧～顶: 0踩: 0
132楼&& 12:50:25 我想考虑下 是不是我该换套板子了顶: 0踩: 0
133楼&& 12:48:38 这几天主页挺喜庆的吆.哈哈。顶: 0踩: 0
134楼&& 12:28:39 对于颜色,我就是一个瞎子,配色总是弄不好的顶: 0踩: 0
135楼&& 12:19:26 不错，，而其也很热闹。。顶: 0踩: 0
136楼&& 11:51:08 你好，我是笨猫，请问你是否乐意出售你的链接啊PR2-PR4 每月给5-20元。如您想出售请联系我Q:2①523,加时请注明：卖链接顶: 0踩: 0
136楼&& 13:21:14 不站不出售连接买卖顶: <ins data-digg="踩: <ins data-digg="
137楼&& 11:45:25 这是做站最基本的技能吧。顶: 0踩: 0
138楼&& 11:41:17 很透彻顶: 0踩: 0
139楼&& 10:54:27 我也喜欢用FF做网站图片，PS一般辅助。。。。顶: 0踩: 0
140楼&& 10:05:04 说的很到位，这就去试试。顶: 0踩: 0
141楼&& 09:43:38 很不错！顶: 0踩: 0
142楼&& 09:41:10 哈哈，很好很开源顶: 0踩: 0
143楼&& 09:35:00 删了不要的挺简单的，可是要加自己想要的，好像挺难啊顶: 0踩: 0
144楼&& 08:57:01 挺实用顶: 0踩: 0
145楼&& 08:07:58 我现在只处于修改图片的阶段。。 还需努力。。顶: 0踩: 0
145楼&& 17:07:30 哈哈，我也只会改图片……顶: <ins data-digg="踩: <ins data-digg="
146楼&& 07:09:30 很好。顶: 0踩: 0
147楼&& 06:51:15 5555 是Z-BLOG不是BJ-BLOG~~伤心加万分失望的泪奔而过。顶: 0踩: 0
148楼&& 00:00:46 下次介绍一下如何改WP的主题吧！顶: 0踩: 0
149楼&& 23:59:49 学习了。。顶: 0踩: 0
150楼&& 23:43:28 感觉有点刚开始就草草结尾顶: 0踩: 0
151楼&& 23:18:40 原来可以改CSS文章的路径啊，哈哈，刚好用上顶: 0踩: 0
152楼&& 23:06:55 我来试试，谢谢啦！！顶: 0踩: 0
153楼&& 22:55:02 学习了。。。。。。哈哈。。[F]Haha[/F]顶: 0踩: 0
154楼&& 22:52:53 如获至宝 学习了！顶: 0踩: 0
155楼&& 22:51:30 盗版是怎样炼成的顶: 0踩: 0
156楼&& 22:46:28 思路清晰，简单明了.顶: 0踩: 0
157楼&& 22:33:42 恩，说得比较清晰！值得一看！顶: 0踩: 0
158楼&& 22:31:47 恩恩，其实老卢这次就是教大家如何盗用其他人的风格的，哈哈。顶: 0踩: 0
159楼&& 22:28:19 只要能读懂 css 就能自己慢慢折腾啦。顶: 0踩: 0
160楼&& 22:11:30 嘿嘿,不小心进前10了...顶: 0踩: 0
161楼&& 21:57:34 我现在是摸着石头过河，小改一下CSS顶: 0踩: 0
162楼&& 21:43:57 提醒使用松松牌主题的朋友，如果你把松松的主题改得连松松自己都不认得了，那么松松应该会高兴的[F]Haha[/F]因为松松不但教你们html还教你们css，应该学以致用了顶: 0踩: 0
162楼&& 22:02:24 嘿嘿，我可是豁出去了呀！顶: <ins data-digg="踩: <ins data-digg="
163楼&& 21:43:26 第一次如此接近松松~~~顶: 0踩: 0
164楼&& 21:41:33 改css，万能的方法，而且想怎么变就怎么变顶: 0踩: 0
164楼&& 21:57:39 是的，但有的时候还是需要改表格的！顶: <ins data-digg="踩: <ins data-digg="
164楼&& 20:19:20 是啊，我个人感觉改CSS更好！顶: <ins data-digg="踩: <ins data-digg="
165楼&& 21:34:47 先顶一下啊顶: 0踩: 0
166楼&& 21:34:25 沙发还是没抢到哦~有机会是可以试试的，期待聪明的同学们能得到帮助顶: 0踩: 0
167楼&& 21:27:54 期待更多这样的教程顶: 0踩: 0
(window.slotbydup=window.slotbydup || []).push({
id: '2398769',
container: s,
size: '300,250',
display: 'inlay-fix'
最牛评论 712723201816141298