WEB的周期制作流程

 更新时间:2016年9月20日 19:05  点击:1323

做好一个SITE首先必须充分了解SITE内容为基础,并建立在完整的工作计划基础上完成,所以如何做好的站点光凭表面的认识是不够的,必须通过更进一步对站点发展规划做更深层的调查以及客户的来源(包括客户的层次,做何总类型的站点),作为一个标准的设计师,有整体的设计思想以及创意构思的完整过程,通过长时间的看各个站点的设计风格来最后将所要做的内容和风格的设想。按照公司发展的方向和目标决定颜色和风格(尽量能突出公司形象)以概括的思路来整体完成对整个SITE的设计工作!
具体的制作步骤:

首先你必须翻阅大量的关于这个SITE的文档资料,可以将这些资料自己归纳总结,自己先定一小套方案(可以写在自己的每天的工作记录里)制订一套或者多套的设计思路,具体可以和程序员共同探讨得以完善整个构想,遇到部分有建设性的建议要迅速记录下,有必要一提的是关于抄袭风格的问题!以个人习惯不喜欢进行抄袭特别觉得没有自己思想和想法,但是纯粹的抄袭和结构的抄袭也存在许多大的站点。很多问题并不是说你偷懒而去抄袭因为每个人对于美的看法和想法都不同,你可以对一些无名之辈加以点触!但如果你对那些闻名的设计师的品评如果稍有些过分就要遭到指责,之所谓他是大师!

<

一、概述
Web网站往往具有复杂与高度动态的特点。为了让Web应用在短时间之内开始运作,开发周期应该尽量地短。许多时候,开发者直接进入编写代码这一阶段,却不去仔细考虑自己想要构造的是什么样的网站以及准备如何构造:服务器端代码往往是毫无准备的即兴式编写,数据库表也是随需随加,整个应用的体系有时候呈现一种无规划状态。然而,只要我们运用一些建模技术和软件工程技术,就能够让开发过程更加流畅,确保Web应用将来更容易维护。

UML(Unified Modeling Language,统一建模语言)是一种通用的可视化建模语言,用于对软件进行描述、可视化处理、构造和建立软件系统的文档。UML适用于各种软件开发方法、软件生命周期的各个阶段、各种应用领域以及各种开发工具。UML能够描述系统的静态结构和动态行为:静态结构定义了系统中重要对象的属性和操作以及这些对象之间的相互关系;动态行为定义了对象的时间特性和对象为完成目标任务而相互进行通信的机制。UML不是一种程序设计语言,但我们可以用代码生成器将UML模型转换为多种程序设计语言代码,或使用反向生成器工具将程序源代码转换为UML模型。

本文介绍用UML为Web网站建模的一些方法。全面采用UML技术是一个复杂的过程,但UML的某些部分很容易使用,而且它能够帮助你用更少的时间构造出更好的系统。

为了示范UML在网站建设中的应用,本文将构造一个支持无线用户、提供各个地区天气报表和交通流量报表的网站。本文不准备详细介绍UML本身。但为了方便起见,附录中简要介绍了常见的UML符号和术语。要了解更多有关UML的信息,请参见文章最后的参考资源。

二、规划阶段
不论你是从头开始构造网站、移植网站还是增加某个重要的功能,为了确保设计决策的最优化,进行一些先期规划是必要的。如果你和其他人协作完成一项工程,就工作总量及其分配达成明确的共识具有不可估量的作用。在规划期间,你应该努力对系统的以下方面形成正确的认识:

用户和角色。
应用需求。
各个界面之间的转换流程。
要用到的工具和技术。

2.1 用户
了解使用系统的用户是很重要的。不仅系统分析要求你接触一些用户(通过问卷调查、email,或者面对面交谈),而且你经常还要让系统能够控制不同的用户角色和权限。通过对用户进行分类并了解他们的需求,你就可以找出线索来确定数据库的安全机制、功能限制方法、用户界面分组、培训和帮助需求、对具体内容的需求,甚至还可以从侧面了解到潜在广告客户的分布。

