电炖锅厂家
免费服务热线

Free service

hotline

010-00000000
电炖锅厂家
热门搜索:
行业资讯
当前位置:首页 > 行业资讯

divcss入门思想引导

发布时间:2019-03-13 03:51:09 阅读: 来源:电炖锅厂家

随着W3C网页标准的影响和优势组件深入人心,国内许多门户网站纷纭转为用div+css技术来重新编写网站页面,而对许多已习惯table布局的程序员来讲,要一下子转换自己的思惟,用一种全新的思惟方法来面对布局这1工作的时候,是有困难的。为了克服这类困难感,笔者在此谈谈自己的一些心得体会。

过去,在拿到设计师设计好的网页PSD文件后,通常我们都是切图,然后使用Dreamweaver等软件,表格创建好框架后导图,然后开始具体代码的编写,现在我们应当暂时遗忘这种方法,当拿到一个PSD文件后,先在白纸上画清楚这个网页的结构层次,并给每一个模块赋予相应的名字。

一般来说,一个普通的网页,大致可以分为以下几个大模块:头部,logo区、导航区、内容区、友情链接区、底部说明区。这些大模块里面又可能划分成若干个小模块,以内容区为例,可以按上下关系,分成第一部份焦点区(ID:focus)、第二部份图片区(ID:photo)、第三部份评论区(ID:review)等七星彩历史开奖号码等,而里面的每一个模块又可以继续细分小模块,一直细分到表现美腿高跟不同内容功能的元素。

任何一个html页面,都精美短文是由表现不同功能、具有不同层次的模块和元素组成的。最基本的集中元素分别是:标题(h1-h6)、段落(p)、图片(img)、动画(swf)、音频(mp3)、视频(mpeg、rm)等。在一个网页上,具有相同或类似表现效果的,尽可能用相同的元素名称去定义,既可以有效减少代码,又便于往后的网页改版。

与此同时,划分网页模块的进程,也是一个给模块和元素命名的进程,以模块的命名为例,每一个模块一般都要加上它的父模块名称作为前缀,比如说,focus区里面的左边区,则命名为focus_left这个子模块里面的图片子模块,则命龙珠沙鲁名为focus_left_photo.通过添加父模块名称的前缀来命名,既可以明确标注每一个模块的从属关系,又可以让其他后来跟进的人员可以快速理解该模块的含义,从而便于管理和保护。(固然这个不是一定的,根据个人习惯需求来书写。)

在早期的学习中,可以挑选10个左右不同复杂程度的现成网页,花几天时间,从简单的页面开始,逐一秒素清楚每一个网页的结构层次,每一个模块应当如何命名,最底层的元素如何定义,可以说,随着网页结构层次的逐步解剖和各个模块、元素的逐一命名,一个完全的css+div网页代码,最少已写完了1/3,再逐步学习css的属性,和兼容性,我想,这样按部就班的进程,很快就可以掌握div+css网页布局的技术了。

转载请注明出处:北京网站建设 ://.beijingjianzhan.-西西弗斯工作室。

相关阅读