掌管一个网站？给你九条忠告

欢迎前往 极客标签查看原文： http://www.gbtags.com/gb/share/9318.htm

 

这些规范并不属于web设计师或者码农的领域，虽然确实有和他们相关的技术。这些规范涉及的范围更广且并不要求太多的深刻了解。

 

准确来讲，我讨论的并非web设计师或者开发者，而是那些在开发者干完活以后「咱们找来负责」接手的人，那些「在咱们的支持下」维持网站更新的人。提及来有些苛刻，若是你不能胜任这些基本的工做，是不太好呢。

 

1: 操做电脑的能力

 

显而易见，不懂文件系统是如何组织起来的，或者不了解Office的基本操做是不行的，你理应有所了解。哦不！我不知道那个zip文件到哪里去了。好吧，它可能在你的下载文件夹里。双击它。你也应该了解你的浏览器是如何工做的。怎样清除cookies，后退按钮在哪里，怎样清除缓存，在哪里输入网页地址等等，这些事情你都会常常遇到。

 

此外，电脑上能装的浏览器都要装一遍（对于Windows用户来讲就是IE，以及Chrome，Firefox和Opera；对于Mac用户来讲就是把IE换成Safari，其余相同）。全部的浏览器渲染网页的方式都有着些许的不一样，能清楚地认识到这些差别如何显现会大有裨益。开发者天然会对不一样的浏览器都进行测试，可是如果能和他们交换意见，那么在决定在哪一个浏览器上支持哪一个功能的时候真的颇有帮助。

 

最重要的是：知道如何找到当前浏览器的版本号！

 

这个网站给出几个使用浏览器的小窍门（虽然是针对IE浏览器的，其余浏览器也差很少）。

 

顺便说一下，若是你还不知道网页浏览器是什么，跟你同样的人大有人在。

 

2：写做的能力 

你极可能把大部分时间都花在为网站撰写并编辑内容上了，因此有能力撰写条理清晰、语法正确且基调恰当的稿件很是重要。没有什么比拙劣、错字连篇且不合时宜的稿子更糟糕了。

 

看一个例子，好比这个标题：

 

"10 briliant night's out in Brighton!!!!"

 

错误的拼写、多余的撇号再加上滥用的感叹号，这个标题看上去是如此的廉价，要我来讲我可不会相信做者都说了鬼话。

 

再看看这个例子，好了很多：

 

”Ten great nights out in Brighton."

 

固然也要将读者时刻放在心上。第二个标题对看完电影想找个不错的地方吃饭的成年人很是受用，可是对十五至二十五岁的年轻人来讲就有点乏味了。说话的语气就是一切，了解你的读者相当重要。

 

3：获取及处理照片的能力

 

很多网站都是以图像为中心设计的。想一想你接下来要发表的文章吧，要么可能毁了它，要么就用图像极力改善它。首先，你得知道如何得到图像，能够从文章涉及的公司或组织着手，或者经过股票库。此外你还得知道怎么处理别人发给你的20Mb大小的图像文件。你最好明白图像文件为何有20Mb这么大，也要会用合适的格式生成一个适合网页浏览的版本。

 

 

对网页而言这个图片太大了。240ppi（每英寸像素数）用来印刷很合适，可是对网页而言72ppi就够了。打开Photoshop，用`图像 > 图像尺寸`就能把图片尺寸和文件大小改小点。

 

合理的裁剪能够成就一张好照片，了解图像的构成及裁剪的方法天然十分有用。最后，了解提升对比度，或者其余快速改善照片的方法亦十分有用。

 

说明

严格地说，不是非得用Photoshop才能实现上面说的这些操做，可是和web设计师使用同一个软件的好处多多。设计师能够发给你图像的模板文件，这样图像的尺寸永远不会错。我保证设计师会乐意帮助你的。

 

4：了解HTML基础

为了网站对稿件进行格式化，尤为是用内容管理系统（CMS）时，你必定见过格式化工具条，其设计初衷是让工做更轻松。赶忙忘了它吧。它简直就是魔鬼的产物，只会给网页浏览器生成糟糕至极的代码，进而带来严重的样式错误，引入存在风险的超连接以及其余种种灾难并摧毁你的网站。

可是不要怕！你不须要掌握不少编程知识就能轻松解决这个问题。你须要了解的HTML元素并无多少，列举以下：

 

1. <p> 段落
2. <a> 连接
3. <h1> 大标题
4. <h2> 至 <h5> 依次变小的标题
5. <ul> 列表
6. <img> 图像
7. <strong> 变成粗体（不要使用<b>）
8. <em> 变成斜体（不要使用<i>）

 

就这么多。若是你知道怎样使用这些标签就大功告成了。也没有那么糟糕，对吗？学学看。实际上，这多是清单上的第一要事。更况且若是你所作的第一件事就是忽视格式化工具条的话，web设计师必定会对你大为钦佩。