图1:参与者/角色 层次图

上图显示了几组不同的网站用户(在UML中称为Actor,即参与者)。在这里,最普通的用户类型(“Site User”)位于图的顶端,实线箭头表示generalization关系(“泛化”关系,参见本文附录说明,下同),它表示Site User又可以具体分成两类用户:Guest,Registered User。这两类用户共有的特征在“Site User”参与者中说明,而Guest和Registered User各自私有的特征则在对应的参与者中说明。通常,你可以直接为参与者加上说明文档,无需单独编写说明用户的文档,但具体与你所用的UML工具有关。在本例中,Registered User又可以细分为Wireless User和Administrator两种类型,系统对这些用户的处理方式应有所不同。

2.2 定义需求
在正式开始编写代码之前,你应该对准备构造一个怎样的系统有一个清晰的认识。虽然在编写代码的同时也可以逐步完成这一工作,而且这种做法也很有吸引力,但借助图形和文字资料事先集体进行讨论效率要高得多。为网站编写详细的需求说明往往不那么合算,但你应该有时间画出几个草图、写下几段注解去说明网站准备提供的服务。这就要用到Use Case图(用例图)。Use Case可以看成一组功能——它可能对应网站上的一个页面、一个必须编写的程序,或者网站上可能发生的一个动作(比如,验证用户登录,改变用户的配置文件,清除过期的帐号,等等)。下面就是一个能够帮助你规划网站的Use Case图。注意,该图并没有显示出网站的所有Use Case,通常我们需要多个Use Case图才能描述完整的网站功能。

图2:Use Case图

即使是在这样一个简单的Use Case图中,我们也能够轻松地表达出大量的信息。例如,include关系说明两个Use Case包含同样的身份验证功能;extend关系说明天气页面可能以WML或者HTML格式显示;generalization关系说明各个具体的表现过程将遵从“Render HTML Page”或者“Render WML Page”所描述的基本行为规则以达到维持统一的风格效果和统一宏观行为模式的目的。

上图也显示出无线用户能够访问网站中其他用户不能访问的某些区域。在这个Use Case图中,只有无线用户能够访问交通流量报表。这是因为我们已经得知只有在旅途中的移动用户才需要交通流量报表,而且不想再花时间把交通流量报表制作成其他标记语言形式。

