网站內容管理PPT课件讲义

1网站内容管理2大纲网络环境与网络用户的特性网站架构常见错误网页版面呈现的限制浏览解析度色彩呈现字型呈现网站架构规划网站架设步骤网站架构规划网页标准样版文字排版网站设计原则3网络环境与网络用户的特性4网络连接速度用户概况

截至2002年12月底为止，我国

电话拨接用户数为

490万户，

xDSL用户数为182万户，

CableModem用户数为28万户，

其他联机用户数为346.6万户

（其他联机：固接专线用户数为1.6万户，ISDN用户数为1万户，卫星用户数约900户，

学术网络(TANet)用户数为344万人。）

将上述各个联机方式用户数经过加权运算，并扣除低用度用户、一人多账号与多人一账号等重复值后，估算2002年底我国上网人口达859万人，因特网连网应用普及率为38%

资料来源：XXXXXXX5网站使用者的特性缺乏耐性难以忍受「尚在建构中」或其他错误讯息「扫瞄」的阅读方式容易迷失方向怀疑信息的可靠性萤幕阅读的忍耐时间短文字不比影像吸引读者绘图不如照片搜索引擎帮助有限偏好互动模式6网站内容与读者阅读时间

7网站建构之常见错误

8网站设计者HTML及相关程序撰写经验不足路径错误、程序错误由「视觉外观」为导向来制作网站不断的旋转和弹跳，使用者需花费许多时间下载由「技术面」为导向制作网站大量使用最新程序，用户需使用最新版的浏览器9网页设计常见错误(1/7)窗口分割常因操作或设计不当造成多重窗口浏览器上的网址不一定是目前显现网页的精确网址无法储存正确的网页书签列印的困扰10网页设计常见错误(2/7)滥用尖端的新科技不可避免的必须强迫使用者下载、安装与学习新的接口互动方式冗长的下载文件与等待时间新科技往往不够稳定，常会降低用户计算机的速度或造成当机复杂的网址（中文的网址）不易记忆、不易传播11网页设计常见错误(3/7)孤离的网页、没有导览连结的网页使用者无法藉由此页连结至其他页面，且不易得知此页之所属主题或机关欠缺网站导览缺乏Sitemap、回首页、网站主从主题结构提示大型网站（超过100页面）应提供站内搜索引擎12网页设计常见错误(4/7)明显的错误或过时的信息使用者对于网站中信息的信任感普遍低于对传统媒体的观感错误或过时的信息会明显降低用户对此网站（机构）的信心与其竞争力旧檔案在线保存的不足跑马灯式(闪烁)的文字及不断重复的动画过多的跑马灯文字或闪烁，不但无法造成吸引的效果，反而造成视觉上的混淆13网页设计常见错误(5/7)冗长的卷动型网页设计者必须尽量让主要的网页内容和重要的连结，在不需要下拉滚动条的范围内完整呈现超连结颜色使用的不一致当有必要使文字超链接与浏览器默认值不同时，也应遵循网站整体一致性的原则「上一页」按钮无法使用开新窗口即时转接网址阻止快取记忆（Cache）的浏览除非必要，否则应尽量避免！14网页设计常见错误(6/7)网页接口符号的不一致易造成用户浏览上的困扰，且造成此单位不专业的印象15网页设计常见错误(7/7)未提供人物或著作出处的注明应注明网站经营者的背景资料著作及研究报告应注明出处及作者信息网页中提及特定人物时，勿只以电子信箱做链接，因为使用者非有特定需要，不会主动联系作者本人不达意的标题或按钮文字以组织之部门作为标题链接设计者个人的喜好词汇增加网站的可信度！16

