首页 > 编程技术 > html

网页设计应用中的功能与美观

发布时间:2016-9-20 19:04

  网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局,其功能主要就是提供一种形式给每个上网者,让他们能够了解网站提供的信息。

  从网络的发展来看,网页设计从无到有,从低级到高级,是基于技术的原因而受到客观的限制的,因为受传输带宽的限制,最早的网页是纯字母和数字的,没有图片和声音更别说是动画了,只能将占用空间很小的数字和字母来进行传输。

  由此看来网页最初就是在功能性的基础之上发展起来的。到今天同样上网也离不开使用它的功能,所以网页的审美就首先要考虑其功能的要素(例如很多国外的大公司的网站也是这样做的)。那么从功能出发来看待网页设计,我们就必须考虑,使用者如何从网页中得到功能,如何更好的得到功能。这就需要站在使用者的角度来看待网页设计,才能使自己做出的网页受欢迎,从而达到基本的目的。有的网页设计师说:我是设计师,我站得比普通人高,欣赏水平也比他们高,应该引导潮流,应该引导他们学会欣赏美的网页。作为设计师引导潮流没有错,但是不应该采用居高临下的方式,而是要贴近自己的使用对象,想他们所想,急他们所急,方便他们的使用,适时的将自己的设计风格融入到作品中去,接受他们的检验,只有经得起考验的设计才是好的设计。而不是所谓的阳春白雪,成为孤家寡人,不适用。作为设计师来说,就是要把自己的网页做得美一些(基于功能性的)。

  谈到美,网页这种特殊环境下的美于传统的艺术上的审美有着明显的区别,因为一般的艺术上的美是海阔天空,无所顾忌的,只要符合人们的欣赏的习惯,能够在欣赏者的心里产生共鸣就是美的;而网页的布局上的审美却要受到很多的限制,当然它也有优于传统艺术的地方,最明显的就是它的交互性和更新速度的快捷,纯艺术很大程度上是作者的自我宣泄,但是网页设计直接面对的是大量用户,随时都会反馈回来对网页的批评建议等,可以根据实际情况进行修改,比如在建站时考虑不周到的地方,设计时没有得到重视的地方,可以根据要求进行调整。同样不损整体效果,却可以使使用者用起来更加的方便。这个过程可以在很短的时间里完成。同时网页能融合文字、图片、声音、动画于一身。这是传统艺术所达不到的。当然最根本的在使用方面就限制了它不能够随意的挥洒自如,任设计师自由的发挥。以下针对网络环境下的审美。

  首先:要考虑上网者的环境,通常可见的情况是:上网者眼睛盯着一个冷冰冰的电脑屏幕,手移动鼠标,保持一定的姿势,而且一般是连续很长的时间。在这种情况下,假如连接的网站的网页做得很差,不考虑排版布局的形式美的要素,一味的以刻板的文字或者是图片来充斥这个页面,那么使用者看久了就会厌倦,甚至讨厌。同样在网络世界里,五花八门,涉及到各方面的内容,使用者通常是打开很多的窗口,在一种纷繁复杂的情况下接受信息。这样假如他们浏览的网页是设计得又是特别花哨,图片、文字、动画等等堆砌的极为杂乱,那么更加剧了这种心理上的厌烦感,这种网页能算得上美吗?所以从使用环境里的功能的因素来考虑美才是最根本的。