博客肯定不是日记。有一个女朋友,小学时父亲看了她的日记,她立即把板凳举起来,向她父亲砸过去。一个小学女生的日记又会有些什么名堂呢?后来她长大成人了,做了大学女生,开始写博客,内容丰富,文笔惊人。如果博客是日记,那么她父亲看了她的博客,她是不是应该把沙发举起来?事情恰恰相反,用板凳砸过父亲的女生很坦然,得意地说:“呀,原来你也看了呀! ”沙发和板凳仍然停留在原地,她的父亲很安全。事情就是这样,并非我们的修养提高了,对日记的看法改变了,而仅仅是因为博客和日记不一样。

  日记具有极其重大的私密性,是秘而不宣的心路历程,见得人和见不得人的东西都在里面,像潮州菜里的瓦罐汤,不打开你就说不出里面是什么。一旦曝光,后果严重,夫妻反目、父子不和在日记事变里绝对都是寻常事情。假如一个总统的日记曝了光,颠覆一个国家或引起战争的可能性也是绝对存在的。博客就不会。博客可以随便看,看得越多它越爽。

  科学地说,博客是以公开性、交互性和可追溯性为其最基本特征的,除可追溯性与日记相仿佛外,其余两条则完全不相干。如果所有博客都像鲁迅写日记,把每周洗脚的次数都写进去,那这世界很快就会混乱到不可收拾了。有专家认真地说,鲁迅的“洗脚”其实是,伟人对洗脚的预见性真正是令人惊叹的。虽然如此,所有日后出版、公开发行的名人日记,其最初的存在形式仍然是极度私密的,我们看到的肯定是删节版,原版里说不定还有洗头的事,而这些作为博客是不会知道的。

  博客精英认为,博客是“盛开在传媒污泥上的一朵莲花”,因为它没有像传统媒体那样受到资本的深深污染,博客“第一次使思想的无限制传播成为了可能”,这是一个令人欢欣鼓舞的说法。很多组织和个人也已经开始探讨如何利用博客的特点,挖掘它在传播、教育和思想共享等领域的积极功能,一些两眼放光起劲开发商机的商人也出现了。但我所观察到的博客,目前绝大多数不是这种情况,或者说,没有达到这种高度。博客此刻正生存于私密和公开相交叉的一个中间地带上,如同婉转承欢却又三点不露的模特儿。

  如果强行归类,我认为博客倾向于文学。

  博客真正的扬名和普及在中国起始于木子美,记住这个名字非常有好处,此人为蓬勃兴起的博客运动定了一个位。位置就定在高度张扬的表演性上,我们从中看到了大量的生活秀。也正是这一点,博客和文学接了轨,目前活跃的绝大多数博客都带有强烈的文学性。即便是最私人性质的,只要它是公开版,即可将它定性为一种文字表演。每一个写博客的人都知道自己的文字将被公之于世,并刻意制造其效果。这就是文学了。如果我们再把博客放到当代中国文学的框架中去看,它也完全符合文学新时期以来的发展线索,伤痕文学、朦胧诗潮、痞子文学、断裂文学、棉棉卫慧……直至博客,它构成了一条不断指向个人内心和个人生活的非常明确的文学道路,虽然博客写作在当下仍然显得十分初级、幼稚、泛滥和不靠谱。

  所以,博客依然是博客,和文学也还有距离。据说上世纪80年代,随便向天上扔一块砖头,落下来就能砸到一诗人。现在博客的情况很相似。据某处博客转载,美国《新闻周刊》对此曾做过估算:“世界自觉实践博客的数量,已经达到一百万之众”,“每40秒,都会有一个博客加盟进来”。我不清楚这个统计的计算时间,无论如何,如果按上述40秒递增的公式计算,到现在为止肯定已经远远超过百万了。面对这样一支不断繁殖的庞大队伍,我们难道不感到困惑吗?如果大家彼此都是作家或文豪,不要说阅读,城市里图书馆的数量就会成为大问题。

  幸好,我认为这种情况目前暂时还不会出现。博客还不是真正意义上的正式表演,它仅仅是一次集体性的文字狂欢,是文字版的卡拉OK。我们尽情歌唱,因为能让我们觉得好玩的东西已经不多了,在越来越单调乏味的日常生活中,我们苦,我们累,我们只好玩玩自己的东西,深入开发自我生活中的娱乐性。这种欢乐的成本十分低廉,它在本质上是自娱自乐的,上网现在比量贩式还便宜,甚至不用出门,不用群居,不用惹是生非,那么我们还有什么理由不OK?不去博它一下试试呢?