若是你想了解更多关于HTML的基础知识，能够看看这篇文章。

5：大体了解网站的工做原理

尽管只知其一;不知其二极其危险，可是在必定程度上了解web和互联网是怎样工做的会大有裨益。你的网站是如何呈如今用户的屏幕上的，服务器都干了什么，临时服务器是作什么的，前端代码（CSS、HTML和JavaScript）和后端代码（好比PHP、.NET和Ruby）有什么区别？知道这些能让你工做起来更驾轻就熟，更能帮助你更好地向web设计师及开发者提出需求。

BBC的 这个网页能够帮助你大体了解网页是怎样工做的所有过程。更多细节能够查阅 这个网页。

 

6：使用CMS的能力

你极可能是经过内容管理系统（CMS）更新网站的。CMS多是Expression Engine，WordPress或者Drupal，不尽相同，其实它们作的都是同一件事情：让你更方便地为网站添加并编辑内容而不至于过度纠结于代码。尽管实现细节有异，可否熟练使用CMS对你对网站的总体感受及你对开发者的独立性都相当重要。

和CMS控制面板友好相处吧。上图所示的WordPress驱动了全世界数百万个网站。

买本相关的CMS傻瓜书[^ 傻瓜书是约翰威立出版社出版的初学者入门读物丛书]，从头至尾仔细读过，而后坐下来捣鼓一阵，直到心满意足。别随随便便就给开发者打电话，留到真真正正须要他们来解决难题的时候吧。

 

7：理解社交媒体

若是你在运营一个网站的同时却不用Twitter、Facebook或YouTube的话，你可能并无理解此时此刻web意味着什么，你可能会所以错失商机。

尽管这么说有点偏颇，可是可否认识到「社交正是为了你的组织」这一点相当重要，也就是说本身也在用社交网络。若是你都没有用过，天然不会了解社交网络是否适合你的公司。此外，当品牌代理跑过来喋喋不休地跟你大谈社交媒体策略时，你也不会知道他们是说到点子上了，仍是在流行语包装下大放厥词。

实际上，品牌代理们哪怕是在讲废话的时候听上去也挺像那么回事的。这简直就是混淆视听。

那么打开浏览器并注册几个社交网站吧，以此创建本身的私人朋友圈。在Twitter上关注几个服务提供商，来看看他们是怎么作事的。试着用Twitter或者Facebook联系他们，而不是打电话。他们是如何作到的？这在专业的角度上对本身有帮助吗？

 

我记录下了 我和英国自然气公司的Twitter对话，由于我以为他们干得不错。我愈加以为我获得的最好的支持正是源自Twitter。我猜是由于公司当众出糗的可能性是如此之大，以致于他们不得不保持警戒。

 

说明

用个吓人的说法，社交媒体的“要义”就是，倾听你的顾客，而不是作免费的咨询。

 

8：了解你的流量

你能够经过谷歌分析工具来监控你的网站的流量。使用谷歌分析工具很简单，在网站的每个网页都添加一小段代码就能够了。你能够查看谷歌分析网站来知晓今天得到了多少访问量，访问来源是哪里以及访客的平台是什么。

谷歌有一些有用的 分析工具教程，值得一读。

 

更赞的是，你还能够在手机上使用谷歌分析工具，如此即可知道网站运营情况如何，也就是说你须要……

 

9：使用智能手机

随着移动网络使用量的使用逐年递增，了解在移动用户设备中你的网站是什么样的十分重要。主要的功能能正常运做吗？清晰易读吗？在3G网络下加载速度快吗？除非你明确提出网站要适配移动设备，开发者可能根本不会用手机浏览器进行测试，更别提为移动设备优化了。也就是说你可能会错失一大块的网络流量以及用户。

智能手机亦能帮你在办公室外运营你的网站。假如你的网站由WordPress驱动，就有一个至关不错的配套应用。手机在监控社交媒体活动时亦很是好用。

短短几年内，你的大多数访问流量都未来自移动设备，因此如今就去了解一下移动用户设备中你的网站是什么样的吧。BBC的新闻站点已经为移动设备浏览进行了出色的优化。

 

使用哪一种智能手机可有可无，只要是现代型号没有过期就行，虽然在我写这篇文章时苹果公司的iPhone有最多的软件可使用。目前我我的比较排斥黑莓手机。虽然黑莓手机处理商务邮件很赞，可是哪怕是最新的Q10和Z10也没有经受市场的考验，并且可用的软件也比其余平台少。

 

总结

虽然看上去是一个冗长且有些枯燥的清单，有些地方的确如此（对许多人来讲，服务器什么的简直神秘莫测并且无聊！），可是理解了上文提到的这些东西，你就能从你的网站收益更多，收获更多的流量和用户。

 

了解一些你的网站的工做原理也能够缓解你在提交更新及与开发者对话的压力。你甚至会发现经营网站仍是很有乐趣的~