网页设计中常见问题

网页设计中常见问题

虽然FLASH制作的网页视觉效果较好,但搜索引擎对此却不太感冒,个案表明这一类的网站很难被百度搜索引擎索引。下面介绍网页设计中常见问题,希望对您有所帮助。

网页设计中常见问题

框架结构(Frame Sets)

有些搜索引擎(如FAST)是不支持框架结构的,他们的“蜘蛛”程序无法阅读这样的网页。

图象区块(Image Maps)

除AltaVista、Google和Northern Light(现已停止公共搜索服务)明确支持图像区块链接外,其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时,往往会感到茫然不知所措。因此尽量不要设置Image Map链接。

特效链接

我们经常看到有些网站为导航链接加上了特效,如点击某个项目会展开下层链接等。这些效果一般通过Java Script实现,视觉上非常新颖,但在“蜘蛛”程序的眼里则没那么诱人,相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页,建议还是牺牲掉一些花哨的东西。

FLASH

虽然FLASH制作的网页视觉效果较好,但搜索引擎对此却不太感冒,个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择,这样即增加了网页的观赏性,又照顾到了搜索引擎的情绪。

动态网页(Dynamic Pages)

任何地址中带“?”号、“&”号(及其他类似符号)的网页都会把“蜘蛛”程序挡在门外。这些网页通常由CGI、PHP、ASP等程序产生,技术上较先进,但不适合搜索引擎的“蜘蛛”程序。虽然目前有的大型搜索引擎(如Google)已具备检索动态网页的能力,但相当一部分数引擎还是不支持它的。而且即使是能够索引动态网页的Google,也在多个场合中明确表示不保证检索全部的动态网页。

因此,除非是超大型网站,为方便起见不得不采用动态网页生成技术,否则还是尽量使用静态网页为好。

加密网页

除非你不希望搜索引擎检索你的网页,否则不要给你的网页加密。

网页容量

包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢,不仅会让普通访问者等得心急如焚,有时也会使“蜘蛛”程序感到不耐烦。

独立域名与付费虚拟主机

目前搜索引擎都不愿收录位于免费主页空间上的网站。其理由是,既然你认为自己的网站如此重要,以至于需要登录搜索引擎让天下人都知道,那么你没有理由还将它放在免费服务器上。更何况免费主页通常速度较慢,会影响大家搜索信息的效率。  当然凡事都有例外,如果你的网站确实优秀,也有可能被搜索引擎接受,不过在条件相当的情况下,你的排名会永远跟在那些拥有独立域名的网站后面。

网页制作中需要注意的问题

1、CSS文档流

网页元素按照XHTML结构自上而下,从左向右一行一行得布局,叫做CSS文档流。

2、label标签中得for属性

当用户选择label标签时,浏览器回自动将焦点转到和标签相关的表单元素上。

3、zoom:1的作用

一般是为了解决IE6下样式不兼容的问题。

HasLayout是IE渲染引擎的一个内部组成部分。在IE中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了HasLayout的属性,属性值可以为true或false。当一个元素的HasLayout属性值为true时,我们说这个元素有一个布局(layout)。

大部分的IE显示错误,都可以通过激发元素的HasLayout属性来修正。可以通过设置一些CSS属性来激发元素的HasLayout属性,使其“拥有布局”。在IE 6中就可以通过zoom:1来激发元素的HasLayout。

4、CSS Sprites技术利弊

利:减少对服务器的请求数量,进而加快页面加载速度。

弊:1)测算每个背景单元的精确位置,很繁琐。

2)如果页面背景有少许改动,一般就要改合并的图片。

5、marquee标签

标签里面是滚动文字的内容

6、word-spacing

修改字间距。简单地说,课室是任何非空白字符组成地串,并由某种空白符包围。所以象形文字是无法指定字间隔地。除非字之间有空格。因此,这个属性主要是针对英文单词地,要使其对中文起作用,需要在中文之间加空格。肯恩那个设计者认为两词之间没空格就是一个词。

7、display:inline-block;的使用方法

在桌导航条的时候,一般会用到ul-li结构,大多数时候我们是把li设置为浮动,让其并排显示在同一行。但是如果当行中li的数目不确定,并且又需要导航中的文字在页面中居中显示时,用这种方法就不太方便了,因为每次修改当行中li的数目量或文字时都需要调整ul或者第一个li标签的padding或者margin属性值。

