想经营网站 您应该懂的10个专有名词 | 圣侨资讯

翻转行销 黄诗宜 2017-01-10

一、静态网页 VS 动态网页

静态网页指的是纯文字与图片搭配的网页,没有包含网页程式( PHP、ASP等)以及资料库等,它无法藉由购物车、会员登入、投票、讨论区或是寻找产品等型式与网友们互动,动态网页则是包含上述所有功能。

简而言之,静态网页如要更动页面资料或是增加产品,需要具备网页编辑能力,每新增一个产品就会多一个页面,管理不易;动态的话只要具备后台登入权限,任何人都可以简单的更新网页讯息。

静态网页并非完全静态,它也可以包含GIF、滚动字幕等动态效果。整体来说,静态网页载入速度较快但视觉较单调;动态网页虽然活泼生动但载入速度较慢,建议在设计上交互使用,较少变动的页面以静态制作,其它需要定期更新或是资料较多的页面则以动态设计。

题外话:静态网页内容穏定较容易被搜寻引擎检索,所以SEO常会将动态网页转换成静态型式,称之为【伪静态页面】来优化排名。


二、网站前台 VS 网页后台

简单来说网页的前台就是我们在网路上看到的网站,是一个视觉化的版面让顾客可以浏览和互动;而后台就是指程式端,是卖家用以更新网站资料所用的「后端管理系统」。

动态网站可以透过后台来更新讯息、发布产品、上传图档或影音资料等,只要具有后台的登入权限,不需要具备专业技能就可以直观调整前台资讯、快速操作资料库和管理文件。


三、版型设计 & 切版

版型指的是网页整体的视觉画面,版面的配置、框架大小、区块位置等,除了视觉规划之外,它更需要考虑网页的浏览动线、网站风格、以及切版等,版型等于是房子的基底,一但确认切版之后就难以修改,因此在设计时必需厘清网站的目的和品牌想呈现的风格。 。

切版就是指将提案后的图档切成HTML+CSS,利用语法组成我们在浏览器上所看到的网页样子,以供后端工程师上程式(可称之为套版)。

题外话:现在多数使用CSS切版的原因,是因为CSS较符合SEO优化,它可以精简程式码、提升网页载入速度,且能更为灵活的调整网页内容。


四、RWD响应式网站 VS 手机版网站

全名为「响应式网页设计( Responsive Web Design)」,又名为自适应网页设计,是让网页可以自动配合不同解析度变换页面大小及版面配置的技术,让使用者可以透过桌上型、笔电、平板或手机等装置随意阅览网页。

常见误解:很多人认为RWD就是指手机版网站,其实它们是不一样的,虽然都是为了适应不同解析度浏览的设计,但RWD不仅支持平板或手机,同时也支援桌上型和笔电,手机版则是仅支援解析度小的装置使用;另外若是建置手机版网页,则在官网更新的同时,也需要更新手机版,等于是耗费多余的成本和人力去同时维护二个相同的网页,相比之下,RWD更为人性化且便利。

题外话:RWD网页有助于SEO优化,它的好处如下:

(1) 避免内容重复 可集中流量
因为不需要另外建置手机版网页,所以可减少网路上出现不同网址却有重复内容的情况,且不同装置的流量都可算在同一网址中,用户更容易分享、接触内容,可提升网站整体评价。

(2) 优良的使用者体验
用户不需要调整行动端版面去阅读网页资讯,所以不论是使用什么样的装置都可以享受到最好的视觉介面,若再配合良好的浏览动线就可降低页面的跳出率。

(3) 在地化搜寻
由于行动装置定位的便利性,愈来愈多的APP和Google引擎都加入了地点的考量机制,让使用者只要查询餐厅或是五金行等,就可以轻松搜寻到离所在地点最近的商家,若这个店家的官网有提供RWD则能提高使用者前往消费的机率,大幅提升行动搜寻排名。


五、JavaScript VS Java

JavaScript是一种高阶的程式语言,常用来在HTML页面嵌入动态文字、回应用户操作、读写HTML、资料验证、检查访客浏览器讯息和cookie等,它是为了丰富网页功能并提高互动性,以最方便快速的方式来进行网页工作,所以能大幅减低伺服器负担,打个比方,当用户在填写表单时,如果有漏打的必填资料,则JavaScript就会自动跳出讯息提醒对方,在HTML5和CSS3推行后,它也开始常见于游戏、APP的开发上。

JavaScript跟Java虽然名字和语法相近,但实际上是不同的语言, JavaScript能够编写于HTML内,且在开启网页的同时会被直译执行,它的程式码仅能在浏览器上执行; Java则相反,可以跨平台执行。

资料参考

维基百科

  • 41