网站首页
网站的入口网页
网站首页是一个网站的入口网页,故往往会被编辑得易于了解该网站,并引导互联网用户浏览网站其他部分的内容。这部分内容一般被认为是一个目录性质的内容。大多数作为首页的文件名是index、default、main或portal加上扩展名
设计原则
01 明确内容
如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。
内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。比如某网站在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。最好符合WEB标准化用css定位的网站往往比表格定位要少很多代码。
05 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。
06 坚持基本原则
即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill 或 Microsoft FrontPage Express,当然则是Dreamweaver啦,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。
07 学习HTML
用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。HTML编写过程中可以大段大段地删减,这是一特点。
08 用笔画一个网站的框架
圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
09 “在计算机上永远也找不到好的方案”。
专业要求
2.网站后台编程 ASP开发环境、Windows窗体编程、常用控件;ASP编程、ASP Web服务器控件、配置和优化ASP应用程序、调试和错误处理ADO、连接和操作数据源数据集水晶报表的使用、Web服务创建和使用;留言板、BBS论坛、电子商务系统
3.数据库管理 Access数据库的基本概念、结构、数据表的建立、数据表的基本维护、SQL Server基础、数据源的链接、SQL语言集合函数数据类型
4.学习综合性网页设计规则、页面整体排版能力的处理、图片美工及 WEB 程序块的调入和美化、程序的调试和运用、网站综合训练动态网页创作模式。
注意要点
1.记住用户的目标
用户往往带着目的访问一个站点,每个链接,每次点击都要合乎他们的经验并且引导他们通向他们的目标。当传输你的页面时,应该让关键的导航链接首先装载——万一用户想转到网站其它的区域。模仿通常的用户图形界面往往可以增加可用性
2. 记住网站的目的
网站设计应该反应商业或者客户的需求,有效的传播主要信息与促进品牌。然而网站的目标最好通过尊重用户的习惯来达到,所以站点结构必须满足用户的需要,快速的将用户引导至其目标而避免任何公司和区域行话。
3. 避免没有必要的介绍
虽然介绍的动画非常精彩,但是它们往往延误了用户访问他们正在寻找的信息。应该经常提供给用户一个忽略介绍的命令或者访问你的主页的选择,当他们第二次访问您的主页时,对所有的用户都应该忽略简介动画(使用客户端的javascript来完成这个功能),然后在目标页面提供返回到动画页面的选择。
4. 提供合乎逻辑的导航与交互
· 保证用户的导航: 显示用户访问过的上一个地址和他即将访问的下一个地址. 通过链接的不同颜色在用户访问后提醒他们访问过的页面.
· 提供用户一个轻松跳出他们正在访问的部分回到出发点的的链接.
· 明确说明每个链接的位置. 保证链接的结构和命名法的可视性,而不是隐藏它们直到用户触发了某个事件(比如鼠标移近).
· 确保按钮定义了足够好的反应区域.
· 利用Flash流的特性首先装载主要的导航元素.
· 确保导航的后退按钮. 为了做到这一点可以使用浏览器内置的前进和后退导航系统,将Flash影片逻辑的分成几块并置于独立的HTML页面中. 做为一种选择, 为影片建立一个基于Flash的后退按钮以便用户可以利用它后退到一个包含上一个访问页面的场景或桢.
5. 设计的连贯性
提高您的站点性能的最好方法是用户界面的一致性. 元素结构的再使用,元素的设计以及命名的习惯将使用户在导向他们的目标时对站点传达的信息的注意力更加丰富, 而且这也有利于站点的维护. 你可以在整个站点中使用小影片(Smart Clip)来重复使用交互元素, 还可以让最初导航系统的文字和图片在目标页面中重新使用.
6. 不要过度使用动画
避免不必要的动画. 最好的动画应该是可以增加站点的设计目标的动画, 在导航的时候讲述一个故事或者有帮助的事情. 在包含大量文字的页面使用重复的动画将使视线从消息转移.
7. 慎重使用声音
声音可以为你的站点锦上添花但是绝对不是必要的. 例如:使用声音来说明用户刚刚触发了一个时间. 确保使用了声音的开关与音量调节方法, 并且要记住声音会显著的增加文件的大小. 当你确实使用了声音的时候,Macromedia Flash会将声音转换为MP3文件甚至流媒体化.
8. 面向低带宽的用户
越少的下载越好. 初始的下载页面大小不能超过40K, 包括所有Macromedia文件,图像和HTML文件. 为了减少下载时间, 使用矢量图形(除非图像使压缩过的BMP, 那样最好仍保持为BMP格式), 并且只有在用户确定的要用到某个文件时才使用Load Movie动作. 如果用户必须等待, 提供一个装载的时间序列与进度条, 只要可能,必须在前5秒内装载导航系统.
9. 设计的易用性
确保你的站点的内容能被所有的用户阅读, 包括那些残疾用户. 高度使用ALT标签可以确保网站内容能被辅助工具解释. 影片的可缩放性是让更多用户了解网站内容的另一项易用的Macromedia特色. 如果需要一个彻底的Macromedia Flash内容可用性的讨论,请登陆Macromedia Flash可用性网站.
让一些新手来访问站点并同时完成用户目标与站点目标. 甚至简短的Macromedia Flash动画都有可能阻挡用户实现目标, 所以使用Macromedia Flash的带宽模拟器Bandwidth Profiler——译者注)(在视图菜单的测试影片模式下)来分析站点在不同带宽模式下的性能.每次 重复测试影片哪怕是很小的改动. 确保站点的测试者从人口统计学上合乎站点的预定用户—特别是预定用户中有对站点的导航有不同级别的满意程度.
参考资料
最新修订时间:2024-04-26 10:48
目录
概述
设计原则
参考资料