`
charrysong
  • 浏览: 50413 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

谈谈网页布局之境界

阅读更多
我相信一般人网页布局都经过如下过程:

1.完全使用设计器拖拉式布局。
2.书写简单标签,定位等复杂操作仍需要设计器解决。
3.完全书写代码,但往往是标签和样式同步书写。

我相信现在大多数同学还出于第3条所描述的境界,其实还有第4种,这也是本人现在所使用的布局方法:
4.效果图分析完成后,先将html书写完毕,样式后续附加。

首先不论出于那种情况,都是可以做出好的作品,只是对布局的理解不同罢了,其实针对第4条来说,在这里简单谈下它的好处以及达到这样的境界需要做的准备:

这样做毫无疑问界面以及代码都将更加简洁,漂亮;有句话说的好,简洁漂亮的代码往往是执行高效的代码,如果你力求做到这个,那么我相信你肯定做的比别人更好。

我想大家都知道,html是网页的骨架,只有将它写好了,以后样式的附加才会更容易,如果说两者的关系,那么html应该是前提。但要想做到这个,需要你对html都非常的了解,对元素的选择,取舍都有相当丰富的经验。

在这方面做的最出色的就是 csszengarden 了,html书写完后,如果设计师足够厉害,可以写出千万种风格不同的网页。

你可能觉得我说的比较空洞,但就是这样的,有些东西确实需要自己去慢慢体会,多做,多体会。
转自:http://www.ok22.org/art_detail.aspx?id=179
分享到:
评论

相关推荐

    DIV+CSS 网页布局常用基础知识

    在网页设计领域,`DIV+CSS`是一种广泛采用的布局技术,它将内容与样式分离,使得网页结构清晰,易于维护和更新。本教程将深入探讨`DIV+CSS`网页布局的基础知识,帮助你理解这一核心技能。 首先,我们要了解什么是`...

    结合CSS3的布局新特征谈谈常见布局方法

    常见的网页布局类型包括T型布局、国字型布局、POP布局、左右布局型以及上下布局型。布局的目的是要清晰展示网站内容,提升用户体验。 T型布局是较为常见的布局形式,顶部通常会放置网站标志或者广告横幅,下方左侧...

    div+css3.0网页布局精粹

    《div+css3.0网页布局精粹》是一本深入探讨网页布局技术的专业书籍,主要针对div和CSS3.0的应用进行详细解析。在互联网页面设计中,div元素与CSS3.0是构建高效、响应式和美观网页的重要工具。本书旨在解决网页设计师...

    谈谈网页中的“信息“.pptx

    标题“谈谈网页中的‘信息’”主要探讨了网页设计中信息的重要性以及信息如何在网页上呈现,这与互联网技术紧密相关。在这个数字化时代,网页作为信息传播的主要载体,其设计和构建方式对用户体验有着深远影响。 ...

    网页美工和DIV+CSS布局相关学习PPT资料

    首先,让我们谈谈网页美工。这是一个涵盖广泛领域的概念,包括色彩理论、版式设计、图形设计、用户体验(UX)设计以及交互设计等。美工在网页设计中的主要任务是创造出吸引人的视觉呈现,通过色彩搭配、图像选择和...

    谈谈Java中的布局管理器.pdf

    Java中的布局管理器可以分为七种:流布局管理器(FlowLayout)、边界布局管理器(BorderLayout)、网格布局管理器(GridLayout)、卡片布局管理器(CardLayout)、盒式布局管理器(BoxLayout)、网格袋布局管理器...

    DIV + CSS 布局的一个离散数学网站模块

    首先,我们来谈谈HTML(HyperText Markup Language),它是网页内容的骨架。在这个离散数学网站模块中,`<div>`元素被广泛使用。`<div>`是HTML中的一个块级元素,它可以用来包裹其他元素,形成逻辑上的区块,方便...

    网页制作教程

    CSS则负责页面的外观和布局,让网页看起来更加美观和有序。JavaScript则用来增加交互性,比如表单验证、动态效果和响应式设计。 首先,让我们深入HTML。HTML由一系列标签组成,每个标签都有特定的含义。例如,`...

    侧边固定2列布局HTML5模板是一款采用两列布局,左侧固定不动的HTML5网站模板。_html网站模板_网页源码移动端.rar

    在构建现代网页时,设计和布局是至关重要的因素。标题提到的"侧边固定2列布局HTML5模板"是专为实现这种特定布局而设计的一种网页模板。这种模板利用HTML5的强大功能,结合CSS3的先进特性,为用户提供了一种高效、...

    综艺节目介绍11页成品下载 大学生网页制作模板下载 html网页设计作业 dw期末成品代码下载

    最后,`images`目录通常包含网页所需的图像资源,如logo、背景图、按钮等,而`qinzi`和`music`可能是特定主题的子目录,存储与之相关的图片或音乐文件。 总的来说,这个压缩包中的内容反映了大学生在网页设计课程中...

    左右布局上下滚动选项卡

    4. `css`:这是一个文件夹,很可能包含了样式表文件,负责定义网页的样式和布局,包括左右布局和选项卡的样式。 5. `images`:这个文件夹可能包含用于网页的各种图像资源,如图标、背景图片等。 6. `js`:可能包含...

    一个汽车类DIV+css布局的html网站

    在本资源中,我们有一个基于"DIV+CSS"布局的汽车类HTML网站示例,它非常适合初学者或希望深入理解网页布局技术的人士学习。这个网站的构建是使用纯HTML和CSS来创建一个动态和响应式的汽车展示页面,旨在演示如何有效...

    经典布局的设计公司网站

    在构建经典布局的设计公司网站时,`DIV+CSS`技术是现代网页设计的基石,它为网页带来了灵活性、可维护性和高效性。本项目显然基于这一原则,旨在创建一个既简洁又实用的在线存在,以展示设计公司的专业能力和服务。 ...

    网页设计之特技效果汇总

    在本教程中,我们将深入探讨“网页设计之特技效果汇总”,涵盖了一系列增强用户体验和视觉吸引力的技巧。 首先,让我们谈谈“隐藏菜单”。这种设计模式常见于响应式网页设计中,当屏幕尺寸较小,如手机或平板电脑时...

    网页素材(适合初学者)

    首先,我们来谈谈“网页制作”。网页制作涵盖了从规划、设计到开发的全过程,主要包括HTML、CSS和JavaScript等关键技术。HTML是基础,用来构建网页的结构;CSS负责样式设计,让网页看起来更美观;JavaScript则用于...

    网页课程设计&毕业设计_网页课程设计&毕业设计_黑色背景宽屏自适应css网站模板.zip

    首先,我们来谈谈网页模板。网页模板是预先设计好的网页布局和样式,可以作为基础,帮助开发者快速创建具有特定外观和功能的网页。在课程设计或毕业设计中,选择合适的网页模板可以节省大量的时间和精力,使学生能够...

    布局与日历

    首先,我们来谈谈“布局”。在Java中,布局管理器是控制GUI(图形用户界面)组件如何在窗口中排列和大小调整的工具。Java提供了多种内置的布局管理器,例如 FlowLayout、BorderLayout、GridLayout、CardLayout 和 ...

    网页设计(三)

    首先,我们来谈谈网页布局设计。布局是网页设计的核心,它决定了网站信息的组织方式。常见的布局模式有网格系统、瀑布流、F型布局等。理解这些布局模式有助于创建用户友好的界面,使访问者能够轻松导航和找到所需...

    新疆知行书网页素材

    首先,我们来谈谈图片在网页设计中的作用。图片是提升网页视觉吸引力的关键,它们可以传达信息、营造氛围,甚至引导用户的浏览方向。在"新疆知行书网页素材"中,可能包含各种类型的图片,如背景图片、图标、产品展示...

Global site tag (gtag.js) - Google Analytics