其次:考虑使用对象本身也是网页审美的一个重要方面,网页设计都是为每个具体的网站的做宣传,那么不考虑对象就如同闭门造车,这样会造成其根本的功能的损失,使使用者浏览起来困难。例如一个儿童网站,设计得如同一些新闻专题的网页一样,纯粹是文字。那么使自己的使用对象-儿童在浏览该网站的时候毫无兴趣,阻碍了网站的基本的目的,因为该网站的目的就是要使更多的儿童来光临这个网站,从而扩大网站影响。从这个功能层面上来理解,设计的美是同使用对象分不开的。

  再者:网页设计的美其实是一个满足使用者需求的过程,能够使他们使用起来方便快捷,排除他们使用中的问题,这就是美的,这就是纯粹从功能上的要求出发的。就是最根本的功能被满足就是最根本的美。不是吗?假如我想上一个体育的网站了解一下当天的足球战报,那么我上网的目的性就是非常的明确,直接看足球的结果。那么考虑一下我的上网过程就是先敲入网址,到主页上,然后尽快的找到足球的栏目,再找到比分的链接。那么设计师如果考虑到上这个网站的很多人都非常想知道足球的比分,那么在主页上放上一个流动的临时更新的框,就可以使上站的使用者直接在主页上看到想要看的东西,这样快速而又方便的结果,其实质上是一个网页设计的成功的地方,这种网页就是美的,反之假如把网页设计得非常的“漂亮”(这里指的是纯粹的从艺术审美上的漂亮,满足一般的形式美的要求的,而不考虑使用环境的情况),但是把该链接做到不容易找到的地方,或者是由于满足“漂亮”的要求,增加了几级的链接,从而增加了使用者的不方便,这种网站也是不美的,至少它没有为自己的使用对象考虑,就是失败。

   还有一个美的因素也不能不考虑,就是网站本身,其实也是功能来决定的,作为网站的目的就是要通过使用者的使用来得到体现,如何使更多的人来使用和使他们浏览过之后记住这个网站?也就是通过自己的设计使网站的形象得到提升,使网站的形象在每个使用者的心目中扎根。这是现在网页设计中普遍不受重视的,也许是还欠缺这种意识,才出现这种情况,有些网页做得很有味道,不管是用色还是布局的编排,都是非常的讲究,但是却没有注意到网站的本身的东西,例如网站的名称或者是网址没有得到强化,尽管使用了之后觉得好,但是第二次使用时却记不起是什么网站了,因为上网通常要看很多的网站,每一个都记录下来是非常不方便的,很多网友也不愿意这样做,

