平面设计 网站建置 互动多媒体 Flash动画 淞扬创作 服务产业 虚拟实境 Facebook行销 SEO成功案例
专业分工 媒体Q&A 数位常识
联络我们 线上客服 付款柜台
招募理念 招募对象 应征流程 培育实迹 我要面试 淞扬会员

首页专业咨询数位常识

制作网站的整个工作流程步骤是如何?

当您确定了网站规格并与专案经理签合约后,接下来通常是先开始组织架构及内容规划

然后再交由设计师作网站视觉提案,然后在画面提案通过后,开始进行网页内容制作及相关程式的撰写或安装,
资料库建置
等。

最后再进行内容校对的工作,才可以上线。



网站制作的各阶段都会影响专案品质的好坏,我们在这边提供可能发生的状况及建议:

网站的架构内容 【范例下载】
若要先确认网站的架构内容,建议以(网站地图)SITE MAP 的形式表达网站架构,
这有助于设计师在思考您的网站视觉设计(SNF)的安排,例如网站的主MENU 应该放在什么地方,
或是哪边应该呈现子选单等等的。

视觉风格的沟通 【范例下载】
虽然美感是主观的,当然设计师可以给予您视觉上的专业建议,
若您希望网站能有一些自己想要的风格,最好的做法是可以先提供些参考资料,
例如网站或是图片,甚至是您觉得很好的平面媒体给设计师参考,可以快速的掌握您要的设计风格。
网页版型设计完成后,等于整个网站主视觉定案,让您网站里的每个页面都可属于您专属的风格。

网页内容制作
建议您一次整理出所有内页的内容,能用后台系统更新的部分可以暂时不处理,
其他一次提供给设计师的话,可以大幅加速彼此沟通进度,完成大量的插图跟内文的编辑。

内容校对
我们通常会建议您安排空档的时间,仔细看过一遍网站,然后用电话跟专案经理进行校对,
您可以跟专案经理一并打开网页,沟通哪些文字或是图片的处理是否合乎需求,
并且我们建议一次校对整个网站,这样可以缩短校对时间。
校对完成后,网站就可以准备上线了,
在上线前,请记得再仔细检查网页的各个内容。
                想得知详细说明,可进一步至本公司网站【设计流程】 观看流程细目。 【专案经理 Norris】

客制化网站与模组化网站
我们常常会接到一些客户希望整个网站的每个项目、每个功能,从前台、后台到任何一个细节,都能依照他们的需求去做,
这种我们通常称为 【全客制专案】,或简称"专案"。

专案的制作动辄数万至数十万,这些费用事实上有一半以上是都是在沟通
因为您得必须花费许多时间去跟专案经理沟通需求,
而专案经理又必须跟工程师或是设计师沟通(您不会想跟工程师沟通的,他们说的话一般人听不太懂),
这些沟通成本当然会增加网站建置的费用,专案的费时就更不在话下,
          但是专案若是能够正确并成功的完成,其发挥的效益也会是最高的。
当然,专案很可能会因为系统分析师跟客户之间的沟通不良,导致整个专案失败。
若购买个现成的模组网站,虽然看似功能好用,但您若要改内容所受到的限制会比较大,
甚至连网站的视觉设计都不能依照您的意思更动,虽然费用极低,但是一般而言都不太符合客户的需要。

