网页设计专业常见问题
别轻易让文字居中和使用粗体或斜体字符,除了视感混乱之外,很多流览器不能很好地显示斜体字,也不能补偿由于字母倾斜引起的空白变化。下面介绍网页设计专业常见问题,希望对您有所帮助。
1、排版时要注意细节
别轻易让文字居中和使用粗体或斜体字符,除了视感混乱之外,很多流览器不能很好地显示斜体字,也不能补偿由于字母倾斜引起的空白变化。
利用短的段落,加点列示,适当的整块引用文字,用水平线分节,用影象地图指引主要连接,使你的页面能吸引人和容易阅读。
另外,马海祥提醒大家注意的是,不要把重要的内容排版放到网页的结尾,因为读者的视线可能停留在主页上面较多一点,或者有些读者没有耐心往下看那么远。
2、多使用图象缩微图
比如说有一张800×600像素的1600万色扫描图,所占空间约为50K,使用PhotoShop这一类的图象编辑工具对原图进行重新取样,比如说高度为100像素(为确保浏览器能即时以合适的大小显示图像,高度和宽度很重要,也许为了达到你自己的要求你得进行调整才能找到最合适的大小,但可以从高度除以4~6开始),PhotoShop会自动计算新图象的宽度,保存新图象,它的大小现在应为8K或更小。
然后浏览器在解释执行Lowsrc命令时,将要求浏览器在真正的画面载入以前先装载低分辨率的图像,这样就会让访问者清楚将会出现什么样的图片。
3、不宜使用太多的动画
大家都喜欢用GIF动画来装饰网页,它的确很吸引人,但我们在选择时,是否能确定必须用GIF动画,如果答否,那么就选择静止的图片,因为它的容量要小得多。
同样的尺寸的LOGO,GIF动画的容量有5K,而静止LOGO的只有3K,虽然只有2K之差,但多起来,就会影响下载的速度,所以,如果有些不是必须的,就选择最小的(实在无法避免的话,可查看马海祥博客《提升网站页面打开速度的12个建议》的相关介绍)。
4、闪烁文字不要多用
有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的,但一个页面中最多不能有三处闪烁文字,太多了给用户一种眼花缭乱的感觉,反而会影响用户去访问该网站的其他内容,正所谓“物极必反”!
5、页面长度要适中
有的网站主页拉得老长老长,让读者握着鼠标翻半天,别跟读者为难,凡事从人家的角度多想想。一般来说,主页长度应限定在三个整屏以内,一个半屏为最佳。
当一个页面很长时就应该要注意了,因为它的传输时间明显要比较短的页面的传输时间长,太长的页面传输会使访问者在等待中失去耐心,而且为了阅读这些长文本,访问者不得不使用卷滚条,从而也浪费了用户在网上冲浪的时间。
如果你有大量的基于文本的文档,应当以AdobeAcrobat格式的文件形式来放置,以便你的访问者能离线阅读,从而节省宝贵的时间。
6、合理设计视觉效果
不必在以页面上填满图像来增加视觉趣味,尽量使用彩色圆点--它们较小并能为列表项增加色彩活力(并能用于彩色列表),彩色分隔条也能在不扰乱带宽的情况下增强图形感。
另外,网页设计好后,一定要在不同类型的浏览器和不同分辨率的情况下测试主页,例如许多浏览器使用1280×800的分辨率,尽管在1600×900高分辨率下一些Web页面看上去很具吸引力,但在1280×800的模式下可能会黯然失色,作一点小小的努力,设计一个在不同分辨率和不同类型的浏览器下都能正常显示的网页。
7、每个页面都要有导航标志
所有页面从头至尾都要使用导航标志,尤其是要用“返回到首页”连接,可以在每个页面都这样做。比如在每页的顶端(或底部)都有一小串图标,第一个回到首页、第二个回到章、第三个回到节。
如果是图像导航按钮,那么要有清晰的标识,让人看得明白,千万别只顾视觉效果的热闹,而让人家不知东西南北。
而文本导航的链接颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。
总之,文本链接一定要和页面的其他文字有所区分,给读者一个清楚明白的导向。
网页设计中有哪些元素设计
图形元素的存在大大美化了网页设计,它拥有强烈的艺术美感和视觉冲击力,是文字之后最早被引入到网页设计中的元素,它所传递信息的直观性远胜于文字。图形设计中的色彩搭配、元素构成、版式布局都要符合浏览者的审美心理,才能使得网页在短时间内给受众留下深刻的印象。
一、图形元素
网页设计中的图片提供导向和链接的功能。根据人机心理学研究,人们的视线在浏览网页时,会首先垂直的落在屏幕中心,然后向四周游动。决定了设计师要将重要的信息安排在注视点高的区域,所以设计师要根据视觉流程来合理安排图片的适度位置。网页设计中的图片是要经过网络下载才可以最后看到,受到宽带的限制,所以要求图形文件量尽可能的小。在图片大小固定的情况下,文件量越低说明图片分辨率要越低。对于显示器上的图片而言,分辨率为72dpi是大多数图片的最佳选择。
二、色彩元素
色彩的配色设计直接影响网站的整体定位、风格。作为设计中不可缺少的元素,它建立在文字图形的基础上,依靠眼睛的功能,通过感觉的视觉冲击力对心理起作用。每一种颜色都有不同的心理暗示。冷色中的蓝色代表平静,暖色中的红色代表激动;黑色给人沉重感,浅色则让物体轻盈;色彩从色调、饱和度、明度三个方面影响着网页,我们可以找到很多运用广泛的色彩配色方案,来作为实际学习和工作中的向导。
网页设计中的色彩元素需要符合国际色彩的标准,因为互联网络是建立在国际互联网统一的平台上的。最简单的说就是采用网页安全色,不能毫无节制的运用太多颜色,一般情况下先根据总体风格的要求定出主色调和辅助色进行色彩的搭配。网页色彩模式一般采取RGB模式。网页设计是通过显示器来进行展示的,目前显示器大都采用RGB颜色标准,这与RGB颜色模式的原理分不开。RGB是从颜色发光的原理来设计定的,通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯,当它们的光相互叠合的时候,色彩相混,而亮度却等于两者亮度之总和,越混合亮度越高,即加法混合。在显示器上,通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的。
三、版式设计
用户界面展现在浏览者面前的数字化物化界面,组成元素是与传统物化界面相同的图文信息、版面设计、色彩布局。界面设计普遍遵循了平面设计的视觉传达方式。版式设计就是在有限的空间中遵循视觉设计原则,把各种多媒体元素进行合理的组合。不同的主题网站有着不同的设计思路,引起思想、情感、形式等各方面的不同。有些网页直接对视觉元素进行堆砌,欠缺规划,缺乏审美意识。各种文字、动画、色块等杂乱无章,令消费者厌烦。网站设计首先要对企业、产品、受众信息等进行全面的调研和综合分析,指定网站合适的整体风格,以合适的版式设计表达形式营造出相适应的氛围。
如何规划安全分析中网页设计
网站中有全面的企业信息,用户可以通过网站信息对企业形象和企业产品有一个全面认识,它是企业和用户之间的一种重要交流工具,为企业和用户交易活动的达成提供了有力保障。网站是现代企业发展的关键,也是电子商务的重要表现途径,具有重要意义。网页设计工作是网站建设工作的重要组成部分,企业网站各项内容的建设其实质是网页设计的有机结合,网页设计质量的高低对网站实际作用效果的好坏有直接影响。ASP、PHP或JSP等脚本语言是网页设计较为常用的服务器端网页设计技术,ASP、PHP或JSP等脚本语言的应用为网站技术开发人员的开发工作提供了便利,使网站资源的管理更为高效、便捷,促进了用户与网站之间的沟通交流,用户通过网站可以及时了解企业动向、参与企业的论坛交流、企业产品相关信息、在线调查以及贸易合作等。
1对网页设计中安全漏洞形成原因及对企业所造成危害的分析
企业与用户之所以可以通过网站进行交互是通过脚本语言编程技术实现的,脚本语言编程一旦出现问题,就会对网站造成不同程度的威胁,形成相应的安全缺陷,为企业内部信息带来巨大风险。用户输入什么信息内容是无法预测的,具有不可控性,在网页设计过程中如果开发人员对用户输入的信息内容考虑不全面或未考虑该方面内容,对网站来说此用户所输入的内容很可能成为一种攻击企业网站的危险工具,对企业网站的正常运行造成不利影响。企业网络服务器与ASP、PHP或JSP等网页脚本语言编程是直接相连的,网页脚本语言还与网站设置、网站数据库有着密切关联,脚本语言编程一旦出现问题,就会使整个网站存在安全缺陷,牵连甚广,企业网页受到攻击之后可能导致企业内部信息被窃取甚至造成整个网络瘫痪的不良后果,给企业带来巨大损失。
2对网页设计常见安全漏洞的分析及相应的解决方案
2.1登陆验证中存在的安全漏洞及解决方案登录验证是聊天室、信息网会员区、论坛等交互性网站中必不可少的一部分,虽然在整个网站运行中登陆验证只是其中的一小部分,却对整个网络的安全运行至关重要,它是整个网站的安全之口。在网页设计过程中,开发人员常常忽略掉这一环节的设计工作。网站开发人员编程的不严谨致使当前很多企业网站都存在登陆验证的安全漏洞,安全关口验证程序的不到位为网络安全埋下了巨大隐患,会让不法分子有机可趁,为企业造成不必要的损失。针对登陆验证漏洞问题,我们采取了以下解决方案:通过注册限制的设定有效避免非法账户密码的申请,对解决以上问题非常有效;其次,在SQL登陆查询语句生成之前,先对用户信息进行过滤(用户名和用户密码),避免非法账号密码的应用;最后,在对用户进行验证之前,先验证用户的用户名是否合乎标准,确认用户名属实后,在对密码进行验证。
2.2桌面数据库安全漏洞及解决方案在ASP+Access应用系统中,网站一般会为用户提供部分信息的下载权限,如果用户知道Access数据库的数据库名和存储路径,就可以将其他信息也下载下来,就会造成数据的流失。多数网上图书馆Access数据库的存储路径多以根目录“(URL/”)下或“URL/database”为主,该类数据库通常会被命名为Library.mdb或与之相关的名称。用户了解该信息之后,只需在浏览器中输入“URL/database/Li-brary.mdb”或相关地址信息,就可以进入网上图书馆,并将图书馆中的其他信息下载到用户本地电脑中。为解决桌面数据库安全漏洞问题,在网站设计中,ASP程序应该采用ODBC数据源,通过采用ODBC数据源可以有效避免数据库名称直接出现在运行程序中的问题,ASP源代码即使出现泄漏问题,数据库名称也不会因此而被窃取或流失,为网站的安全运行提供了有力保障。以下一段ASP程序代码就是利用一般数据库编写的:DBPath=Server.MapPath“(./akkjj16t/acd/kjhgb661/avccx55/faq19jhsvzbal.mdb”)conn.Open“driver={MicrosoftAccessDriver(*.mdb)};dbq=”&DBPath。如果该段ASP源代码失密后,数据库相关信息也会被窃取,用户可以轻易将数据库信息下载下来。如果ASP程序代码利用ODBC数据库编写,则不会存在conn.ope“nODBC-DSN名,ASP源代码即使出现泄漏问题,数据库名称也不会因此而被窃取或流失。
2.3绕过验证直接进入相关页面的漏洞及解决方案在进入某些敏感页面前,系统首先会对用户进行身份验证,如果用户知道了与敏感页面相关的网页设计页面的路径及文件名,并且该页面又没有设置验证程序,此时用户只要输入该设计页面的文件名就可以进入设计页面,成功绕过登陆验证界面的筛选。为提高网站安全性能,开发设计人员必须对与之相关的页面设置身份验证程序,对用户进行身份验证。
2.4文件上传漏洞及解决方案同学录、交友网站等类似网站系统都有文件上传功能,企业通过网站文件上传可以进一步增进与用户间的交流互动,但网站开发者对用户所提交的信息缺乏充分的分析和必要的过滤,很多恶意攻击者会利用这一漏洞在网站上上传病毒文件、恶意文件等不良信息,这些有毒文件可能会对系统数据库造成不同程度的损坏,某些网站攻击者甚至以Web权限在系统上执行任意命令。通过加入文件类型判断模块可以有效解决文件上传漏洞,对用户上传文件进行充分的分析和必要的过滤。当系统要求用户上传图片文件,用户只能以系统指定的JPG、GIF文件格式才被允许上传,像*.PHP、*.ASP、*.JSP、*.EXE等格式的程序文件是不被允许上传的。
2.5源代码泄露漏洞及解决方案为有效避免源代码被窃取、遭泄露的威胁,开发者在网站设计过程中应该对页面代码进行加密处理,使网站的整体安全性能得到大幅度提高。ASP网页加密方法一般包括以下两种:通过采用微软的ScriptEncoder对ASP网站页面进行加密;通过采用组件技术将编程逻辑封装到DLL当中,防止信息的丢失。当采用组件技术方案时必须对每段代码均需组件化,该项方案的工作量较大、操作较为烦琐,与之相比ScriptEncoder加密方案具有成效佳、操作简单等显著优点,将其用于解决源代码泄露漏洞问题可以取得较好的效果,其优点主要有:HTML具有较好的可编辑性,系统其他部分无需变化,ScriptEncoder只加密在HTML页面中嵌入的ASP代码,通过采用Dreamweaver或FrontPage等常用网页编辑工具对HTML部分进行修改、完善;ScriptEncoder具有制作简单的优点,通过几个简单命令行参数即可完成多功能操作。
3总结
通过本文中列出的相关的安全解决方法,在网站的建设中充分考虑网络的安全性,有效的降低了网络系统的安全漏洞,加强了网络的安全性。
网页设计应注意哪些原则
现如今,就我国当前网页设计现状来看,由于缺乏相对完善的设计原则和标准规范体系,导致其在实际的设计过程中难免会出现一些不必要的麻烦,近而影响设计质量。因此,本文就具体归纳了在网页设计中应该注意的几点原则。
1、网页设计的原则
第一,网页设计人员在对网页进行设计时,一定要保证网页命名的简单明了,这是因为每一个网站室友多个网页共同组成的,如果不对其进行简化处理,很容易使人们产生一种混乱错杂的观感。因此,为了提高页面的连贯性,使其能够很好的链接在一起,设计人员应该对不同的页面设计具有代表性的名字,这样不仅能够减轻管理人员的工作任务量,还极大方便了人们的快速检索。并且,通过设置多项的关键词,让使用者更多更快的找到自己所需的信息内容。
第二,当用户登录到页面时,第一感官印象是非常重要的。因此,设计人员还要充分考虑到视觉效果问题,并对反差效果进行合理的应用。其次,还要保证网页结构和排版的流畅性。尽量在网页设计中插入大量的表格形式,以此来增强整个网页布局的均匀性,重点凸显该网站的主要内容,第一时间就能够抓住人们的注意力。此外,设计人员还要对页面的长度进行严格的控制,不宜过长,这是因为大多数使用者并不喜欢一直拉动滚动条,如果页面长度非常长,就会让用户失去耐心。同时,为了提高网页的视觉效果,无论是图像、背景、还是文字、标题,都应该保持风格一致,只有这样,才不会给用户带来混乱的观赏感。
第三,设计人员在对一个网页进行设计时,必须清楚认知到一点问题,那就是,并不是所有的用户都可以了解网站的各项设计,正是因为这一点错误的意识,很多设计人员往往忽视了网页导览的重要性,这就给不熟悉网页的用户造成了极大的不便。为此,网页设计者为每一位用户提供网页浏览地图。这样一来,用户就可以在主页搜索栏中输入所需信息,从而逐步提高网页的实用性。
第四,我们都知道,在一个网站中,有着大量的文字信息的图片,为了方面用户的使用,设计人员要在每一张的图片下面,加注详细的说明。并且,当图片处于缓冲阶段时,用户可以事先通过加注的文字信息来了解图片中的内容,这样不仅就可以有效减少用户的等待时间,避免用户出现厌烦的情绪。
第五,文字作为网页中主要的信息输出方式,其准确率的高低对于网页质量的好坏有着至关重要的影响,更是用户对网页评价标准的基本前提。若是网页设计人员不注重这一问题,导致网页中出现了大量的错别字,即使网页设计的再漂亮,也会在用户印象中大大折扣。所以,设计人员必须高度重视这一问题,并对所有的文字拼写进行认真仔细的检查,从而确保网页各方面设计都能够达到完美。
第六,网页设计人员要定期对网页链接情况进行测定,确保其始终处于有效性的状态,这样才能保证用户可以在第一时间寻找到页面。另外,还可以为用户提供其所需要信息的相关联系方式,使其能够更深入的了解信息内容,以此来增强用户对网页的依赖性。
2、网页设计的制作技巧
(1)首先要准备大量的资料。在网页设计之初,应该准备大量的资料,这些资料必须是有价值的,不能违反著作权的相关规定。大量的资料对后期合理的排版,架构的调整,内容的丰富有着很重要的作用。
(2)注意每页档案大小。建议每个网页尽量在15k以下,如果可以缩减到12k,甚至10k那就更好,但是不能在5k以下。其实我们都知道,搜索引擎最佳化的目的,实际上是为了使用者,而不是为了搜索引擎本身。
(3)内容搭配要合理。在网页设计的过程里,合理编排内容显得尤为重要。要让一篇文章表达出想要表达的意义,让用户在查阅时清楚的知道设计者想要表达的内容,关键词尤为重要。而关键词如何放置才能起到这样的效果呢?拿出你的关键字,在下列六个地方各使用一次:标题、标签、网址里面、粗体关键字、页面上半部。
(4)当网页设计完成以后,设计人员要对网页进行随时的跟踪调查,观察用户更注重网页中的哪些部分,对哪一栏的信息量浏览率最多。并对用户发出评价表,具体了解用户对网页设计中的不满意之处,以此来对网页进行不断的优化调整,进一步提高信息的利用率,加入更多用户所需要的信息,追求精益求精的设计目标,从而逐步提高网页设计的高品质。
3、结语
网页设计不仅需要有专业的技术,还要有不断创新的能力。要求所有的网页设计者在以后的工作中,学习更多,思考更多,这样才能设计出更加符合大众需要的优秀的网页。