网页设计中的CSS是什么意思
当前位置:贝知网>知识分享>设计开发>网页设计中的CSS是什么意思
网页设计中的CSS是什么意思
时间:2022-08-19 设计开发

网页设计中的CSS是什么意思

网页设计中的CSS是什么意思?

网页设计中运用的CSS是用来控制一个文档中某一文本区域外观的一组格式属性。CSS样式可以定义在HTML文档中的标记里,也可以在外部附加文档中作为外加文档。

一、网页设计中的CSS是什么意思

CSS(Cascading Style

Sheet,级联样式单)是用来控制一个文档中某一文本区域外观的一组格式属性。CSS样式可以定义在HTML文档中的标记里,也可以在外部附加文档中作为外加文档。

这样,一个样式单就可以用于多个页面,甚至整个站点;当CSS样式有所更新或被修改之后,所有应用了该样式单的文档都会被自动更新,所以CSS具有更好的易用性和扩展性。

二、CSS网页布局的优点

(1)使页面载入得更快:由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。

(2)降低流量费用:页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了。

(3)修改设计时更有效率:由于使用了DIV+CSS制作方法,在修改页面更加省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面时更加方便,也不会破坏页面其他部分的布局样式。

(4)页面布局灵活:DIV+CSS使得页面布局方便操作灵活,改版时只需改CSS样式即可实现页面重新布局,而不用改动程序,从而降低了网站改版的成本。页面效果丰富,包括视觉效果和用户体验,比如拖拉。

三、CSS网页布局的缺点

(1)DIV+CSS尽管不是高不可及,但至少要比表格定位复杂得多,即使对于网站设计高手也很容易出现问题,更不要说初学者了。

(2)CSS网站制作的设计元素通常放在1个外部文件中,或几个文件,有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。

(3)兼容性较差:虽然说DIV+CSS解决了大部分浏览器兼容问题,但是也有在部分浏览器中使用出现异常,比如火狐浏览器,在I正中显示正常的页面,到了火狐浏览器中可能会面目全非。

当然这应该是浏览器的问题,在目前来看,DIV+CSS还没有实现所有浏览器的统一兼容,故设计时需要把不同浏览器样式都考虑进去。

网站交互设计的原则

网站交互设计是以网站定位为主线,以准确有效的用户群分析数据为基础,促进网站设计与用户沟通,必须遵循以下原则:专注于用户要执行的任务、保持简单,不要使用户的任务复杂化;可预知但不能盲目等。

(1)专注于用户要执行的任务,而不是技术。考虑用户的使用环境,而不是开发者,不需要开发者炫耀技术。

(2)保持简单但不简陋,不要使用户的任务复杂化。不要给用户带来额外的问题,删除那些用户在使用前需要弄清楚和推理的东西。

(3)可预知但不能盲目。可预知是指用户在网站中可以对自己的下一步操作有一定的预知性。

(4)与用户对任务的角度相一致。使用用户的词汇,不暴露程序的内部运作,并在功能和复杂性之间找到一个平衡。

(5)方便用户学会使用。减少用户的记忆量,与常见的网络使用习惯保持一致。

(6)先考虑功能,再考虑表现形式。以用户的任务功能进行概念设计,然后考虑视觉设计。

(7)传递信息,而不是数据。屏幕是用户的,视觉设计要根据用户群的喜好来保持显示的惯性。

(8)为响应性而设计。即刻确认用户的操作,让用户知道网站是否在忙,在等待时允许用户做的其他事情,动画要做到平滑和清晰,让用户能终止长时间等待的操作,让用户能够预计操作所需的时间,尽可能让用户掌握自己的工作节奏。

(9)让用户试用测试后再修改。了解用户如何看待网站所要解决的问题,找到网站与用户期望的不一致或不相容之处,即原型不符合用户的直觉和习惯的地方,只要用户能发现问题,就及时纠正,完善网站。