因此,目前在市面上能找到的网站设计服务,多半采折衷的方式进行
例如采用一套固定的核心系统,然后搭配设计服务以及工程改装,
就有点像是打造一部手工汽车,您可以决定汽车的外型、内装、甚至椅子的款式,但是您不能要求重新为您设计一颗引擎。
目前这种做法是比较可行的方式,
他一方面解决了专案的成本与时效问题,另一方面他也解决了购买旣有网站会受到功能限制的问题
在本益比上来说会是最好的选择。
制作方式 客制化网站 模组化网站 半客制化
性质 全部按客户需求制作 按网页设计公司所提供的网站规格,
可变动局部美术,无法修改程式
按网页设计公司所提供的网站规格,
可变动局部美术,无法修改程式
功能性 可按客户需求制作修改 仅能按现成的网站开发,无法修改 按已完成的客制化网站微幅修改
技术开发 可按客户需求制作,
不受限制
受限頗高 可按客户需求制作不受限制
沟通时间 需较多的书面文件
与沟通时间
较少的沟通时间 折衷
价格 较高 较低 折衷
挑选设计公司所该注意的事项
现在很多大专院校都有开网页/动画/游戏/程式等设计课程,补习班也有标榜”作设计可百万年薪”等广告用语,
感觉上设计这行业好像是轻松的金饭碗,
而事实上编写HTML,加上简单的绘图软体使用,或是写写简单的程式,人人也可以做设计。
不过网页设计是一门很专业的东西,小到一个图案的设计,大到整个系统架构、视觉风格,
牵涉到的学问从艺术、科技到人文,含括的领域是广阔的。
市面上充斥着许许多多的网页设计公司,乍看之下好像每一家都非常专业,价格每家都不同,

那么,怎么挑选一个适合的网页设计公司呢
一般而言,要得到网页设计公司的资讯多半是透过他的网站,得到的各种资讯,
以下有几个比较客观的评估标准,提供您作一个参考:
(1)公司有没有登记
很多网页设计公司其实是工作室,工作室本身也相当多,服务品质有高有低,
有的工作室非常专业,但是有的却是一招半式就想闯天下的。
无论品质高低,由于非公司型态,无法人身分,因此委托工作室制作,对业主本身的风险会相对提高。
(2) 公司登记的时间
做的不好的公司开不长久。
网页设计这个行业是需要经验的累积,能够经过时间的考验表示这家公司的体质是否良好,
如果您找到的公司开业不满两年,那表示在这个行业的时间并不太长,
除非它是有找到一个非常资深的人在经营,否则对于他的专业度也应该要进一步的斟酌。
(3) 作品的数量
他能提供给您参考的作品数量,是一个很重要的指标,
因为做过越多的案件,表示该公司在这方面的经验非常充足,并且也有相当的专业,否则无法累积这么多的作品。
(4) 作品的品质
网页设计的价格跟品质事实上是相对关系,
品质越好,客制化的程度越高,通常价格也会比较昂贵,
因此,如果您需要相当大量的客制化设计,可以去寻找专业的专案设计公司,虽然可能必须要负担较高的费用。
但是一分钱一分货,千万要小心那种价格比同业低很多,又号称品质可以做很高的公司,
因为一不小心就会遇到黑心业者,不是签了约收了钱就把你丢着,就是开始做了之后跟您猛加钱。
(5)网页上的价格是否透明
部分的网页设计公司会将简单的报价公布在网站上,让大多数的客户可以大约了解计价方式,
有的专案类型的公司会希望先跟客户联系,再依照需求规划报价。
通常报价透明的网页公司比较不会发生报价被灌水的现象。但是议价的空间也会相对减少。
因此,如果是报价透明的厂商,会比较适合预算限制较大的客户,
如果您比较没有限制,不妨跟专案公司联系讨论。

以上仅就简单的几个项目去分析如何寻找一个适合您的网页设计公司,不管您要找谁做网站,
记得一定要请他们尽量提供他们的作品,因为作品才是真正评估该公司是否适合您的主要标准依据。
什么叫做DNS
DNS( Domain Name Service ) 从字译来看叫做网域名称服务,
我们天天都用到DNS,当您打开IE,看到奇摩跑出来的那一瞬间,你已经使用了DNS的服务了。
那么,这个听起来很重要,但是又好像没有用的东西,到底是什么?

简单的说,他是一个问路的机制。
网路是用TCP/IP的架构建构起来的,每个网站都有一个IP,这个IP就是网站的地址。
例如您的网站用的IP是 211.225.150.128,当上网输入211.225.150.128,就会连到您的网站,
这是很难记得住的。所以DNS这个机制,让您可以去申请一个网址,例如是 abc.com ,
这种网址就非常好记,DNS的运作原理就是如此,
当您打开IE输入 abc.com ,IE 就会先去询问 DNS 主机:
请问 abc.com 的IP是多少呢?
DNS 主机会根据他自己的纪录回答:abc.com的IP是138.223.100.108 喔!