<

  寒风袭来,暖冬不再。又是一年即将逝去,又到了各种“盘点”粉墨登场的时刻,作为记录中国时代变迁的媒体,也在这一年中感受着属于自己的苦辣酸甜。而“中国媒体十大事件”,作为记录中国媒体自身成长履历的文本,在这个寒冷的冬天,再次站在“晓德”的视角,以我个人的观察来对这一年的媒体事件进行相对自我的评说,对与否,全面或偏颇,都不重要,重要的,是有这样一份纯粹个人的记录,让每一年媒体的不完全事件得到梳理吧。
  1、两会期间,三大门户网站“评论”集体失语。

  网站评论版的兴起,是随着都市类报纸时评版的创建而开设的,而新浪、搜狐、网易的评论因特有的网络特点,一推出就立即成为代表网络媒体鲜明立场的制高点。在言论和思想的开放时松时紧的今天,网络因评论而爆发的强大生命力曾经深刻地影响了2003年中国发生的若干事件。但从3月3日开始,三大门户网站的评论栏目网页忽然全部消失,事前没有任何征兆。

  与此同时,一直以揭黑打假关注弱势群体为主体内容的CCTV焦点访谈、社会记录、经济半小时、共同关注等节目,也纷纷弄些不疼不痒的题材充数,社会记录更是几乎天天把外国社会的记录拿来说事。一时间,中国新闻媒体全部创造着“良好的氛围”,原因不说也知道——3月3日到3月14日,中国两会例行召开。只是,既然两会就是为了反映民情民意,为什么媒体到那时却要却总是失语,实在匪夷所思。当然,原因也无需多言。

  2、南方都市报,黑云压城城愈坚。

  孙志刚事件和SARS重现的率先报道,注定了南方都市报的2004充满了悲壮的色彩。当《南方周末》的棱角渐渐失却,《南方都市报》就已经成了南方报业集团在人们心中的另一张名片,而这也使它成了时时遭遇猎枪的“出头鸟”。

  从3月份开始,不断有灰色的消息从南方传来,两位主要负责人相继失去自由,“涉嫌经济犯罪”的新闻被各大媒体广为报道。围绕此事的议论在民间沸沸扬扬,事情最后得到了比最坏的想象要稍微好一些的结果。当反恐成为全球各国仅次于经贸的第二大合作项目时,却依然避免不了恐怖无处不在的袭击。南方都市报无论对9·11还是“东突”事件应该都给予了相当多的关注,所以,当今年夏天以200大版的面貌出现时,就已经吹响了这张报纸继续高扬反恐旗帜的号角。

  3、《商务周刊》遭遇整顿风波。

  因为本年度第5期“争议戴相龙”的报道,《商务周刊》在2004遭遇劫难。由于对事情真相了解不多,所以将网友“九日生”的帖子放在这里,做以记录吧:

  九日生——发表日期: 2004-05-30 02:25:28

  看到这一期的《商务周刊》,和它不得不暂时分别两个月了。因为《争议戴相龙》一稿,《商务周刊》被国家新闻出版署警告因“对天津的经济建设和规划无端指责”而被封喉。

  27日,看到这一期《商务周刊》时,我正在广州出差,和以往不同的是,里面夹了一张“致读者”,声音是——我们要暂时分别了!坚强的让人窒息。

  没想到5月18日的担心成真了!可能当时高昱就已经有预感了,但他什么也没说。

  请不要熄灭了你的热情!前行路上,我们一如既往。

  4、CCTV、东方卫视等媒体无良知竞猜,挑战传媒道德底线。

  市场经济,媒体赚钱忙。看着大小电视媒体与中国电信运营商的各种短信合作,让人眼花缭乱之余,作为普通观众,不喜欢就只好敬而远之。只是,商人也要讲道德,如同时下流行的提法:财富的品格。没有格调的财富,钱赚得再多,也是遭公众鄙夷的对象。很不幸,2004年的两起短信事件,令两家大电视台颜面全无。在我国赴阿富汗工人遭遇武装分子袭击后,东方卫视居然让观众竞猜武装分子的身份;而当俄罗斯别斯兰发生歹徒劫持成百上千的小学生人质事件时,CCTV4非常“及时”地推出了死亡人数竞猜。两家在中国地位非同一般的电视台,却将两起恐怖袭击事件当成了赚钱发财的大好时机,媒体的道德底线再次遭到观众的质疑。CCTV4《今日关注》的两名制片人已经被免职,值班编辑被开除,东方卫视是如何处理的,还不得而知。

  5、河北青年报风波,王甘霖讨薪。

  《河北青年报》什么样?更多的人并没有看到过,但这不妨碍该报纸在网上和传媒业界广泛的“知名度”。记得当初改版招人时曾经轰轰烈烈大张旗鼓,而后应聘者纷纷逃离时也一样闹得沸沸扬扬。是炒作自己,还是做真正的新闻,河北青年报人显然没有准备好。而2004年一个不能不记录的人也曾在这家报纸工作过,他就是四川籍的著名记者王甘霖,相信很多人都记得王在河北青年报大楼前举着讨薪白布的那张照片吧。应该怎样看待王的行为?是维护记者自身权益的典范,还是为2004徒增一道特别的风景?

  6、“每周质量报告”停而复播。

  一个节目的停播,引来无数人的不满和质疑,CCTV“每周质量报告”因揭露造假生产线在2004引起更多人的关注,也成了该节目被“特殊关照”的不良预兆。5月中旬,每周质量报告终于不得不“暂停”,面对包括海外媒体在内各方的关注,央视没有任何公开表态,后来栏目恢复播出。

