网页设计的基本定义

 网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,网页制作是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
  网页制作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来;网页制作通常就是将网页设计师所设计出来的设计稿,按照W3C规范用html语言将其制作成网页格式。
  网页设计是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。
  简单来说,网页设计的目的就是产生网站,什么是网站呢,就是服务器内的一系列网页的组合,终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字,图片(GIFs,
JPEGs,PNGs)和表格,都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vector graphics,动画,视频,声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等,这些插件程序也是通过HTML/XHTML/XML植入网页的。
  随着浏览器和W3C标准一致性的改善,XHTML/XML(可扩展标识语言)与CSS(层叠样式表)共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展,使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。 

网页设计与搜索引擎的优化问题

框架结构(Frame Sets)
  有些搜索引擎(如FAST)是不支持框架结构的,他们的“蜘蛛”程序无法阅读这样的网页。
页面结构(div+css)
  DIV+CSS是网页美工必须了解和掌握的一门技术,现在互联网是属于web2.0的时代,主流的网站都采用 DIV+CSS结构。 DIV+CSS即是样式和数据分离,利于搜索引擎读懂网站页面,提高网页收录数量,最主要是方便管理和维护网站。
图象区块(Image Maps)
  除AltaVista、Google和Northern Light(现已停止公共搜索服务)明确支持图像区块链接外,其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时,往往会感到茫然不知所措。因此尽量不要设置Image Map链接。
特效链接
  有些网站为导航链接加上了特效,如点击某个项目会展开下层链接等。这些效果一般通过Java Script实现,视觉上非常新颖,但在“蜘蛛”程序的眼里则没那么诱人,相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页,建议还是牺牲掉一些花哨的东西。
  FLASH
  虽然FLASH制作的网页视觉效果较好,但搜索引擎对此却不太感冒,个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择,这样即增加了网页的观赏性,又照顾到了搜索引擎的情绪。
加密网页
  除非你不希望搜索引擎检索你的网页,否则不要给你的网页加密。
  网页容量
  包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢,不仅会让普通访问者等得心急如焚,有时也会使“蜘蛛”程序感到不耐烦。 

如何注意选择好的网站设计公司?

 网站制作开发费用当然有多有少。如何既要省钱又要做出满意的符合要
  求的网站,这就必须要选择好网站开发的公司了。因为现在的市场也比较
  混乱,从一两个人的公司到规模几百个人的百企业都有。
  第一,看公司的规模情况,包括技术人员,公司概况,服务理念等。
  第二,看公司之前制作过的案例。看是否有符合自己的作品等。
  第三,网站开发不是一个一次性的项目,它包括后期的维护,网站的二次开发。都要在合同里考虑到。
  第四,专业公司是网站质量的保证,所以做网站一定要找专业公司。别认为便宜,找个人等制作,那是有很 高的风险的。 

网站设计中HTML常犯的五个错误

1.网页背景色的设置
  犯错机率:很大
  普遍性:较广
  犯错可能性:懒/不知道
2.Align center(自动居中)的滥用
  犯错机率:非常大
  普遍性:非常广
  犯错可能性:以为方便/以为好用
3.重复使用
  重复使用实现相同功能的代码、或杂七杂八的乱套代码
  犯错机率:非常普遍
  普遍性:非常普遍
  犯错可能性:复杂多样
4.表格不正确嵌套
  犯错机率:一般
  普遍性:普遍
  犯错可能性:对这个不了解
5.不正确的缩进
  写代码缩进的时候,不是使用Tab而是使用空格
  犯错机率:一般
  普遍性:较少
  犯错可能性:不知道Tab更好用 

网站设计工具

设计软件
  1.dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。
  Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
  2.Frontpage 跟dreamweaver一样,不过个人感觉还是dreamweaver好。
  3.FLASH 网页需要画面流动时的首选择
  4.P.S图象处理软件,一般网页都需要有图片相搭配,PS是款很强大的工具。
  5.FW跟PS一样都是图象处理软件,但FW偏向与对网页的处理。[个人喜欢PS]
  6.Adobe公司推出的cs3系列,软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。
HTML编辑器
  虽然HTML代码复杂,编辑和调试要花费大量的时间,但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐。就目前来说,有众多的编辑器供选择,这些编辑器广泛支持复杂页面创建及高级HTML规范,使用较为普遍的有Hotdog等专业HTML编辑器。 

网站设计工作内容

 1、负责对网站整体表现风格的定位,对用户视觉感受的整体把握;
  2、进行网页的具体设计制作;
  3、产品目录的平面设计;
  4、各类活动的广告设计;
  5、协助开发人员页面设计等工作。 