那么这部DNS主机在哪里?
通常DNS主机会在您的ISP (例如HINET / SEEDNET / 东森宽频之类的),
每当有人申请一个新的网址,他就会纪录这个网址的对应IP。
所以,DNS主机是一本非常非常大的电话簿,纪录了每个网址的对应IP,或是应该要去哪里査询IP。
DNS相对的对应技术还有很多,这边仅就最基本的观念作一个介绍。事实上内部的运作相当复杂,
有兴趣可以去其他资料参考。
【维基百科-DNS】
搜尋引擎排序的運作原理
搜寻是网路上一项最主要的行为,
透过浏览器大多数的行为都是从搜寻开始,
也莫乎Google成为股市的绩优股,而往往搜寻出的第一笔资料是最常被点阅的;
因此,所有架设网站的人无不想让自己排在第一位。

是要怎么才能排在最前面?
这就要从搜寻引擎的运作原理讲起,
基本上,您在搜寻引擎里面所搜寻出来的资料,多半都是已经被放在搜寻引擎的主机里面。
也就是说,那些资料平常是由搜寻引擎的主机每天不断的去抓资料,
之后在您按下「搜寻」的那一瞬间,资料就会由资料库里面拉出来。然后透过他所纪录的一个网址,连结到该网站。

在搜尋出的資料當中,他是怎麼排序的呢?
简单来说,他是依照该笔纪录的点阅次数排序的,
因为搜寻引擎认为,较多人点阅的资料表示该笔资料比较会是该使用者想要的,
也就是说,越多人点的网页他就会排在越前面。因此,若您希望您的网页排在最前面,那么您就
必须让您的网站保持第一名的搜寻后点阅量,
然而,这是非常困难的,因为点阅的动作必须由人工去进行,
需要大量的人力去执行,或是让您的网站成为超人气,每天都有许多人点阅进去观看。

不过坊间仍然有许多厂商提供将网站排序优先的服务,这是可行的,
只是相对费用并不低,原因在于进行这件工作的operating revenue,并不低。
但千万不要相信他说保证可以在GOOGLE出来Dai-ichi笔之类的话,因为以搜寻优先来说,这是不可能的。
若您希望您的网站搜寻能够优先,欢迎您来电洽询,我们会推荐您优质的厂商为您进行服务。
参考连结:
【搜寻引擎最佳化 (SEO)】
【关键字排名】
我需要做网站吗?
网站的类型分很多种,举凡社群站、购物网、形象网、个人网、入口网…
所以大家就会思考,我到底要不要做网站,

我们的建议是,作网站前做好事前评估,才能确定是否有需要去投入资源上去。以应用面来说,可分成以下几点来看:

资讯交换与分享
不管是营利或非营利的模式,网站是很好的资讯交换平台,
只要您网站上线后,全世界只要有网路的地方,打上您的网址,就可以看到你的网站。
除了观看其网站内容外,还可以跟网站做线上互动,更可以透过网站平台开发到更多的潜在客户。
范例:【Look生活网】【无名】【Facebook】

产品资讯网站
当您的产品有着比较详细的规格资料,像是电子产品,或是有比较大量的产品图片需要介绍时,
这时候网站可以提供24小时不间断的线上目录,不管何时何地只要可以上网,就可以取得产品的详细说明,
可以大幅提升业务工作的效率。
范例:【梦时代婚纱网】【世大照明】【赫士盟网页设计】

购物网站
线上购物已经是个成熟的交易行为,金流跟物流的搭配也有很完整的选择,
若是您希望透过网路销售商品,那建构网站是绝对的必要,
虽然透过拍卖也可以达到销售的目的,但是拍卖毕竟会受到平台厂商的限制,并不像自有网站具有那么实质的效益。
范例: 【礼想家-yes!网站】【帝希科技】【璀莉緹】

