好莱坞电影网站界面设计师谈电影网站设计

 更新时间:2016年9月20日 19:04  点击:1785
前几年当互联网的寒流袭击世界所有网站的时候,电影主题网站可能是这场寒流后的唯一的雪莲。好莱坞的电影公司总会支付大量资金去建造精美的电影网站。同时,不少优秀的设计师们也在努力建造着这些宣传类网站。

     这是一位专门设计好莱坞电影网站的设计师的话,“我遇到的最大问题就是没有设计的主动权和无限制的修改。”我想这个问题也是困扰国内设计师的问题。因为客户掌握着我们的面包。

  一般来说,大多数的电影网站不是很庞大,结构也不是很复杂。一般情况下6至7页就差不多了。包括:电影概述、演员介绍、电影追踪、预览下载什么的。这些听起来很容易,但是往往这些却是一个陷阱。你要知道不同题材的影片,它的表现手法是不一样的,正如:喜剧片、诗史片、战争片、故事片等。

   一个好的电影,它至少在半小时后才会打动你。而电影网站呢?设计师至少要在5秒钟内吸引你、打动你。而这些仅仅限于在视觉上,别忘了真正的电影还有声音来感化你。所以一个优秀的电影网站,视觉的冲击力是最重要的。

<

  摘要

  基于Web的系统测试与传统的软件测试既有相同之处,也有不同的地方,对软件测试提出了新的挑战。基于Web的系统测试不但需要检查和验证是否按照设计的要求运行,而且还要评价系统在不同用户的浏览器端的显示是否合适。重要的是,还要从最终用户的角度进行安全性和可用性测试。

  本文从功能、性能、可用性、客户端兼容性、安全性等方面讨论了基于Web的系统测试方法。

  随着Internet和Intranet/Extranet的快速增长,Web已经对商业、工业、银行、财政、教育、政府和娱乐及我们的工作和生活产生了深远的影响。许多传统的信息和数据库系统正在被移植到互联网上,电子商务迅速增长,早已超过了国界。范围广泛的、复杂的分布式应用正在Web环境中出现。Web的流行和无所不在,是因为它能提供支持所有类型内容连接的信息发布,容易为最终用户存取。

  Yogesh Deshpande和Steve Hansen在1998年就提出了Web工程的概念。Web工程作为一门新兴的学科,提倡使用一个过程和系统的方法来开发高质量的基于Web的系统。它"使用合理的、科学的工程和管理原则,用严密的和系统的方法来开发、发布和维护基于Web的系统"。目前,对于web工程的研究主要是在国外开展的,国内还刚刚起步。

  在基于Web的系统开发中,如果缺乏严格的过程,我们在开发、发布、实施和维护Web的过程中,可能就会碰到一些严重的问题,失败的可能性很大。而且,随着基于Web的系统变得越来越复杂,一个项目的失败将可能导致很多问题。当这种情况发生时,我们对Web和Internet的信心可能会无法挽救地动摇,从而引起Web危机。并且,Web危机可能会比软件开发人员所面对的软件危机更加严重、更加广泛。

  在Web工程过程中,基于Web系统的测试、确认和验收是一项重要而富有挑战性的工作。基于Web的系统测试与传统的软件测试不同,它不但需要检查和验证是否按照设计的要求运行,而且还要测试系统在不同用户的浏览器端的显示是否合适。重要的是,还要从最终用户的角度进行安全性和可用性测试。然而,Internet和Web媒体的不可预见性使测试基于Web的系统变得困难。因此,我们必须为测试和评估复杂的基于Web的系统研究新的方法和技术。

  一般软件的发布周期以月或以年计算,而Web应用的发布周期以天计算甚至以小时计算。Web测试人员必须处理更短的发布周期,测试人员和测试管理人员面临着从测试传统的C/S结构和框架环境到测试快速改变的Web应用系统的转变。

  一、功能测试

  1、链接测试

  链接是Web应用系统的一个主要特征,它是在页面之间切换和指导用户去一些不知道地址的页面的主要手段。链接测试可分为三个方面。首先,测试所有链接是否按指示的那样确实链接到了该链接的页面;其次,测试所链接的页面是否存在;最后,保证Web应用系统上没有孤立的页面,所谓孤立页面是指没有链接指向该页面,只有知道正确的URL地址才能访问。

  链接测试可以自动进行,现在已经有许多工具可以采用。链接测试必须在集成测试阶段完成,也就是说,在整个Web应用系统的所有页面开发完成之后进行链接测试。

  2、表单测试

  当用户给Web应用系统管理员提交信息时,就需要使用表单操作,例如用户注册、登陆、信息提交等。在这种情况下,我们必须测试提交操作的完整性,以校验提交给服务器的信息的正确性。例如:用户填写的出生日期与职业是否恰当,填写的所属省份与所在城市是否匹配等。如果使用了默认值,还要检验默认值的正确性。如果表单只能接受指定的某些值,则也要进行测试。例如:只能接受某些字符,测试时可以跳过这些字符,看系统是否会报错。

  3、Cookies测试

  Cookies通常用来存储用户信息和用户在某应用系统的操作,当一个用户使用Cookies访问了某一个应用系统时,Web服务器将发送关于用户的信息,把该信息以Cookies的形式存储在客户端计算机上,这可用来创建动态和自定义页面或者存储登陆等信息。

  如果Web应用系统使用了Cookies,就必须检查Cookies是否能正常工作。测试的内容可包括Cookies是否起作用,是否按预定的时间进行保存,刷新对Cookies有什么影响等。


  4、设计语言测试

  Web设计语言版本的差异可以引起客户端或服务器端严重的问题,例如使用哪种版本的HTML等。当在分布式环境中开发时,开发人员都不在一起,这个问题就显得尤为重要。除了HTML的版本问题外,不同的脚本语言,例如Java、JavaScript、 ActiveX、VBScript或Perl等也要进行验证。

  5、数据库测试

  在Web应用技术中,数据库起着重要的作用,数据库为Web应用系统的管理、运行、查询和实现用户对数据存储的请求等提供空间。在Web应用中,最常用的数据库类型是关系型数据库,可以使用SQL对信息进行处理。