作者:Translated by pzf@SMTH
byron@gpbrand.com

自称为“革命性设计技术”之主的2Advanced向Ultrashock的Craig Grannell阐述了动画理念和Flash设计技术。
在上个世界90年代末,人们对糟糕、丑陋的web商业作品变得越来越厌倦,糟糕的作品处处皆是。那么你该怎么办?当然,成立自己的设计机构。无论如何,不象那些转瞬即逝的小公司消失的甚至连一些痕迹都找不到,2Advanced经历了从小到大的发展过程,现在已经成为了公认的Flash设计技术的一支领先力量。
尽管如今拥有了一批高端的客户,包括Bacardi,福特汽车,AOL,NHL的匹兹堡企鹅队以及华纳兄弟等等,作为现今的主席和首席执行官的Eric Jordan的个人作品展示平台,2Advanced的开端是相当的不起眼。而在2000年之后发生了一些历史性的事件,促成了公司的成长和正规化。
“我们现在拥有着一批独具才能、但却非常均衡的人员组合”,首席运营官Tony Novak说道,“我们团队有着非常宽广的知识面,使得我们在各种各样的情况面前可以应付自如。由此导致了在Flash、交互性、视频、动画、3D以及传统应用方案的2Advanced风暴。事实上,团结协作在这个团队中变得越来越流行。
或许令人惊奇的是,传统的应用解决方案经常会转换为高级的Flash工程,象Eric Jordan介绍的那样:“一个公司往往通过一台个人计算机的操作界面来进行物理上的机械控制,而我们则通过Flash技术来创造这些界面,发送、收取并对这些界面进行监视。”Flash使得团队可以传造出一个能让用户直观使用的界面,以次来对他们所居住的建筑或使用的机
器进行操作和控制。
2Advanced大力拥护Macromedia的得意应用程序的真正精粹在于:“它对感觉、融合的动作、艺术、声音和交互性有着吸引力,制造一种体验大大多于完成一个工程。”Eric解释到,“你可以抓住一个人的想象力,以他们在网上从未敢想象过的方式,一种你不能用静态设计来达到的方式。它同时也是自我包含的,HTML会产生不可避免的终端和暂停,Flash则要优雅许多。”2Advanced的艺术总监Shane Mielke(Pixelranger的owner)补充说:“利用Flash,你可以把电视里的运动法则照搬到web上去,Flash会在同一个市场层上胜出,利用它显而易见的交互性。”他认为Flash为web的远景充满了燃料,它将是一个媒体的敛合体。
交互性是2Advanced作品的一个重要因素。因为Flash,HTML重重束缚的拘谨被去除,公司也发现它可以制造经久不衰的组件来加强用户的体验。Eric告诉我们:“因为声音和动作可以组合为一体,因此我们可以创造交互性的环境,仿效一切我们所能想象到的。”Tony插话:“这同样使我们在作品中添加情感,这使得人们可以从千千万万个URL中区别出我们的作品。”
盘子里的Flash?

SyntaxHighlighter.highlight();
[!--infotagslink--]