活动网站
举办活动已是现在普遍的宣传手法,而现实生活中活动的参加人数及曝光效果可能是有限的。
若是想利用网路的无远弗届,增加QQ交流商品的曝光度或销售,那建置一个活动网站是容易受到回响的选择。
范例: 【MOTO炫音派对活动网页】 【义美活动网页】【MOTO活动网页】

客服网站
大部分的企业没有提供24小时客服咨询,无法完全配合客户时间,解决一些问题的询问或是文件支援,
在这层考量下制作网站就可以提升企业的服务品质,
像是将一些对产品或服务常见的问题放在网站上,让客户可以随时查询。
也可以将说明文件制作成PowerPoint的格式,放在网站上,
这可以让电脑帮您回答客户的问题,也透过客户支援系统,让客户可以把对企业的问题发表送至后台,来节省公司成本。

形象网站宣传
这算是最广泛运用的范围,
若您是一个小型企业,或是店面,那么您会需要一个简单的营业项目或是企业理念的介绍,
也方便当您在媒体上曝光时,有一个24小时的资讯中心,提供营业时间、内容或注意事项等资讯。
范例: 【桃园婚友社】



那什么样的企业我们不建议作网站?
简单说,若您的客户或是潜在客户都不上网的话,或是您实在想不出您的企业有上述的需求,
我们就不建议制作网站,因为实在没有大太的意义。
如果您要做网站,该注意哪些细节呢?

营运目标
公司设置网站的目的,无非是想籍由网际网路来达到一些成效,
如:公司知名度的提升、企业形象的塑造、是业务上的推展,
所以不同的行业对网路上的需求当然就会有所不同。
先明确的了解公司的需求,然后再请网页设计师为您做有系统的规划。

资料整理
您的网站需要什么内容,只有您最了解,而不是只要花了钱就可以把网站做起来,
如果您需要设计公司帮您写网站内容文字企划,您也必须要花一些时间跟文案师开会,
并审核文案师所写的内容是否正确。

网站维护
网路的最大的优点是在于能够快速传输及便于更新。
若您公司最新资讯或产品情报及公司动向等,藉由网际网路的宣传,以及不定期的更新,成为一个常提供新资讯的网站,
更能吸引网友上网浏览,进而达到公司架构网站的目的。

虚拟主机空间的租赁与否
假若您的公司原本就已申请好专线,或有自己的虚拟主机,那么就可以将完成的网页直接挂上就行了,
但如果尚未申请的话就可委托专案管理师帮您申请。网站资料更新与维护人员的必要性网站内容资料的合法性。

网页设计从规画/程式/视觉上所该注意事项

网站内容面向
1.页面内容要新颖网
页设计内容的选择要不落俗套,要重点突出一个「新」字,结合自身的实际情况创作出一个独一无二的网站,选材要尽量做到「少」而「精」,又必须突出“新”。
2.避免冗长
一个站点上文本的冗长页面,是令人乏味的,内容上着笔尽量要细致,让人在最短的时间内,了解网页想呈现的是什么。
3.注意错别字
一个好的网站确保拼写正确,并且注意平常容易误写的错别字,要时时刻刻保持一种严谨的科学态度。
4.少用特殊字体
避免使用特殊的字体,并不是所有平台都可计算出来。有些网站设计员喜欢定义特性,虽然允许使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。
5.善用表格
不要把网站的内容象报告似的用条例列出来,注意多用表格把网站内容的层次性和空间性突出显示出来,使人一眼就能看出你的网站重点突出,结构分明。
6.网站介绍
简单明了的网站介绍,使访问者能快速找到想要的东西,来引发访问着的共鸣或是表达内心诚意,常常最能打动读者。

