1、网页制作前期应该学习哪些东西?拜托了各位 谢谢
网页,是网站中的一「页」,通常是HTML格式(文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。 网页是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。 所谓网站(Website),就是指在网际网路(因特网)上,根据一定的规则,使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布自己想要公开的资讯(信息),或者利用网站来提供相关的网路服务(网络服务)。人们可以通过网页浏览器来访问网站,获取自己需要的资讯(信息)或者享受网路服务 什么是网页? 现在在你眼前,出现在显示器上的这个 “ 东西 ” ,就是一个网页。网页实际是一个文件,他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址( URL )来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。 构成网页的元素: 文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为:文字,就是网页的内容,图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。 在网页上点击鼠标右键,选择菜单中的 “ 查看源文件 ” ,就可以通过记事本看到网页的实际内容。可以看到,网页实际上只是一个纯文本文件,它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片? 网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。 网页的类型. 通常我们看到的网页,都是以 htm 或 html 后缀结尾的文件,俗称 HTML文件。不同的后缀,分别代表不同类型的网页文件,例如以 CGI 、 ASP 、 PHP 、 JSP 甚至其他更多。 网页的分类 网页有多种分类,我们笼统意义上的分类是动态和静态的页面,原则上讲静态页面多通过网站设计软件来进行重新设计和更改,相对的比较滞后,当然现在有网站管理系统,也可以生成静态页面~我们称这种静态页面为伪静态。动态页面通过网页脚本与语言自动处理自动更新的页面,比方说贴吧,他就是通过网站服务器运行程序,自动处理信息,按照流程更新网页。 关于网页: 当你每次上网时,都会在历史纪录里留下纪录,保存在C盘主要文件的一个文档里,删除时只要右键删除就可以了。 【网页制作流程】 首先说一下制作网页的流程吧!首先说一下制作网页的流程吧! 不要说废呀!不要说废呀! 这是很重要的~:p这是很重要的~:p 主题构思:第一步当然要先构思网站的内容、主题及操作介面。 主题构思:第一步当然要先构思网站的内容、主题及操作介面。 编写工具:准备写网页的工具、图片制作工具、上传工具。 编写工具:准备写网页的工具、图片制作工具、上传工具。 编写网页:开始动工,编写网页,最累、最有成就感的时候。 编写网页:开始动工,编写网页,最累、最有成就感的时候。 找个空间:写好网页就要放上网路,得找个免费空间来放,当然你可以用付费的空间。 找个空间:写好网页就要放上网路,得找个免费空间来放,当然你可以用付费的空间。 上传网页:有了网页空间,就将写好的网页上传到网路上。 上传网页:有了网页空间,就将写好的网页上传到网路上。 维护网页:不断地维护更新网页内容,保持网页的新鲜度。 维护网页:不断地维护更新网页内容,保持网页的新鲜度。 [font color=#000066 size=5]<FONT color=#000000 size=3>【网页制作工具】[/font]</FONT>
2、网站设计与制作的前期工作包括什么?
1,确定网站主题
包括标题,描述,网站使用方向,目标人群,网站相关关键词分析。
2,根据主题从用户方便的角度进行首页规划,模块排布。互动板块,展示板块,营销板块,多媒体板块,首页尽量简单而信息丰富,能最大化的展示网站的主题。
3,根据首页进行流程化设计,确定内页的内容
这个就不用说了吧,让首页不够详细的信息在内页面展示的更全面。
4,规划好首页,内页之间的联系;规划好内页跟内页之间的联系。
这个主要是为了让网站用户使用起来更方便,减少网页的跳出率。
5,总体按照网站目标用户的思维去走一下,砍掉没必要的模块,增加有利于客户体验的模块,比如下滑提醒,返回顶部,一些特效展现等等。
3、网站设计前期应该准备哪些资料
就一般的企业网站建设而言,首先要明确网站的设计风格,也就是网站想做成什么样子(如果有参考网站则更好),其次是要有LOGO、网站的栏目安排、公司的业务介绍资料、产品或服务的介绍图片及文字说明(电子文档),联系资料等。 如果是非企业网站的话,就首先得确定您希望利用网站做什么?您希望浏览者在您的网站上看到什么东西,得到什么服务,或者说您能给消费者带来了什么?然后构思好网站的栏目,对应整理网站的资料:这样不仅方便制作工作,提高制作效率,也可以避免网站内容散乱,丧失针对性。按栏目整理资料可使您准备及时发现网站内容的缺失及保持网站结构的平衡。 资料要清晰完整,我们会建议您一个文件归档的方式,请您按栏目名称相应建立文件夹,每一个文件夹内放相应的文字及图片资料。 如:公司概况栏目,就对应一个文件夹,这个文件夹里把公司简介、联系方式、文化理念、企业荣誉、资质等文字和图片归档放在一次。
4、网页设计流程是什么?
设计流程:
主题明确:
在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。
Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。
为了做到主题鲜明突出,要点明确,应该使配色和图片围绕预定的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。
充分利用已有信息,如客户手册.公共关系文档.技术手册和数据库等。
设计思路:
1、简洁实用:这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。
2、使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美
3、整体性好:一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的。
4、网站形象突出:一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,使网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
5、交互式强:发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。这样的网页才算真正的美的设计。
版式设计:
网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处。
版式设计通过文字图形的空间组合,表达出和谐与美。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,反复推敲整体布局的合理性,使浏览者有一个流畅的视觉体验。
色彩作用:
色彩是艺术表现的要素之一。在网页设计中,设计师根据和谐、均衡和重点突出的原则,将不同的色彩进行组合.搭配来构成美丽的页面。 根据色彩对人们心理的影响,合理地加以运用。如果企业有CIS(企业形象识别系统),应按照其中的VI进行色彩运用。
形式内容:
为了将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。
灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。
三维空间的构成:
网络上的三维空间是一个假想空间,这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。 在页面中,图片、文字位置前后叠压,或页面位置变化所产生的视觉效果都各不相同。
通过图片、文字前后叠压所构成的空间层次不太适合网页设计,根据现有浏览器的特点,网页设计适合比较规范、简明的页面,尽管这种叠压排列能产生强节奏的空间层次,视觉效果强烈。
网页上常见的是页面上、下、左、右、中位置所产生的空间关系,以及疏密的位置关系所产生的空间层次,这两种位置关系使产生的空间层次富有弹性,同时也让人产生轻松或紧迫的心理感受。
虚拟现实:
人们已不满足于HTML(标准通用标记语言下的一个应用)编制的二维Web页面,三维世界的诱惑开始吸引更多的人,虚拟现实要在Web网上展示其迷人的风采,于是VRML语言出现了。
VRML是一种面向对象的语言,它类似Web超级链接所使用的HTML语言,也是一种基于文本的语言,并可以运行在多种平台之上,只不过能够更多地为虚拟现实环境服务。
多媒体:
网络资源的优势之一是多媒体功能。要吸引浏览者注意力,网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制,在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。
便于使用:
如果人们看不懂或很难看懂您的网站,那么,他如何了解你的企业信息和服务项目呢?使用一些醒目的标题或文字来突出您的产品与服务。
并且即使您拥有最棒的产品,如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话,他们是不会喜欢您的网站的,这对于网页设计而言是失败的。
导向清晰:
网页设计中导航使用超文本链接或图片链接,使人们能够在您的网站上自由前进或后退,而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释,以便那些不愿意自动加载图片的观众能够了解图片的含义。
快速下载时间:
很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站,在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此,建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通浏览者页面等待时间不超过10秒。
非图形内容:
在必要时适当使用动态“Gif”图片,为减少动画容量,应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是,由于在互联网浏览的大多是一些寻找信息的人们,仍然建议您要确定您的网站将为他们提供的是有价值的内容,而不是过度的装饰。
反馈与沟通:
让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望,您是否能够让他们尽快实现吗?是在线还是离线?
因此,如果是产品或服务介绍网站,应该有留言、电话、在线咨询等功能或信息呈现。
在企业的Web站点上,要认真回复用户的电子邮件和传统的联系方式如信件.电话垂询和传真,做到有问必答。最好将用户的用意进行分类,如售前一般了解.售后服务等,由相关部门处理,使网站访问者感受到企业的真实存在并由此产生信任感。
测试改进:
测试实际上是模拟用户询问网站的过程,用以发现问题并改进网页设计。应该与用户共同安排网站测试。
内容更新:
企业Web站点建立后,要不断更新网页内容。站点信息的不断更新,让浏览者了解企业的发展动态和网上职务等,同时也会帮助企业建立良好的形象。
注意不要许诺你实现不了的东西,在你真正有能力处理回复之前,不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息,应公布并认真履行个人隐私保承诺。
(4)网页设计初期扩展资料:网页设计(web design,又称为Web UI design,WUI design,WUI),是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。
作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。
网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。
网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。
网页设计主要以Adobe产品为主,常见的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代码工具,其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。
标题设计:
在设计网页标题时,应注意同时兼顾对用户的注意力,以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现,这三个方面也可以被认为是网页标题设计的一般规律:
1、网页标题不宜过短或者过长
一般来说6-10个汉字比较理想,最好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词,字数过多不仅搜索引擎无法正确识别标题中的核心关键词,而且也让用户难以对网页标题(尤其是首页标题,代表了网站名称)形成深刻印象,也不便于其他网站链接。
2、网页标题应概括网页的核心内容
当用户通过搜索引擎检索时,在检索结果页面中的内容一般是网页标题(加链接)和网页摘要信息,要引起用户的关注,网页标题发挥了很大的作用。
如果网页标题和页面摘要信息有较大的相关性,摘要信息对网页标题将发挥进一步的补充作用,从而引起用户对该网页信息点击行为的发生(也就意味着搜索引擎推广发挥了作用)。
另外,当网页标题被其他网站或者本网站其他栏目/网页链接时,一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。
3、网页标题中应含有丰富的关键词
考虑到搜索引擎营销的特点,搜索引擎对网页标题中所包含的关键词具有较高的权重,尽量让网页标题中含有用户检索所使用的关键词。
以网站首页设计为例,一般来说首页标题就是网站的名称或者公司名称,但是考虑到有些名称中可能无法包含公司/网站的核心业务,也就是说没有核心关键词,这时通常采用“核心关键词+公司名/品排名”的方式来作为网站首页标题。
开头所列举的某网络营销服务商网站首页标题实例,其实也是采用这种方式来设计网页标题,只不过由于罗列了太多的“核心关键词”,反而没有了核心。
做美工看起来并不是一件容易的事情。首先,要对整个站点和企业有个大致的了解。例如:某些企业喜欢蓝色的主调,你不可能去做个红色的主调,这样完全违背客户的主要意愿,如果百度的标志改成五颜六色的,相信大家也不会认可的。
站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和基本知识。
参考资料:网络-网页设计 (网站技术)
5、网页设计的诞生与演变
网页的诞生,对于老网民来说,好像很久很久以前的故事了,其实,到目前为止也就是十几年的时间。它期间,网络技术的发展变化使人目不暇接,可以说它的演变周期是以“天”来计算的。
第1章 可能性的探索
网络技术的日新月异的变化给网页设计带来了新的表现天地。在网络世界里,技术始终起着先导作用,设计见分晓随着技术的发展而发展、变化。
浏览器这个新技术的出现使得信息传达与思想交流得以在网页中实现。可以说网页设计这个概念也是在这个时期开始了萌芽。在浏览器的发展初期,网页页面上还无法显示图像、声音、影像等要素,必须启动其它辅助软件才能实现,但是,很快这些技术问题便得到了解决。现在好像已经是理所当然的事情,可在当时这是一个多么在的惊喜啊。网页设计师们像得到了法宝,大家赶快在网页中加进了这些新的要素。从那时起,诸如shockwave、Future Splash(现叫Flash)以及各种Movie、Java等新技术发表后,这样的行为就反复地出现。但不管怎么说,随着各种技术的不断发展,瘰曾经出现在出版印刷、广播电视以及光盘等媒体上的表现形式,逐渐地在网页设计上也同样成为了可能。
这种“既然可能,那就试试”的想法的第一个“受害者”就是网页的下载速度。虽然这种丰富的实验性网页看上去与其它的网页有所不同,但是,那种图像的乱贴,各种技术的滥用所导致的结果使得网页的下载时间成倍的增长。更严重是任何信息也无法传递出去。当然,无论是网页设计师还是用户,都希望网页更有抵魅力、更有感染力。但是,如果它失去了必要的平衡关系的话,其结果是事与愿违。这种设计构想与技术(下载速度等等)的冲突矛盾,至今还持续着。也许,这种冲突将永远无法得到解决。因为,无论传送速度如何地改善,网络用户都将不断地增加,而且,随着传送速度的提高,网页设计师们又会想出很多新的表现手法,他们的探索与尝试是不会停止的。
第2章 形式与结构
从“网页”这个称呼来看,我们就应该明白,当初创造它的科学家们仅仅是把它作为一种可以共享的“文书”来使用的载体则设想为“低”。
随着网络商业行为被人们所接受,越来越多的人参与进来。人们使用因特网与利用因特网的目地与其诞生初期产生了很多不同,变得多元化了。随之而来的便是各种各样的探索与尝试因特网广告、电子商务、电子出版、网上商店等等。到这时;正式概念上的“网页设计”雏形终于诞生了。当然,在此之后,在此之前,服务器上的以及电脑与电脑在文件流通上的“设计”是一直存在的,这种设计是如何地重要是毋庸置疑的。但是,作为可视的,人与人在交流层次上的网页设计,才是人们最需要的,才是人们直接地实现自己理想的手段。
在网页设计的发展初期,设计家们就发现,无法保证自己所设计制作的内容完全不变地再现于网页之中。浏览器在解释文本语言的构造后,并通过页面来显示时,会出现一些偏差与变异,显然它没有充分考虑到更容易让它人控制的解读方式。作为人与人之间的有效的交流手段来说,它还存在太多的缺陷。对于这些问题进行了一系列的探索,想了很多不得已的办法。比如用本来是做表格的标记格式来控制页面的构图,用透明GIF图像来调整间距,用图像方法来进行文字设计等等。虽然,这些技巧无法解决所有问题,而且,这种做法对于重视结构的HTML来说会带来许多不利的问题,但是,这种做法所带来的好处在重视这些好处的人们之间,很快传播开来。现在,CSS方案被提出与普及,人们才真正朝着解决“形式与结构”这个问题上前进了一步。
第3章 设计方针的变迁
仅仅十几年的时间,网页设计的流行倾向就经历了几次巨大的转变。其中之一就是对机能性重视的演变。在一两年前,因特网上许多著名的网站都陆续地改变了自己的网页设计风格,网站的制作重点都更加倾向于对可操作性,功能性的重视。原因之一便是随着用户和访问频率的急剧增加,导致网站必须把多余的纯装饰性的东西省略,以提高网站的可读性,另一个原因是,各个网站已经积攒了一定的经验,渐渐明白什么是应该提供的信息,哪些服务是重要的哪些是不重要的。现在较多的媒体型网站以及软硬件公司的网站上,还有网上商店等到电子商务型网站上,均可以看到这样的变化。人们最关心的门户网站也是如此。
去掉多余的图像来提高速度,这是对机能性的重视,但是,如何使用户更快更容易地找到需要的信息,如何让用户更快地了解网页上的信息质量,如何引起用户的兴趣等等,还有如:什么样的信息放在什么样的栏目里,应该起什么样的名称,这些信息应该是以什么样的形式来设计,比如说文章应该分多少页来显示,每页的量又应该是多少,标题应该如何设计,图像该有该无等等,都对信息的传递效果起到很大的影响。另外,电脑屏幕是平面的,我们无法直观地了解网站信息的立体结构;比如说,从一本书的外观厚薄上,我们可以直接地感到其信息量的多少,无论阅读到哪里,我们也可以轻而易举地知道已经看了多少,还有多少没看,但在网页里,我们却很容易迷失方向。如何使用户能更快地把握网站的立体结构,如何使用户穿梭自由,这些都是每一个网页设计师应该注重的问题,这也是重视机能的根本所在。对待不同的内容,不同的目的必须采取不同的设计手法。如果在这一点上概念模糊,定位不准的话,肯定给读者带来的是不快与烦恼,也是浪费读者的时间与精力。
第4章 关于速度
速度是网页设计类学的基本要素。“没有迅捷的传送速度,就没有好的设计”很多从事此项设计的人都相信这句神话。
针对传送速度的限制,出现了许多新的设计方案。比如,在HTML之上,设很多层页,利用这些层页可进行植字,重叠排版的技术(CSS),它使设计者们实现了用有限的资料来提供更多内容的想法。在CSS出现之前,要设计一个理想的标题只能用平面图像,因此在一定程度上对传送速度产生了影响。使用CSS的话,字体,正确的文字尺寸,文章中的行距以及在画面中的位置等都可以得到自由的调整,另外,使用像Macromedia的Flash一样的Vektor Graphc Fomart图像处理格式,更可以在不降低画面效果的情况下,不精确地完成文字字体的选择与字体的设计,然而,不依赖以上技术也同样可以提高下载速度。掌握几个简单的方法就能使用迅速地等到需要的内容。例如,利用HTTP的特征,灵活使用压缩手法也可以提高浏览速度,把几个图像统一为一个,就比把它们分割成众多的小图像好得多,因为,浏览器在读取图像的时候,是一幅一幅读取的,每幅图像的读都必须进行数次接续交换,这种交换次数越多下载速度就越慢。如果把小的图像统一起来,变成一个指南图来利用,即使单个文件变得大一些,因数据交换次数少了,下载速度也会有所提高。
如何使自己的网页变得更加轻巧。如何进一步提高网页的下载速度,主要有两点必须考虑:
4.1、简洁的HTML构成
4.2、减少每一幅图像的容量(bytes)
所谓“简洁的HTML构成”不是以前那种没有任何设计的简单网页。而是在网页设计的排版构图上,使我们能够设计出理想的构图。但是,表格技术又有其弊病,如果把表格设计得过分复杂的话(比如过分使用表格之中套表格等手法的话),浏览器在解释与显示它时就会花过多的时间。所以简洁的表格设计构成是提高下载速度的一个关键。随着网页商业化的普及,在网页上,商品图像的登载已成为必然的事情。如果登载的照片没有经过精心的加工,下载它所需要的时间是难以想象的,用户会因此对你的网页产生反感。为了避免这样的结果。应在允许的范围内,把图像压缩到最小程度,因为计算机上的图像是由一个点的像素组成的,所以这些像素点的多少便是使图像的容量产生变化的主要原因。在用Photoshop加工图像时,JPEG的压缩率由1%到100%大致可分为10个档次,当然1%的压缩率最高,图像的信息量(像素)被压缩到最少,但对图像质量的伤害太大,一般不适合采用。相反,100%的压缩率最小,图像质量很好,但是,文件太大,也不适合采用。一般是在30%到50%之间进行压缩。GIF在减色时也分很多档次,可在1色到256色间变化。
第5章 简洁明了
“简洁”也是网页设计的基本要素。在设计网页时,我们必须充分考虑到用户在阅读网页时的心理状态,要让读者在最短的时间里,迅速地理解网页里所提供的信息内容。在用户进入网页的数秒以内,给他一个好印象,引起他的兴趣,才是最重要的。这就要求设计简洁,主次分明,并通过明了易懂的网页指南向用户介绍网站内容。最终把用户吸引到网站里。
5.1、滚动条的限制
在设计网页时,对于重要的信息最好是在不滚屏的状态下完全地显示出来,这是一下最理想的状态。但是,由于种种原因,这种状态无法在所有情况下保持,即使如此,我们也应该尽量使它只出现一个滚动条,要么是上下滚动,要么是左右滚动。过多的滚屏会防碍用户对整个网页的理解。
5.2、统一网页形象
这个概念来自于企业形象设计系统(CIS)的设计原理。这个原理在网页设计中也同样适用。这个系统会加强网页的整体形象,以及页面与页面之间的统一性和整体感。使用户对网页能产生更深刻的印象。
5.3、网页指南系统
因为网页的阅览方式是不定的,跳动性的,也可以说是含糊不清的,如果没有明确的指南引导,我们的用户将不知何去何从。这样便容易导致他们离开这里。那么,该如何做呢?我们知道读者阅览网页的方式是自由的,跳动性的,所以我们就要做到无论读者在网站里的什么位置上,都可以自由地跑到其它想去的页面上。这就要求我们在所有的页面上都设有复数的连接点。而且最好是一次点击就可以进去。其实,网页设计与建筑设计在很多原理上是很相似的,首先骠设计一个精彩的店面,因为给顾客留下的第一印象是很重要的,然后要有很多道路以及电梯等设备,尽快使顾客到达自己要去的地方,并明白所处的方位。如何去其它的楼层,在那里有些什么等等。让你的顾客迷路是一种最危险的行为,因为在网上的顾客会马上跑到其它的网站里。
制作网页指南的要点在于简明易懂以及使用上的简单便利。无论你自己认为是多么优秀的设计,用户不明其意,或者不知如何使用的话,一切都等于零。而且, 如果用户为了看到想要的信息要经过数次点击,也是不可取的。以最少的点击获得最多的结果是网页设计的一个原则。据调查,如果主页的访问率为100人次,经过第一次点击到达下一页的访问率将下降到30到50人次,再下一页的话,访问率会减少到10到20 人次。这个调查说明,网页的层次越复杂,内容的实际访问率也将越低,情报也就越难传达到读者那里,所以,尽量把网页的层次简单化,力求以最少的点击次数连接到具体的内容。最理想的是只通过两三次点击就可以到达目的地。
第6章 图像制作
图像的下载速度决定着网页显示的快慢。HTML文件对下载速度没有太大的影响,对速度影响最大的还是图像,所以,如何把图像做得精致恰当,选用什么样的压缩方式也是提高下载速度的关键。
6.1、JPEG和GIF
现在网页上经常使用的图像压缩方式还是以JPEG与GIF为主。这两种压缩方式选择哪一种更好呢?这是由设计时的具体情况决定的。
GIF的压缩方式与人们的读书方法是一样的,从左向右,由上到下。图像在用GIF格式保存时,加工软件是由左上端的像素开始,然后向右扫描,然后再由下一端的左边开始,就这样反复地扫描压缩。如果是由一些不同的色素点组成的复杂纹样的话,它就无法进行有效的压缩,在平涂颜色面积较大的情况下,渐变色彩较少的图像,使用GIF形式压缩比较合适。虽然它不适合照片的压缩,但是,如果照片等图像的尺寸小于100*100px的话,用GIF形式压缩也是比较合适的。
JPEG是一个摄影团体发明的压缩方式,它最适合照片之类图像的压缩,图像的压缩率可以自由调整。适于大幅图像的制作,随着压缩率的提高,下载速度也就会相应提高。色彩复杂的图像选择JPEG形式的理由是,这种形式可以保存几百万种像素。而GIF形式的像素保存却被限制在256种之内。JPEG形式的缺点是随着压缩率的提高,图像的质量便会越来越差。另外,如果要修改这些图像的话,应该打开24比特(bit)的原始图像进行修改与变更尺寸。因为通过这两种形式保存的图像,在质量上都有所降低,若把它们打开再一次修改再一次变更尺寸保存的话,它们的质量就会有明显的下降。
6.2、图像的容量(bytes)
在用 Photoshop进行了图像制作时,无法正确了解图像的容量(bytes)图像左下端的数值也并非图像的真正容量。要起了解图像的真正容量,最简便的办法就是选择菜单的“Getinfo“命令。在这里我们可以了解它在硬盘上占有的空间,以及文件本身的真正的容量。
6.3、图像的格式
在网页中可以插入的图像有两种:普通图像和动画。普通图像的格式如表6-1所示。
格式 含义
GIF Graphics Interchange Formats的缩写,CompuServer公司1987年推出GIF标准,并于1989年和1990年更新,目前标准是89a,256色,可以在所有的浏览器中观看
JPEG Joint Photographics Experts Group开发的图片格式,以开发小组的缩写表示,JPEG保留RGB图片中的所有颜色信息,通过选择性地去掉数据来压缩文件,JPEG图片在打开时自动解压缩
BMP DOS和Windows兼容计算机系统的标准Windows图片格式,Windows与OS/2的位图格式不同
TIFF 标签图片文件格式,用于在应用程序之间和计算机平台之间交换文件,是一种灵活的位图图片格式,为所有绘画、图片编辑和页面排版应用程序支持。而且几乎所有桌面扫描仪都可以生成TIFF图片
PCX Z-Soft Painbrush格式,用于IBM PC兼容计算机上。大多数PC软件支持PCX 5
PNG Portable Network Graphics(可移植网络图形)缩写,是作为GIF的免专利替代品而开发的,支持颜色索引、灰度和真彩色图像,需要特殊的插件支持才能显示,用于在World Wide Web上无损压缩和显示图像
EPS 封装的PostScript文件,用于在应用程序间传输PostScript语言图稿
而动画格式有许多种,Dreamweaver支持的动画常用的有数种:
1、GIF动画――GIF动画实际上是将几幅GIF图像循环播放而形成的动画图像。GIF动画的制作工具很多,其中Microsoft公司的Gif Animator是最常用也是最好用的工具。
2、SWF动画――Flash动画,目前最为流行的网页动画,可以是高质量的矢量动画。
3、视频――有AVI视频、QuickTime视频、RM视频和MPEG等数种。
在网页中,我们可以在背景图片的上面加上一个透明Flash动画,使原本不会动的图片变的更加生动,从而使网页多姿多彩。[5] 图片格式(P38)
结论:
在网页设计时一定要选择质量好,容量小的图像为网页快速的下载速度和留住访问者打下基础,同时,统一的网页结构和布局也是提高网页的显示速度和网站的可读性必要因素.
6、网页设计前期除了Photoshop,还需要什么软件?
平面部分主要是作图和排版?
作图的话有ps,coreldraw,illustrator。
其实作图是其次,主要是版设计定位,要做一个什么权样的网站,其主体是什么,主题又是什么,还有就是设计排版。因为你们是团队,前期制作还要为后期制作打好铺垫,不能太复杂,要不然后期制作会很艰难,比如说dw,css都是网页的基础软件,多多少少要了解和使用才能很好的在团队中找到自己的定位,至于sj,flash,这些倒是不用管。
ps和ill是比较简单的图像制作软件,ps是位图制作,ill是矢量制作。
但是cl就比较复杂了,是矢量软件,如果楼主真的想提高自己的作图能力,cl的灵活运用是很必要的。
还有在团队设计中肯定有观点冲突的时候,所以团队设计一般不要融入太多自己的独特设计风格,理念就是越简单越好,因为前期制作就是样板,以后整个网站的主题就是以你们的设计为主,但是网站的色调风格等就不是你们能掌握的了,因为信息的变换可能导致网站的主题变换,这个是中期网站成型制作的工作。
7、网站前期的设计需要注意哪些方面
一、网站主题与关键词明确
这是网站建设计划前期的必须考虑的两个部分,由于这两个部分的联络非常严密,因此这里把这两个计划模块放在一起来评论,身为站长,才,比方咱们预备做一个教他人开网店的网站,那么这个教他人开网店即是咱们预备建设这个网站的主题。当网站主题和关键字断定下来之后,剩下来的作业即是环绕主题和关键字来打开。
二、树立目标客户
这是树立在网站主题和中心关键字的根底之上的,方针用户的计划仅仅网站运营期的一个辅导方向,仍然拿怎么开网店为例,已然是开网店,那么这个集体必定相比较年青,这些集体思维比较活泼,关于方针集体的性格特征的精确掌握是计划进程中的一个重要内容,只要知道网站将来的主流用户,那么就要供应这些用户想要的内容,而这些内容的首要思维就大概从方针用户的首要特征着手,这样才可以创造更多的用户喜爱网站内容。
三、确定网站推广方向
这个环节很重要,尽管到真实施行网络推广时,可能会脱离前期计划时指定的方针,由于网络推广的方法太多,更新太快,每一种方法可以发生的作用都不相同,所以在网站实践运营时,还需要进行及时的调整,可是却不可以由于这一点而疏忽网络推广方向的计划。安尔捷网络以为,推广方向的计划如果成功,那么网站的运营就是成功一半了,那么网站推广大概怎么计划呢?
许多站长以为,如果网站有了方针用户,那么就始终如一的向方针用户打开推广攻势,关于这一点我们不这样认为,因为一个网站在前期运营时,大概愈加注重流量和人气,从一开始就注重方针用户的推广,那就可能将你网站在较长的一段时刻里,没有许多的流量,从而使得在集合人气方面束手无策,从而致使网站运营困难,因而在推广的计划上,是一个长期计划的进程,除了对流量的追逐,还有对流量的挑选,然后再来进行目标流量进行推广,经过如此的进程,方可更好的进行网站推广。
四、制定网站平常保护计划
这个内容比较细,同时也非常重要。网站建设之平常保护是考查一个站长执行力的极佳试金石,假如你能够在网站建设的前期时间将运营保护的任务制定的相对详尽,就能在每次执行之后有十足的高兴感。
因而在运营保护方面,大概将每天的作业日程划分成多个时刻段,如更新内容和发布外链为一个时刻段,剖析网站时刻为另一个时刻段,网站推广又是另一个时刻段等等,如果这些计划做得越细,那么方案就越具有辅导性,而且在往后的平常保护中,也不会出现跑偏的疑问。
8、学习网页设计,初期应该去什么样的公司工作呢?如何面试呢?
什么公司都可以,现在的公司基本都有自己的网站,有网站就需要网页美工。你拿你的设计作品让人家看就可以了
9、网页设计有哪些前期准备工作
建立一个行之有效的营销性的网站决不能马马虎虎,草率行事,随便准备点资料,这是绝对的错误!那么网站建设要做哪些前期准备工作呢?
1、网站的发展方向和定位要明确在建立网站之前就应该要明确这个问题,而不是在网站都建好之后才来想网站如何定位又如何推广。我身边的朋友也有很多是做过网站的,大多都是三分热度,这样下去,只会越做越迷茫的。网站的定位很重要,它决定了你的网站发展的方向以及盈利的方向。所以一定要在做之前把需要的数据调查准备好这样就有了方向,定位好了也就越来越好了。
2、保证网站制作的专业性很多的站长都是很痛苦的,因为他们一般都不懂技术。运营一个网站,站长不需要懂太多,个人站长一般在做站的时候不会太多的考虑网站的一些内容如何充实,无论是自己更新还是在论坛上让网友来更新都是一个不错的选择。但是,一个网站从内容的的更新、技术的支持、美工的设计以及宣传策划等这些如果都需要一个人来做的话,肯定是手忙脚乱的,所以我还是建议大家去组建一个团队去经营网站的运营。
3、网站内容丰富,以客户体验为主要由于产品和技术的局限性,多数的站长都会选择一些免费的网站程序来拼凑自己的网站,到目前为止,国内的建站门槛也已经普及了,所以建站很简单,就和安装软件一样,这样无疑就是造成了网站的泛滥。很多网站都会修改或者是做新的模板来显现出自己网站的特色。整个网站的核心如果和大家的不一样,那么自然就会在众多的网站中脱颖而出。
4、网站要建立营销网站战略模式推广和优化是比较费神的两个难题。先从网站的推广来说,网络推广确实不是一件容易的事情,方法虽然有很多,但是在具体的落实的时候是比较困难的,一般小站就是发帖子、做问答,很少有人愿意投资去做推广,这也是网站前期推广的一个难题。还有就是优化,关于这方面的方法也有很多,关键就是跟着搜索引擎,其实有很多的站长做不起来的原因就是不坚持每天更新网站的内容,如果保持更新的量和更新的频率,那么被收录是不成问题的。
5、用户的良好体验用户体验是非常重要的,用户的需求就是我们成功的关键。网站需要抓住客户的心里。从自己平常浏览网站的心理来考虑游客在你的网站上的感受,换个角度来看看自己所做的网站,就是换位思考。