相关文章

  • Springboot如何实现Web系统License授权认证

    这篇文章主要介绍了Springboot如何实现Web系统License授权认证,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-05-28
  • C#使用Http Post方式传递Json数据字符串调用Web Service

    这篇文章主要为大家详细介绍了C#使用Http Post方式传递Json数据字符串调用Web Service,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
  • InterlliJ IDEA2020新建java web项目找不到Static Web的解决

    这篇文章主要介绍了InterlliJ IDEA2020新建java web项目找不到Static Web的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-09-02
  • 详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)

    这篇文章主要介绍了在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入),本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-07-11
  • jQuery mobile 移动web(6)

    这篇文章主要介绍了jQuery mobile 移动web(6)的相关资料,需要的朋友可以参考下...2015-12-21
  • 解析C#自定义控件的制作与使用实例的详解

    本篇文章是对C#中自定义控件的制作与使用实例进行了详细的分析介绍,需要的朋友参考下...2020-06-25
  • ps怎么制作人物影子效果

    ps软件是现在很多人比较喜欢的,通过ps软件可以制作很不错的图片效果。这次文章就给大家介绍下使用ps怎么制作任务影子,具体制作方法下面一起来看看。 ps人物影子效...2017-07-06
  • 用ps制作二寸证件照

    有没有觉得外面拍的证件照都很丑。那么本文就教大家制作二寸证件照的方法,学会了就能做自己美美的证件照了哈哈! 步骤 双击打开php,首先教大家制作两寸照片的大小。...2016-12-21
  • Tomcat首次部署web项目流程图解

    这篇文章主要介绍了Tomcat首次部署web项目流程图解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-12-11
  • Microsoft Expression Web 简体中文正式版 官方下载地址

    Microsoft Expression Web 简体中文正式版相对于早期的 Microsoft Expression Web Designer CTP1(英文)除了它是正式的中文版外,有进步的地方1.对标签的id名称加上了css的代...2020-06-25
  • jQuery UI结合Ajax创建可定制的Web界面

    这篇文章主要为大家详细介绍了jQuery UI结合Ajax创建可定制的Web界面,如何利用Ajax和jQuery UI创建具有各种定制功能的高度可定制的UI,感兴趣的小伙伴们可以参考一下...2016-06-24
  • web项目开发之JS函数防抖与节流示例代码

    这篇文章主要介绍了web项目开发之JS函数防抖与节流实现的示例代码及原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助...2021-09-24
  • 创建一个完整的ASP.NET Web API项目

    ASP.NET Web API具有与ASP.NET MVC类似的编程方式,ASP.NET Web API不仅仅具有一个完全独立的消息处理管道,而且这个管道比为ASP.NET MVC设计的管道更为复杂,功能也更为强大。下面创建一个简单的Web API项目,需要的朋友可以参考下...2021-09-22
  • Web制作验证码功能实例代码

    web开发中,经常会使用验证码功能,例如登录、注册,或其他关键功能之前经常会使用。下面通过实例代码给大家介绍Web制作验证码功能实例代码,感兴趣的朋友一起看看吧...2017-06-24
  • gateway与spring-boot-starter-web冲突问题的解决

    这篇文章主要介绍了gateway与spring-boot-starter-web冲突问题的解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教...2021-07-17
  • 教大家制作简单的php日历

    最近的一个项目中,需要将数据用日历方式显示,网上有很多的JS插件,后面为了自己能有更大的控制权,决定自己制作一个日历显示。如下图所示:一、计算数据 1、new一个Calendar类2、初始化两个下拉框中的数据,年份与月份3、初始...2015-11-24
  • c# JSON返回格式的WEB SERVICE

    首先用c#创建一个web service,主要是利用其WSDL的功能,当然也可以利用php创建一个,道理都是一样的...2020-06-25
  • ps怎么制作宣传单

    ps软件使用对很多人来说是非常重要的,很多人还不知道使用ps怎么制作宣传单,下面文章就给大家介绍下ps怎么制作宣传单,喜欢次效果的一起来看看。。 首先,我们新建一个2...2017-07-06
  • web面试MVC与MVVM区别及Vue为什么不完全遵守MVVM解答

    这篇文章主要介绍了web面试中常问问题,MVC与MVVM区别以及Vue为什么不完全遵守MVVM的难点解答,有需要的朋友可以借鉴参考下,希望能够有所帮助...2021-09-24
  • 怎样用PS制作GIF雪糕

    本文为大家带来gif雪糕的制作方法,难度不大,可效果很漂亮哦,关注一聚教程网学起来! 步骤: 1、使用AI新建一个1200*800的画布 2、使用矩形工具创建一个宽为250px,高度不...2016-12-21