网站设计前期准备工作

 网站设计前期准备工作相当重要,这决定你建站的目的,以及日后维护网站,让你的网站发挥作用等是相当的重要。在设计网站前,必须先准备好以下工作:
1.网站框架频道
  网站频道就是网站的大框架,也就是主体部分,比如:首页,公司简介,新闻动态,产品展示,在线留言,联系我们等,这是标准的企业网站的内容。如果你有特定的框架,请您一一列出,这样方便我们设计。
2.网站风格要求
  网站的目的,是以广告形式、还是仅给现有的老客户观察?是功能型的,还是展示型的?风格定位要准确,功能型的是,网站在美工设计上可能不适合大块图片,在数据功能上比较强大,比如搜索,会员注册等,一般大型企业网、购物网、大型门户、交友网等都是属于功能型的,如果是展示型的,这种类型的网站可能大部分追求视觉上的美丽,对功能要求不高。那在美工上面,设计上就得有强烈的视觉感了。这种网站一般属于:美容业、女性用品、服饰等。
3.网站的针对对象
  在设计网站前,您必须告诉我们您的网站所针对的人群、区域、国家等。如果能提供某种行业的更好,这样我们在设计上就会针对这种人群的浏览习惯特别定制您的网页。
4.网站的预算
  如果您对您的网页不清楚,没经验,不要紧,您最好告诉我们您所最大程序所承受的设计费用,我们可以全程为您策划。 

网站设计要考虑用户需求

用户都是浏览者
  假如您以为一般的用户会完完整整地阅读您的网页,那么您就错了。
  不管您在网页中发布了多么有用的信息,一个访问者在决定是否继承阅读之前仅仅会花几秒钟的时间进行浏览。
  假如您但愿用户阅读您的文字,请确保在页面段落的第一句就说明您的观点。另外,您还需要在整个页面中使用简短的段落以及有趣的标题。
少等于多
  使所有的句子尽可能地短。使所有的段落尽可能地短。使所有的章节尽可能地短。使您的页面尽可能地短。
  请在段落和章节之间使用较多的留白。充斥着冗长文字的页面会留不住您的用户。
  也不要在单一的页面上放置太多的内容。假如确实有必要传递大量的信息,请尽量把内容分为小块,然后放入不同的页面中。不要指望每个访问者都能把一张数千字的页面一路动弹到底。
导航
  尽量创建通用于网站中所有页面的导航结构。
  把文本段落中的超链接使用量降至最低。请不要使用文本段落内的超链接随意地把访问者带到别的页面。因此这样做会破坏导航结构一致性的感觉。
下载速度
  最常见的错误是用于网站开发者的开发环境造成的,例如使用一台本地的机器开发站点,或者使用一条高速的因特网连接。开发职员有时不会意识到下载他们的页面要花很长的时间。 

FLASH网站设计注意的要点

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可用性网站.
10. 可用性测试
  让一些新手来访问站点并同时完成用户目标与站点目标. 甚至简短的Macromedia Flash动画都有可能阻挡用户实现目标, 所以使用Macromedia Flash的带宽模拟器(Bandwidth Profiler——译者注)(在视图菜单的测试影片模式下)来分析站点在不同带宽模式下的性能.每次 重复测试影片哪怕是很小的改动. 确保站点的测试者从人口统计学上合乎站点的预定用户—特别是预定用户中有对站点的导航有不同级别的满意程度. 

网站设计专业要求

 1.网页设计软件 Photoshop\Dreamweaver\Fireworks\Flash\HTML语言
  2.网站后台编程 ASP开发环境、Windows窗体编程、常用控件;ASP编程、ASP Web服务器控件、配置和优化ASP应用程序、调试和错误处理、ADO、连接和操作数据源、数据集、水晶报表的使用、Web服务创建和使用;留言板、BBS论坛、电子商务系统。
  3.数据库管理 Access数据库的基本概念、结构、数据表的建立、数据表的基本维护、SQL Server基础、数据源的链接、SQL语言、集合函数、数据类型。
  4.学习综合性网页设计规则、页面整体排版能力的处理、图片美工及 WEB 程序块的调入和美化、程序的调试和运用、网站综合训练 、动态网页创作模式。 

«101102103104105106107108109110111112113114115»
日历
网站分类
搜索
最近发表
Tags列表
网站收藏
图标汇集
  • 订阅本站的 RSS 2.0 新闻聚合
友情链接

Powered By 域名

Copyright 【注册年龄15年以上的域名】. Some Rights Reserved.