还有一种方法就是设置li为“display:inline-block;”这样就可以达到同样的效果,而且无论有几个li标签或者li中的文字如何变化,只要设置ul中的text-align属性的值为center就可以实现ul中的所有文字水平居中显示。

IE6、IE7块级元素不识别inline-block,对于行内元素不存在兼容问题。可以用*display:inline;*zoom:1来代替。

8、网页设计稿中特殊字体的处理

网页浏览者在看网页时使用自己电脑上的字库来显示字体的,如果在制作网页时用了特殊的字体,必须保证浏览网页的用户的电脑上也有这样的字库才能看到相同的效果,如果用户的电脑上没有所定义的字体,那么它会自动用系统默认字体来显示,一般中文的默认字体都是宋体。

特殊字体只能做成图片。

CSS中常用的字体包括:宋体、黑体、微软雅黑、Arial、verdana、serif。

9、切图时应该保存成那种图片格式

1)JPG不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。对于写实的摄影图片或是颜色层次非常丰富的图像采用JPG的图片格式保存一般能达到最佳的压缩效果。根据经验,在页面中使用的商品图片、采用人像或者实物素材制作的广告banner等图像更适合采用JPG的图片格式保存。

2)对于需要高保真的较复杂的图像,PNG虽然能无损压缩,但图片文件较大,不适合应用在Web页面上。图像上颜色较少,并且主要以纯色或者平滑的渐变色进行填充。或者具备较大亮度差异以及强烈对比的简单图像适合使用PNG格式进行存储。

3)PNG8支持1为布尔透明通道,所谓布尔透明值得是要么完全透明要么完全不透明。而PNG24则支持8为的Alpha通道透明,也就是说可以存储从完全透明到完全不透明一共256个层级的透明度。

4)对于小图标或小动画,可以保存成gif格式。

网页设计规范

网页设计是一件很繁琐的事情,因为在设计时要考虑很多事情。为了简化网页设计这件事,本文列举了网站设计者都应该考虑的行为准则,这些准则都是一些很简单的原则。

1、在不同设备上采用相似的设计

用户可以通过不同类型的设备访问你的网站,这些设备包括:电脑、平板、手机、音乐播放器、甚至是智能手表等。无论用户使用什么设备访问你的网页,确保他们具有类似的体验,这是用户体验设计中的一条重要标准。

网页设计中常见问题

2、导航的设计要简单易用、清晰明了

导航设计是网页可用性的基石。记住,如果用户在你的网站里找不到导航,那么无论你的网站有多少都没用用。这也是导航设计要遵循以下原则的原因:

简单。每个网站都应该有尽可能简单的结构。

清晰。导航的每项对用户而言,都应该是清楚的。

一致。系统的导航页在每一页中都应该是相同的。

用户以最少的点击次数,最快地到达他们想要浏览的网页。这才是导航设计的目的。

3、 改变访问过的链接的颜色

链接是导航的一个关键因素。假如用户点击过的链接没有改变颜色,很可能导致用户多次点击同一个链接。

如果用户知道自己过去访问的链接和现在还未访问过的链接,那么用户会更容易决定自己下一次要点击什么。

4、让页面浏览变得更容易

用户浏览我们的网页时,并不是通读所有的内容,而是快速地扫描整个网页。因此,如果用户来到这个网站,是为了寻找特定的内容或者是完成某个任务,那么他们会先浏览整个网页,直到用户找到了自己想要去的地方。因此,作为网页设计者的我们,应该通过设计网站可视化的层级架构帮助这些用户尽快达成自己的目的。可视化的层级架构意味着网页上每个元素的摆放或呈现都具有权重(比如说,我们的设计决定了用户先看到哪个,再看到哪个,最后看到哪个)。

我们在设计网站时,要确保网页标题、登录注册按钮、导航栏或其它同等重要的元素放在用户很容易看到的地方,以减少用户寻找的时间。

5、仔细检查所有的链接

当用户点击网站上的一个链接,界面上却出现404的错误页面时,用户很容易变得沮丧。当用户在网站上寻找内容时,他们希望自己点击过的每个链接都是自己正在寻找的那个,而不是出现404的错误页面、或者点进去后,却发现不是自己寻找的那个页面。

