DIV教程之DIV+CSS网页结构心得
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。网页制造poluoluo文章简介:DIV+CSS是很复杂的一种结构体例,乃至比任何一种编程言语都要复杂(固然它不克不及算是编程言语)。
我们在poluoluo.com一向夸大交换的主要性,只要经由过程交换才干发明本人的不敷,才干明白的晓得本人究竟把握了几常识,哪些中央不敷,哪些中央已把握,明天与人人分享一名poluoluo网友的DivCSS网页结构心得。DIV+CSS是今朝互联网网页制造最抢手的办法,但关于完整手写代码,很多网页计划师都看而止步。实在DIV+CSS是很复杂的一种结构体例,乃至比任何一种编程言语都要复杂(固然它不克不及算是编程言语)。
起首你要晓得,当你入手下手进修DIV+CSS的时分,你要把之前一切用DW画结构表格的头脑办法忘的一尘不染(假如你之前是用TABLE结构的话),但是这项手艺更合适刚打仗网页制造的人。
然后你要晓得,DIV+CSS是高本钱开辟,速率固然是没有你画TABLE来的快,可是优点更多,信任假如你能看到这里,你必定对DIV+CSS的优点也有必定的懂得了。
最初你还得晓得,你所用的工具,你大概以为Dreamweaver很好,没错,它切实其实不错,但你要熟悉到,当你纯熟利用了这门手艺,你就能够在任何文本编纂器中编写网页,乃至在记事本中,而dreamweaver只是充任一个文本编纂器的脚色,而你一切的事情基础都在代码视图中完成,在这里我保举adobe最新的dreamweavercs4。固然假如CS5呈现了我也会往试用它。
切进正题,实在DIV+CSS准确的说法应当是XHTML+CSS,说成DIV的缘故原由只是让它能更明白地和TABLE结构办法辨别开来,并非说一个页面里没有TABLE,而是在甚么中央利用TABLE,你要熟悉到TABLE是表格,是寄存数据用的,而不是用来结构的。
接上去是结构头脑体例,大概人人在打仗DIV+CSS的时分无从动手,我如今向人人保举最出名的盒子模子,我也是看了这个模子后一会儿就开窍了。
你大概会说,很多多少英文看不懂,不外我告知你,很抱愧那三个英文你必需记着,并且是最主要的三个,你能够把这么个盒子当作一个DIV,而一切标签都带有这三个属性。
正如你所见到的这个是一个方块,而网页呢,是由这么多年夜巨细小的方块构成的,大概以下实例会更明白的让你懂得这个盒子。
我在这里借用了新浪博客的盒子来讲明下,人人大概发明了,实在边框border常常就只要1px的宽度,谁叫它是边框呢。而外补钉margin呢,它代表了DIV(盒子)和DIV(盒子)之间的间隔,而内补钉padding则是年夜盒子(DIV)和内里的盒子(DIV)的间隔(盒子(DIV)内里能够放盒子(DIV)哦)。
这工具比表格好的唯一就是你可以定义一个ID,想怎么玩它就怎么玩他,表格用来处理显示数据,DIV+css+TABLE就行了,都什么年代了,以前没有DIV,而且386的年代不也一样,现在都奔腾4了 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. 只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器) 还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 可以使用 CSS 检查工具进行设计。 布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。 还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
页:
[1]