菜鸟创建优秀网页的6个好习惯

 更新时间:2016年9月20日 19:04  点击:1763

  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程序

这是每个努力的网页设计师都将面临的问题。

早上的一个小调查,让我不能继续沉默。

调查的起因,是公司要求对一个网页三番五次的修改,甚至提供了客户认为比较满意的案例。但我怎么看也不觉得这案例能比自己做的好到哪里。当然这里面有我的偏见,我想。出于对自己的怀疑,我把两个网址同时发给QQ中的数十个好友,想看看大众的目光。这些人中,有专业的网页设计师,也有从事互联网其它工种的IT人,也有与互联网不怎么相干的学生、播音主持、教师、公务员等。调查结果出乎我的意料:近100%的业内人士认为我做的好一些,而大多数业外人士选择了另一个。

这是一个另人震惊的答案!尽管之前,我也清楚地知晓这两者之间是有矛盾的,但我不曾料到,其矛盾会如此激烈。这让我们如何是好?是大众出了问题?还是我们出了问题?做为设计师,应该改变大众的审美观呢?还是顺应敷衍?是川菜引导了中国人的口味?还是中国人的口味造就了川菜?

不要告诉我两者可以调和。我不再相信这种鬼话。这完全不是风格的问题。问题是一个长期从事设计工作的人,和一个普通大众,他所观察的侧重点就不一样。举个例子,男人18岁前看女孩子注意脖子之上的部分,18岁后看女孩子注意脖子以下的部分。所以你认为她不漂亮是因为她脸蛋长得不好;你认为她漂亮是因为她有魔鬼身材。不要告诉我既有漂亮脸蛋又有魔鬼身材的女孩子,因为你认为漂亮的脸蛋放在美国人眼中那就是个垃圾。

我曾经在[乱弹]一文中说过“毕竟天下有99%的食者不是厨师,多数穿衣服的也不是服装设计师,但他们依然有权利挑剔,有权利批评与否定。”网站上传之后,大多数看官不是专业设计师,而是普通大众。所以,普通大众的眼光必须是评判网页好坏的一个非常重要的原则。

然而,然而!

然而,现在多数人认同男女平等,百年前全不如此;现在多数男女大街上拉个手亲个嘴视若家常便饭,几十年前全不如此;现在很多人在网上买东西卖东西,几年前全不如此!时代需要引导,大众需要引导!

做哗众取宠的公众垃圾?还是做特立孤行的业内精品?我们当然选择后者。就目前国内的大势来说,我们必须选择后者。这是一个设计师应有的良知与责任。

曾有文章批评过中国网页的四大特点“长闪挤花”。今天看来,这是对这部分设计师的冤枉。他们只是顺应了潮流而已。然而,他们的妥协也导致了中国网页设计水平的整体下滑。这是他们必须承担的罪名。

改变尽管是一件艰难的事,但总比在沉沦中死掉好一些。毕竟有许多事给了我们希望,比如流行音乐。十年前,我的父辈们觉得在台上边唱边跳那就不是在唱歌,他们觉得像“大海航行靠舵手”那样的才叫歌曲。然而他们如今在看那英王菲张信哲甚至王蓉周杰伦。

互联网没有历史,互联网的历史需要我们这一代人去创造。我们需要有所作为。坚守网页设计师的贞操;同时,努力感染身边每个人的审美观。

这就是我要说的。




<
[!--infotagslink--]

相关文章

  • JavaScript动态创建div属性和样式示例代码

    1.创建div元素: Javascript代码 复制代码 代码如下: <scripttypescripttype="text/javascript"> functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.innerHTML="Testcreateadiveleme...2013-10-13
  • JS创建Tag标签的方法详解

    这篇文章主要介绍了JS创建Tag标签的方法,结合具体实例形式分析了javascript动态操作页面HTML元素实现tag标签功能的步骤与相关操作技巧,需要的朋友可以参考下...2017-06-15
  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面,国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08
  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题,要把腾讯视频放到自己的网页有许多的办法,当然一般情况就是直接使用它们的网页代码了,如果你要下载资源再放到...2016-09-20
  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29
  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了,那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢?下面我们就一起来看看吧. 单...2016-09-20
  • PS如何创建变形文字 ps给文字变形的方法

    PS怎么创建变形文字?ps中想要给输入的文字变形,该怎么调整文字的显示形态呢?下面我们就来看看ps给文字变形的方法,需要的朋友可以参考下 我们在图层上输入文字后,可以...2017-07-06
  • 什么是cookie?js手动创建和存储cookie

    什么是cookie? cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。 有关cookie的例子: 名字 cookie 当访...2014-05-31
  • idea 无法创建Scala class 选项的原因分析及解决办法汇总

    这篇文章主要介绍了idea 无法创建Scala class 选项的解决办法汇总,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-09-02
  • javascript创建对象的几种模式介绍

    下面小编就为大家带来一篇javascript创建对象的几种模式介绍。小编觉得挺不错的,现在分享给大家,也给大家做个参考...2016-05-09
  • php创建无限级树型菜单

    写递归函数,可考虑缓存,定义一些静态变量来存上一次运行的结果,多程序运行效率很有帮助.。 大概步骤如下: step1:到数据库取数据,放到一个数组, step2:把数据转化为一个树型状的数组, step3:把这个树型状的数组转为html代码。...2015-11-08
  • Drupal模块开发之创建自己的钩子

    Drupal可以让第三方模块创建自己的钩子。在通常的实践中,有两种类型的钩子你可能想要创建,一种是内容修改类的钩子,一种是拦截类的钩子。 Drupal的钩子系统允许和模...2016-11-25
  • C#创建Windows服务的实现方法

    这篇文章主要介绍了C#创建Windows服务的实现方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-06-25
  • C#实现Winform中打开网页页面的方法

    这篇文章主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • 动态创建按钮的JavaScript代码

    本文给大家分享一段JS实例代码介绍动态创建按钮的方法,需要的朋友参考下本文...2016-02-01
  • Go语言通过http抓取网页的方法

    这篇文章主要介绍了Go语言通过http抓取网页的方法,实例分析了Go语言通过http操作页面的技巧,需要的朋友可以参考下...2020-05-05
  • C#对Word文档的创建、插入表格、设置样式等操作实例

    今天小编就为大家分享一篇C#对Word文档的创建、插入表格、设置样式等操作实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-06-25
  • C#抓取网页数据 解析标题描述图片等信息 去除HTML标签

    本文主要一步一步介绍利用C#抓取页面数据的过程,抓取HTML,获取标题、描述、图片等信息,并去除HTML,希望对大家有所帮助。...2020-06-25
  • C#动态创建button的方法

    这篇文章主要介绍了C#动态创建button的方法,涉及C#按钮属性动态设置的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • 详解js创建对象的几种方式和对象方法

    这篇文章主要介绍了详解js创建对象的几种方式和对象方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-01