<

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
@media print{
INPUT {display:none}
}
</style>
</head>

<body>

<TABLE border="0" style="font-size:9pt;" width="300px" align="center">
<THEAD style="display:table-header-group;font-weight:bold">
<TR><TD colspan="2" align="center" style="font-weight:bold;border:3px double red">每页都有的表头</TD></TR>
</THEAD>
<TBODY style="text-align:center"">
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style="page-break-after:always;"><TD&g

  一、不要放太大的Flash动画、图片,能用GIF格式的就不用JPG的。大图最好切成几块再拼。

  二、尽量用静态HTML页面 ,少用点javascript特效,有时候搞的太多,反而搞的大家眼花,以前看到一个站,状态栏的文字替换狂快,就一直闪啊闪。没多少必要,别人是来看站上的文章的、mm图片的。。不是看特效,当然,适当的搞几个还是可以的,至少可以在超级菜鸟面前显示下自己的能力,让他们崇拜下。。
  
  三、不要将整个页面放到到一个table中 -----[感受最深,也是发这个帖子的动力]

    一般大家都是用表格来进行布局的,将整个页面的内容都塞进了一个Table(表格)里,然后再由单元格td来划分各个“块”的布局,这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的,如果某些内容无法访问,就会拖延整个页面的访问速度。在布局时把整个页面分成三部分,头部top、中部middle、版权(尾部)bottom、中部最好再多分几部分,因为,现在大家的首页一般都是分成好几个栏目的内容,其实都可以分开放,不要全都塞到一个Table里。多用几个table,尤其是广告联盟的代码什么的,尽量放到一个单独的table ;比较慢的广告代码,用个table直接放到最底下。反正访问的人最关心的、第一个要看的不是版权信息。

  四、将ASP、PHP等文件的访问改为.js引用

    如果你要在静态的HTML页面里嵌入动态的数据,而这些动态的数据是由ASP等程序来提供的话,每次有一个人访问你的网站,服务器就要执行并处理一次count.asp文件,从数据库抽取相应的数据,再输出给网页显示,如果有几万个人同时访问,就要执行几万次。建议在这些程序中将数据动态生成到一个count.js文件中去,然后在首页通过这样的代码来引用.js文件。这样,数据显示的任务就交给客户端的浏览器去做,不会耗费服务器的资源,显示速度自然就快一些。

  五、使用iframe--这个大家都知道,很多GG都是这样发的  呵呵

  使用iframe,这样就不会因为广告页面的延迟而拖了整个首页的显示。

  六、计数器代码放置

    直接把统计代码放到页面内容的前面,或者放在一个Table或者div标签里,那么在计数器不能访问的时候,你的页面上那个Table或者div就会产生几十秒钟的延迟,导致页面很长时间才能访问。正确的方法是:把统计代码放到页面的最下面,并且不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码,或者在最下方单独做一个Table或者div来放置计数器。

  七、友情链接

    很多人都喜欢直接引用友情网站上的图片URL,这样图片要先经过加载才能显示的,各个友情网站的访问速度不一样,整个表格都要等图片都下载完了才能显示出来,这样大大降低了网页的速度,有时候说不定是几个红叉叉(被D?空间挂了。呵呵)。其实,LOGO最好是先下载再传到自己的网页空间。

   最好是文字链接:感觉比较整洁,另外,尽量和同行网站交换连接,可以把其中的有些字连接起来,当作自己站的关键字。比如:你是一个学生站,对方站的名字叫 “**大学学生论坛”,可以写成这样:< A HREF=http:///htmldata/2005-08-25/"....">**大学< /A>< A HREF=http:///htmldata/2005-08-25/"....">学生< /A>< A HREF=http:///htmldata/2005-08-25/"....">论坛< /A>,这样不影响link,又突出了关键字。。


  最后再说几个seo的,昨天在网上看到的

  关键字主要有以下几个部位:
  标题标记:< TITLE>文本< /TITLE>

  META标记:< META NAME="Description" CONTENT="网页简述"> < META NAME="Keywords" CONTENT="关键字">

  大标题标记:< H1>文本< /H1>等

  链接标记:< A HREF="http://yourcompany.com/page.htm">文本< /A>

  网页正文:< BODY>文本< /BODY>

  ALT标记: < IMG src="http:///1.gif" BORDER=0 ALT="关键字">