<

    目前,china.com主页日常更新的有五方面内容:"头条链接"、"频道精选"、"专题特集"、 "图片推荐"和"精彩推荐"。

    一、头条链接

    头条链接数量为9条,推荐内容以时事新闻为主,约占6-8条,若有重要的体育、娱乐、IT等新闻,也可在该位置推荐。推荐数量和选择性由新闻部决定。推荐邮箱:news@sz.china.com。

    二、频道精选

    1. 推荐内容要紧扣频道名称,应尽量避免和其他频道内容的冲突。真正做到体现频道本色。
    2. 推荐内容要符合社会、政治以及道德舆论主流,尽量避免有损党和政府形象、血腥暴力、色情低俗的内容。
    3. 推荐内容一定要注明信息来源(即便是网友原创也要注明),并保证不牵扯版权问题。
    4. 推荐内容的标题字数限制在16字以内。链接必须是终极页面的URL。
    5. 一定要等推荐内容镜像到北京才可发送邮件推荐。
    6. 推荐内容发送到统一邮箱:best@sz.china.com。

    三、专题特集
    专题特集推荐内容是各频道制作的较大型的专题或专栏。在主页陈列的时间一般较长。专题页面的数量通常不少于10页。

    推荐"专题特集"的程序:

    专题制作编辑(填写"专题推荐申请表")→频道监制(审核签字)→网页设计部主管(审核签字)→策划总监或资讯总监(审核签字)→首页编辑→添加到主页完成。

    四、图片推荐

    频道精选右侧为"图片推荐"位置。更新频率为每日或半日。图片也应不涉及版权问题(严禁推荐带有色情和政治丑化色彩的图片)。另外,推荐内容要有一定时效性和独特性。

    推荐直接发送到邮箱best@sz.china.com,包含要素为图片(质量要清晰,高160X宽120~140),文字说明标题,终极页面URL。

    五、关于"精彩推荐"

    "精彩推荐"是在原有"专题特辑"中分离出的一个推荐区。其更新频率原则上为三至五天。和"专题特集"不同之处在于,它推荐的范围更广泛,精彩推荐可以是新闻的追踪报道等,页面数量在5页以上。

    推荐直接发送到邮箱best@sz.china.com,包含要素推荐标题(标题字数限制在10个字以内),终极页面URL。

    请各频道监制和编辑有意识的维护china.com主页形象,认真斟酌、推荐本频道优秀内容。




  1、不要将链接全部放在图像中

  以往的网页中的链接都是文字,而且用下划线以资识别。但不久人们就讨厌了这些文字链接,于是都采用了图像链接。后来,更加嫌一个图像一个链接太麻烦了,于是将所有的链接都放进了一个图像中去。但并不是所有的用户都打开图像载入,如果你把所有的链接都放入图像中去,而没有任何同样功能的文字链接的话,用户也许会不知所措。

  2、慎用自动滚动

  曾经到过一个内容“丰富”的网页,它使用了很多常见的网页制作技巧:现在的时间、访问时的时间等等。不过有一个用得不是很好,就是窗口的自动滚动。我只是想发个邮件给网页的主人,但我却无法使滚动条停下来让我点击链接,于是我花了很久才“命中”窗口中的E-mail链接——真后悔军训的时候没有练好射击!

  3、不要用延时效果的javascript

  现在的网页制作者为了使网页更加具有影响力,都疯狂地加入javascript。以现在的“猫”奔跑的速度而言,这些脚本也算不了什么,用户不会介意。但是,如果这些脚本可能导致延时的话,用户的态度就不同了。

  某个国人网页的首页在载入时窗口的底色———窗口里面没有任何内容———由白色逐渐变成黑色,整个过程耗费了几秒,嘿!别小看这几秒,我能检查全部的邮箱了!

  4、不要依赖浏览器

  太多的网站首页中加入了“请在800×600分辨率下使用IE浏览器浏览本网站”等字样的文字。我是安装了IE、NC和Opera,因为我要制作网页,需要它们来检验网页在这些浏览器下的可读性。但一般用户不会安装那么多的浏览器,更加不会牢记着哪个网站需要用哪个浏览器浏览。

  也许不可能让网页在使用所有的浏览器浏览都有一样的效果,但尽量地去达到该目的,会让网页在这个浏览器下有这样的特色、在另一个浏览器下又有不同的特色,这是网页制作者的工作,不是吗?

  5、不要忘记版权

  现在,网上侵犯知识产权的问题非常猖獗,某免费个人网页提供商上的网页尤其严重——甚至有盗版光盘贩卖呢!为此一些新的免费个人网页提供商就要求用户在申请时提交详细的、真实的个人资料,以防备不可预料的事情发生。

  所以,如果你的网页需要引用别人的东西的话,要么你就和他联系一下,征求意见;要么就在明显的位置注明其版权归属。这并非多余,这是你的网页“长寿”的秘方!

  当然,如果是你自己制作的图像或自己撰写的文章,你绝对有权声明版权归你自己所有!

  6、不要懒于更新

  王某个个人网页聚居地上有很多的网页都是很久前建立而至今没有更新过的,姑且不说这是浪费公用资源的行为,访问过这些网页的人看到网页主人如此懒惰,你说他还会再去访问吗?

  谁能确定下次访问不会又是这般模样呢?因特网上的资源如此浩瀚,谁会去访问一个从不更新的网页呢?



  一、网络设置的问题

  这种原因比较多出现在需要手动指定IP、网关、DNS服务器联网方式下,及使用代理服务器上网的。仔细检查计算机的网络设置。

  二、DNS服务器的问题

  当IE无法浏览网页时,可先尝试用IP地址来访问,如果可以访问,那么应该是DNS的问题,造成DNS的问题可能是连网时获取DNS出错或DNS服务器本身问题,这时你可以手动指定DNS服务(地址可以是你当地ISP提供的DNS服务器地址,也可以用其它地方可正常使用DNS服务器地址。)在网络的属性里进行,(控制面板—网络和拔号连接—本地连接—右键属性—TCP/IP协议—属性—使用下面的DNS服务器地址)。不同的ISP有不同的DNS地址。有时候则是路由器或网卡的问题,无法与ISP的DNS服务连接,这种情况的话,可把路由器关一会再开,或者重新设置路由器。

    还有一种可能,是本地DNS缓存出现了问题。为了提高网站访问速度,系统会自动将已经访问过并获取IP地址的网站存入本地的DNS缓存里,一旦再对这个网站进行访问,则不再通过DNS服务器而直接从本地DNS缓存取出该网站的IP地址进行访问。所以,如果本地DNS缓存出现了问题,会导致网站无法访问。可以在“运行”中执行ipconfig /flushdns来重建本地DNS缓存。

    三、IE浏览器本身的问题

  当IE浏览器本身出现故障时,自然会影响到浏览了;或者IE被恶意修改破坏也会导致无法浏览网页。这时可以尝试用“黄山IE修复专家”来修复(建议到安全模式下修复),或者重新IE(如重装IE遇到无法重新的问题,可参考:附一解决无法重装IE)

  四、网络防火墙的问题

  如果网络防火墙设置不当,如安全等级过高、不小心把IE放进了阻止访问列表、错误的防火墙策略等,可尝试检查策略、降低防火墙安全等级或直接关掉试试是否恢复正常。

  五、网络协议和网卡驱动的问题

  IE无法浏览,有可能是网络协议(特别是TCP/IP协议)或网卡驱动损坏导致,可尝试重新网卡驱动和网络协议。

  六、HOSTS文件的问题

  HOSTS文件被修改,也会导致浏览的不正常,解决方法当然是清空HOSTS文件里的内容。

  七、系统文件的问题

  当与IE有关的系统文件被更换或损坏时,会影响到IE正常的使用,这时可使用SFC命令修复一下,WIN98系统可在“运行”中执行SFC,然后执行扫描;WIN2000/XP/2003则在“运行”中执行sfc /scannow尝试修复。

  其中当只有IE无法浏览网页,而QQ可以上时,则往往由于winsock.dll、wsock32.dll或wsock.vxd(VXD只在WIN9X系统下存在)等文件损坏或丢失造成,Winsock是构成TCP/IP协议的重要组成部分,一般要重装TCP/IP协议。但xp开始集成TCP/IP协议,所以不能像98那样简单卸载后重装,可以使用 netsh 命令重置 TCP/IP协议,使其恢复到初次安装操作系统时的状态。具体操作如下:

  点击“开始 运行”,在运行对话框中输入“CMD”命令,弹出命令提示符窗口,接着输入“netsh int ip reset c:resetlog.txt”命令后会回车即可,其中“resetlog.txt”文件是用来记录命令执行结果的日志文件,该参数选项必须指定,这里指定的日志文件的完整路径是“c:resetlog.txt”。执行此命令后的结果与删除并重新安装 TCP/IP 协议的效果相同。

  小提示:netsh命令是一个基于命令行的脚本编写工具,你可以使用此命令配置和监视Windows 系统,此外它还提供了交互式网络外壳程序接口,netsh命令的使用格式请参看帮助文件(在令提示符窗口中输入“netsh/?”即可)。

  第二个解决方法是修复以上文件,WIN9X使用SFC重新提取以上文件,WIN2000/XP/2003使用sfc /scannow命令修复文件,当用sfc /scannow无法修复时,可试试网上发布的专门针对这个问题的修复工具WinSockFix,可以在网上搜索下载。

  八、杀毒软件的实时监控问题

  这倒不是经常见,但有时的确跟实时监控有关,因为现在杀毒软件的实时监控都添加了对网页内容的监控。举一个实例:KV2005就会在个别的机子上会导致IE无法浏览网页(不少朋友遇到过),其具体表现是只要打开网页监控,一开机上网大约20来分钟后,IE就会无法浏览网页了,这时如果把KV2005的网页监控关掉,就一切恢复正常;经过彻底地重装KV2005也无法解决。虽然并不是安装KV2005的每台机子都会出现这种问题,毕竟每台机子的系统有差异,安装的程序也不一样。但如果出现IE无法浏览网页时,也要注意检查一下杀毒软件。

