码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-11-18 16:15:14      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

 
这些规范并不属于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也没有经受市场的考验,而且可用的软件也比其他平台少。
 

总结

虽然看上去是一个冗长且有些枯燥的清单,有些地方的确如此(对许多人来说,服务器什么的简直神秘莫测而且无聊!),但是理解了上文提到的这些东西,你就能从你的网站收益更多,收获更多的流量和用户。
 
了解一些你的网站的工作原理也可以缓解你在提交更新及与开发者对话的压力。你甚至会发现经营网站还是颇有乐趣的~

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

标签:

原文地址:http://www.cnblogs.com/gbtagscom/p/4974585.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!