网页版面呈现的限制浏览分辨率限制色彩呈现字型呈现17640*480像素800*600像素1024*768像素浏览器分辨率的显示差异18网页排版安全区域19色彩呈现-黑白色系20色彩呈现-256色21色彩呈现-TrueColor22GIF档案AdvantagesofGIFFilesAllgraphicWebviewerssupporttheGIFformatforinlinedimages.GIFsofdiagrammaticimageslookbetterthanJPEGs.GIFsupportstransparencyandinterlacing.23JPEG档案AdvantagesofJPEGImagesHugecompressionratiosarepossible,forfasterdownloadspeeds.Givesexcellentresultsinmostphotographsandmedicalimages.Supportsfull-colorimages(24-bit"truecolor"images).24网页字型及段落呈现建议字型新细明体、标楷体TimesNewRoman、Arial字体大小内文10pt.或12pt.，标题14pt.或16pt.建议段落120％使用额外加入计算机系统之字型，易造成网页显示上的误差。25网站架构规划好的网站是实用性(utility)与可用性(usability)的组合！网站架设步骤网站架构规划网页标准样版文字排版26网站的架构步骤27过于水平的网站架构28过深的网站架构29平衡的网站架构首页目次内容30网站架构示意/site/basic_structures.html/site/diagrams.html31网页标准样版Logo超连结选项网站整体导览本文主题图像新闻资讯广告推荐文字导览、版权宣告、联络信息32Web上的惯例左上角的标志表示回到首页文字连结会在网页底部重复在比较长的网页上会使用一个连结回到顶端在大量打印的网页上会使用友善打印页面可以按的项目是蓝色的，并且画底线次要的导览元素，例如网站地图、搜寻等，与区域导览分开呈现33网页排版结构34网页文字应用策略（1/3）简洁使用者浏览网页时，不倾向阅读长篇幅文字。35网页文字应用策略（2/3）信息分层设计者应有计划的将文字内容系统化的分成多层不同的段落，而后提供超链接让使用者自由选读。……几个国内网站研究都一致指出，不论在政府机关或私人企业，多数的管理者都开始注意网站的管理，因此许多电子商务顾问公司应运而生。……网站管理相关研究◆1998十大入口网站研究◆1999天下杂志最佳商业网站选拔◆2000中央政府部会网站评估台湾的电子商务顾问公司◆哈哈e顾问◆

网络顾问36网页文字应用策略（3/3）适合视觉扫瞄凸显关键词以项目符号排列应用具吸引力的文字内容标题简明清晰应用浅显易懂的文字以次标题辅助说明避免标新立异避免故弄玄虚图示应加批注37网站设计原则381.要有清楚的结构树状结构图网站地图组织性颜色管理：以「颜色」作为使用者认识网站架构之线索版面编排一致当站内网页超过100页，需加上站内搜寻机制392.网站联络信息明确每页尽量有logo、站名、URL、网页建立日期、联络e-mail或电话地址Logo和相关识别信息固定在每页的同一位置提供人物或著作出处的注明403.页标题明确每个网页都应有标题浏览器怎么显示网页？搜寻引擎怎么找到网页？搜寻引擎怎么呈现找到的网页？MicrosoftFrontPage的Newpage1、新网页网页标题应有层属关系，[母项-子项]41善用标题标题可以抓住使用者的注意力将标题独立出来，能使网页结构更清楚424.网页图文架构清晰网页架构和版面安排，应能帮助用户扫瞄和筛选信息，并能忽略不相关的大段文字内容也应有适当简洁的大小标题，以增加内容的可读性再有价值的内容，版面编排不好，使用者也很难耐心观看，点阅率和回阅率都不会提高图檔提供文字说明43网页编排效果比较44卷动滚动条依然清晰明确45重要信息呈现由于屏幕只能显示网页的一小部分，故重要信息要让用户一进来就可以看到！800*600screenarea465.善用超链接不要超链接到本页（自己连自己）与其将有关某一主题的数据全部编成一个超长的网页，倒不如善用目次结构及超链接来建构内容超链接能够帮助用户跳过不相关的信息，以节省时间476.汲取成功网站经验上网看看大受好评的网站是怎么设计的若90%以上的网站都是这么设计，这就是「实务标准」，请依样画葫芦若60-90%的网站都这么设计，这是「惯例」，可以采用若60%以下的网站这么设计，则还没取得共识，可以自由发挥487.