< 现在建立个人网站,仅仅用Photoshop和Dreramweaver制作几张漂亮的静态网页是远远不够了,如果我们用动态网站管理程序,平时更新网站内容,管理网站数据都非常方便。其实现在网上的免费系统、免费资源都非常多,只要大家细心的把它们收集、分析、整理出来,找到适合自己的程序和资源,个人用户完全可以用最简单的办法快速创建一个含有后台管理系统的网站。

  今天我们就为大家介绍使用曼波(Mambo)系统和免费资源创建自己的动态网站的方法和步骤。
  主要包括下面几个部分:曼波系统简介、获取免费的PHP空间、安装曼波系统、设置网站基本信息、页面格式排版、站点功能管理、网站模版管理。

  一、曼波系统简介

  曼波是一个开源的网站管理系统(CMS系统),有一套PHP网站程序,用户可以通过使用免费的页面模版、网站模块为网站增加功能,改变网页风格。与传统的网站FTP操作不同,它可以直接在网站后台用图标方式进行站点管理的操作,一切都是以傻瓜方式操作。

  获取曼波中文系统,可以到曼波中国网站免费下载,大家下载Mambo4.5.2 简体中文黄金版即可。下载后将文件解压,然后把所有的文件上传到FTP服务器,注意:服务器必须支持MySQL数据库,这样才能正常运行PHP程序

标签:[!--infotagslink--]