网页技术面向
1.命名要简洁
给页面起一些有代表性的而且简洁易记的网页设计名称,这样有助于方便管理网页设计,在搜索引擎时更容易被别人索引到。
2.即时更新
维护更新的工作是每天都要做的,要及时把作废的连接删除掉,若不能及时更新,最好在主页上发布信息,这样就能给人一种对别人负责的感觉,同时能得到网友的信任。
3.注意网站升级
时刻注意网站的运行状况,性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。
4.学习和使用HTML
成功地设计网站,必须理解HTML是如何工作的。
用HTML设计网站,可以控制设计的整个过程。
网站设计的新手,你应该寻找一个允许修改HTML的软件包,例如:HomeSite4是一个很好的Web设计工具,它允许切换到所见即所得的模式,以便网站发送到的Web之前,预览网站。
5.少用Java程序
目前java的运行速度太慢,往往使浏览者没有耐心等页面全部显示出来,精心设计便毫无效果啦。
6.考虑浏览器的兼容性
IE所占的市场越来越大,但仍然需要考虑到Netscape以及Opera这些浏览器用户。为用户着想,设计风格的要考虑,必须在几种不同类型的浏览器下测试网站,看看兼容性如何。
7.网站交互功能
静态网页设计始终给人一种呆板的感觉。在网站上提供一些回答问题的工具以及具有交互性能的设计,能从网站上获得交互的信息,使得访问者有一种参与网络建设的新鲜感和成就感。
8.测试网站
正式发布之前,必须进行有用的测试。在测试浏览器时必须兼顾以前的浏览器。上载网站时测试所有的链接和导航工具条。不需要太多东西来充斥网页,即使有足够的空间,在设计时也应该避免使用。
9.保证网页设计的完整
即使去掉了图像,也要保证访问者能够获得满意的效果,在用户面前的仍是一个完整的网站。对于失去图像功能的访问者,提供另外的链接和替代文字。
10.页面要有导航按钮
避免强迫用户使用工具栏中的向前和向后按钮,设计应当使用户很快找到所要的东西。
11.注意用户注册信息
知道谁浏览了网站以及是怎样浏览网站的,那么就能得到大量有用的信息。 获得信息两种方式:第一浏览网站之前进行注册,这样做是有风险的,会赶走不愿意注册的人;第二种是进行有奖竞猜或金钱奖励,让用户能主动填一些信息反馈表。

网页视觉面向
1.网页编排要浅显易懂
网页设计要易读,就必须花点心思来规划文字与背景颜色的搭配方案。不要使背景的颜色冲淡了文字的视觉效果,为了符合读者的阅读习惯,文字的在规格上要适中,最好让文本左对齐,标题居中。
2.注意视觉效果
设计Web页面时,要设计一个在不同分辨率下都能正常显示的网页设计 。
3.少放网站地图
大部分的访问者上网是寻找一些特别的信息,对于网站是如何工作的,并没有兴趣。如果需要地图,可能是需要改进导航和工具条。
4.图片附加注释
每个图形加上文字的说明,在出现之前就可以看到,尤其是导航按钮和大图片更应如此。访问站点时就有一种亲切感。
5.不宜多用闪烁文字
闪烁的文字来引起注意是可以被人理解的,但太多有一种眼花缭乱的感觉,反而影响用户访问网站的其他内容。
6.风格要统一
I设计上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,要统一风格,贯穿全站。读者看起来舒服、顺畅,会对你的网站留下一个「很专业」的印象。
7.善用图像
主页上最好有醒目的图像、新颖的画面、美观的字款,其别具特色,吸引和维护他们对你的主页的注意力。但要注意图像所连接的重要信息或联接其他页面的指示用文字重复表达几次。
注意避免使用过大的图像,放置大的图像最好使用Thumbnails软件,把图像的缩小,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
8.不要用框架
多数网站上,在屏幕的左边有一个框架,但在使用框架时产生了许多的问题。框架使得网站内个人主页不能够成为书签,搜索引擎常常被框架混淆。
9.著名的插件
网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。因为,许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
10.动画最多只用一个
GIF动画来装饰网页设计,它的确很吸引人,但容量很大,会影响下载的速度,如果有些必须的,就选择最小的。