返回

长沙芙蓉区java培训机构

网页制作中div是什么

网页设计学习网更新时间:2021-06-21 浏览:279

网页制作中div是什么?DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。可定义文档中的分区或节(division/section)。

标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

如果用 id 或 class 来标记,那么该标签的作用会变得更加有效。

注释:是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。

提示:请使用元素来组合块级元素,这样就可以使用样式对它们进行格式化。

web界面设计原则主要有这些:一致性原则;主次性原则;扁平化原则;及时反馈原则。如果想具体了解web界面的设计原则有哪些,那不妨接着往下看吧!

1、一致性原则

对于相同或相近的业务功能,操作方式保持一致,培养用户的操作习惯。比如查看联系人功能,如果有的页面是点击弹出窗口查看,有的页面是点击从右侧展出内容,就会让用户产生困扰,降低用户体验。所以要不就统一的弹出窗口查看详情,要不就统一的从右侧展开详情。

此外,对于组件颜色、组件尺寸、组件摆放位置也尽量保持一致。比如弹出窗口,类似的业务不能有的窗口大,有的窗口小;一个查找联系人的输入框,不能有的页面放在右侧,有的却放在左侧;确认按钮,不能有的页面是蓝色,有的页面是灰色。

2、主次性原则

避免并列过多操作让用户选择,在不得不并列多个操作时,需区分操作主次,减轻用户的选择难度。

3、扁平化原则

这里说的扁平化除了指界面效果的扁平化外,还包含了操作的扁平化这一层意思。即:

(1)降低页面层级,能够一个界面解决的不要弹出窗口,能够弹出一层窗口解决不要弹出两层窗口;

(2)降低操作复杂度,以清晰明了的方式让用户完成操作。比如对于复杂的表单填写进行分步处理,每一步给出指引;

(3)降低鼠标点击次数。比如一个新增用户操作,如果是每增加一个用户都要用户点击弹出一次窗口,完成后点击“确定”窗口关闭,添加第二个人再弹出窗口。不如加入一个“确定并继续添加”按钮,这样窗口并不关闭,让用户每次添加用户都可以少点两次鼠标,降低用户使用系统的疲劳感;

4、及时反馈原则

任何一个产品,即使用户界面做的再好,也离不开用户引导和信息提示。操作过程中尽可能将状态的反馈给用户,即时的响应会给用户增加信赖感。包括:

(1)加载反馈。比如当用户点击一个按钮时,其实后台已经开始处理业务,但如果界面无任何反应会让用户觉得操作失败,所以当一个操作需要一定时间完成时,就需要即时告知进度,保持与用户的沟通;可以给一个进度条或者一个信息提示,甚至是一个转圈的小图标表示正在进行中也可以;若加载时间较长,应提供取消操作。

(2)录入反馈。比如操作过程中可通过校验规则,让用户及时发现并纠正错误;使用输入框组件的自动完成功能,用户输入时,下拉列表会随着输入的关键词显示匹配项;实时搜索,随着用户输入,实时显示搜索结果等。

(03)结果反馈。操作结束后,给出提示告知用户。尽量使用toast这类提示,这是不打断用户操作的轻量级提示方式。必要时也可使用弹窗反馈,弹窗是很强的反馈机制,只有在传递非常重要,且可操作的信息时才需要使用它。

相关资讯

美工和设计都有哪些区别
2021-11-10 463
针对很多人而言,没法无别美工设计与UI设计师,在绝大部分人印像中,二者是一样的。美工设计和UI设计他们有一个相同点便是他们用的手机软件通常是一样的如Photoshop,CorelDRAW ,AI等手机软件,但实际上彼此之间差别非常大...
什么是网页制作中alt
2020-12-18 449
网页制作中的alt是一种参数属性,alt的作用就是当HTML元素本身的物件无法被渲染时,就可以显示alt文字作为一种补救措施;alt属性...
网页设计如何设计字体颜色
2023-02-14 408
网页设计如何设计字体颜色1、html页面中设置color 字色这是我的段落2、style应用3、CSS中定义html样式在这里定义:p{color:blue}...
网页制作中hr是什么代码
2021-07-15 389
网页制作中hr是什么代码?下面小编给大家介绍一下。在HTML中,hr有“水平线”的意思,是用于在页面中创建一条水平线的一种标签。...
dw怎么制作网页框架
2020-12-17 364
dw怎么制作网页框架?下面小编给大家介绍一下。DW设置框架结构的教程:设置好站点,建立新文件,类型为HTML,选择“新建”下的“...
网页制作中bottom是什么
2021-06-22 335
网页制作中bottom是什么:bottom是css定位属性中的一种属性。属性定义:对于肯定定位元素,bottom属性设置单位高于/低于包含它的...
如何用dw制作网页
2023-02-14 324
如何用dw制作网页1、点击软件主界面中间的“新建”按钮,启动DW。2、在弹出的“新建文档”窗口中,选择“HTML文档”,点击“创建...
网站页面底部信息应该放哪些内容
2023-02-14 298
网站页面底部信息应该放哪些内容?1、底部考虑做子导航就是在底部放一些网站核心关键词的链接以及友情链接或者将网站的常见问题也...

相关课程

栏目导航