<

  前面我根据论坛的贴子总结了一篇屏蔽3721的三种方法,刚在网上转悠,在岚山夜话也发现了一篇,就点击进去,发现前面都是转自我们这的,自己心里还挺高兴,看到后面发现他贴了第4种方法,利用禁止相应的ACTIVEX调用来实现对3721/CNNIC/BAIDU等的封锁,很不错。现把使用方法转过来,推荐大家使用。

  只要知道相应的CLSID,你可以在IE中屏蔽掉任何ActiveX调用,当然也就可以用来屏蔽3721,CNNIC等恼人插件的自动安装。而且不用更改hosts文件,也不用更改安全证书,不会弹出提示窗口,不影响正常上网,这个应该算是最理想的办法了!

相对应的CLSID分别是:
B83FC273-3522-4CC6-92EC-75CC8667A4 /3721
9A578C98-3C2F-4630-890B-FC04196EF420 /cnnic
00000566-0000-0010-8000-00AA006D2EA4 /Adodb.Stream 2.7
4B106874-DD36-11D0-8B44-00A024DD9EFF /Adodb.Stream 2.5
(其他的可以通过查看网页源文件的方法找到相应的CLSID)

您可以把下面方框内的内容复制下来,保存为REG文件,如ban3721.reg
然后双击该文件执行即可

代码拷贝框