6、确保能点击的元素让用户看起来就能点击

一个物体的样子会告诉用户如何使用它。看起来像按钮或链接的视觉元素却不能点击,很容易困扰用户,这些视觉元素包括:文字下划线并不代表链接、拥有动画效果的元素也不是超链接。用户想要知道界面上哪些区域是纯静态内容,哪些区域是可以点击的,让可以点击的元素明显一点。

网站编程规范

数据库系统在整个动态Web站点中具有重要的支撑作用,网站的数据库系统主要伴随网站的后台而存在。本文主要是针对数据库在网站中的关键作用进行分析,探讨数据库对网站后台编程的影响因素,从而作出相关的编程技术分析,并以数据库设计为出发点,提出网站后台编程的规范要求。

网站后台系统与数据库的连接形式

当前,国内的主流数据库主要有SQL Server和Access两种,在对网站后台进行编程之前就要解决数据库的选择问题。在互联网的实际应用中,大多数网站都是租用服务器商的虚拟主机,用以存储网站数据与文件。而服务器商的服务器一般分为PHP+MySQL型、ASP+Access型和ASP+SQL Server型等几种组合运行形势。在不考虑价格的情况下,本文将主要探讨应用SQL Server进行网站后台管理的技术分析。

ADO.NET下的网站后台编程技术与数据库连接分析

ADO.NET提供了对包括SQL Server在内的各种数据源及通过xML与OLEDB公开的数据源的统一访问。数据共享者在对应用程序进行操作时,可以选择性的使用ADO.NET达到连接这些数据源的目的,并可以对其进行检索和更新操作。ADO.NET能够有效的将数据操作中的数据访问阶段分解为若干个可以进行一前一后或单独使用的非连续组件。ADO.NET还包含了用于连接至数据库、检索结果与执行程序命令的.NET Framework提供数据程序。使得用户可以通过数据库语言对检索结果进行直接处理,或者将结果存储至ADO.NET Dataset的对象中,用于来自不同源的数据或者在层次之间进行数据的远程组合处理,并以特有的形式呈现给用户。而ADO.NET Dataset对象又可以从.NET Framework数据中独立出来供程序单独使用,用以进行源自xML的数据或者本地数据对应用程序的管理。图1所示介绍了ADO.NET与数据库的详细关系。

在ADO.NET中网站后台与数据库进行连接之后,为了保证两者的协调合作,就要在网站后台建立相应的数据库监控机制,运用SQL Server2000进行数据库的设计主要分为两种方式,一种是通过其自带的管理平台,另一种就是通过其查询分析器来运行SQL的脚本从而生成相应的数据库,本文采用后者设计(调用)监视数据库。在网站后台系统中使用ODBC的方式连接SQL Server的原理就是利用Windows操作系统本身自带的ODBC添加其自带数据源JKinfo,并采用以下代码建立连接。

Java下的网站后台与数据库的连接分析

Java在网站编程中与数据库的连接主要以JDBC(Java数据库连接)的形式实现,JDBC作为一种执行SQL语句的JavaPI,能够为SQL Server提供统一的访问接口,其实现主要是由Java语言编写的接口与类组成。以Java为基础的网站后台系统在与SQL Server进行连接时往往根据的是连接池的原理,以及应用连接池的技术来具体实现。连接池的主要思想就是:通过使用相应的编程语言,建立一套连接分配、管理、使用策略,用以保证连接的安全性与高效性,同时避免对数据库的连接进行频繁的建立与关闭的开销。另一方面,因为一般要对JDBC中原始的连接进行封装,因此也提高了数据库对于连接的使用效率,同时隔离了数据库具体访问逻辑与数据库本身的处理逻辑,使得其对本身的复用变成可能。连接池主要由:连接池建立、对其中的连接的应用与管理、连接池关闭三个部分组成,如图2所示。

在实际的开发过程中,应用程序经常会需要访问若干个不同数据库,而通过同一连接池访问这些不同数据库,就是应用程序本身需要解决一个关键的问题。

结束语

从上面的一个简单的变量传递的例子,可以看出数据库语言可以结合多用网站后台编程技术使用,并在不同的应用中产生不同的效果。采用数据库的脚本结合不同的网站编程语言达到对后台数据进行批处理,也将是一个新的发展契机。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章