仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 618|回复: 7
打印 上一主题 下一主题

[DIV+CSS] DIV教程之table建站,XHTML建站和DIV建站的分歧

[复制链接]
老尸 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:22:42 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
网页制造poluoluo文章简介:利用Table,DIV,XHTML三者制造网页的区分.
比来有客户问到“table建站、DIV建站和XHTML建站的区分”,实在这也是国际网站建立慢慢走向成熟的标记。网站建立,复杂的来讲,就是“这团体长的怎样”和“这团体心坎怎样”。一部分是表面所展现出来的“视觉效果”、另外一部分是躲在内里的“代码元素”。
我们先来举一个复杂的例子,用这3种分歧的代码作风,完成统一个页面效果:
1.起首是用table来写,必要8行代码:

<table>
<tr>
<th>网站题目</th>
</tr>
<tr>
<td>网站内容</td>
</tr>
</table>

2.然落后步到用DIV,2行就能够了,可是由于存在两个DIV,为了区分,必要给分歧的ID:

<divid=“title“>网站题目</div>
<divid=“content“>网站内容</div>

3.用XHTML来写:

<h1>网站题目</h1>
<div>网站内容</div>

优弱点:
用更加简便的XHTML代码作风,不单单是为了提拔页面开启速率。究竟如今收集带宽愈来愈年夜,翻开10K的网页代码和翻开5K的网页代码区分其实不分明。而接纳XHTML建站的弱点也很分明,假如是一个一样范围的网站,用TABLE做,1小时就能够了,用DIV要2小时,用切合语义的XHTML则必要3小时,固然这只是一个预估,依据页面的分歧和手艺职员的纯熟度,工夫下面会有必定的收支。

那我们何须多花工夫来做网站?
跟选妻子一样,我们不该该只垂青这团体表面是不是仙颜,而更主要的是体贴她“外部设置”怎样,否则娶回家,三天两端跑病院,没事就跟你吵一架,心境一定不会太愉悦。
一样的,做网站,不克不及只看计划作风怎样怎样。更最要的是中心代码怎样、质量怎样。我们做出来的网站不是摆在家里本人浏览的,更主要的是往推行这个网站,给本人的企业带来收集影响力。让用户搜刮某个关头词能找到你的网站,而不是找到他人的网站。

那如何让搜刮引擎找到本人的网站?
最复杂的办法是写搜刮引擎能够看懂的代码,也就是呆板言语。
搜刮引擎其实不晓得页面展示出来的效果是甚么模样的,它究竟是呆板,最少如今不会和人一样,坐在显现器前边,很分明的看到表面,很分明的晓得主次之分。它只能经由过程呆板言语——也就是你写下的代码来懂得你的网站、收录你的网站。
当你用切合语义的XHTML,告知它哪一个是更主要的题目(H1/H2/H3/H4/H5/H6),哪一个是列表(UL/OL/DL),哪一个是段落(P)……它就会以为你是一个坏人,写下了它能看懂的言语,它就会把你的排名往前边提。
而全部网站都是table结构,谈不上主次之分,搜刮引擎了解也会很费劲。DIV结构就更好笑了,全部网站写下的都是id=”title”,更有甚者写的都是拼音id=”biaoti”,更更有甚者用id=”tit01&Prime;,光怪陆离的代码作风,岂非开辟职员在期望如今的电脑就可以读懂人类言语?乃至还中文英文自创文都懂?

三者的干系
实在开篇就应当提一下三者的干系,怕观点性的玩意太多,吓跑了一样平常读者,最初扼要的先容一下。实在table、div都是xhtml的一个元素,table有它本人的感化,它就是用来做表格的,当网站内必要表格元素的时分,它是不成或缺的构成部分。div更是经常使用的元素之一。我们应当依照它们在呆板言语中的语义,来赐与他们分歧的任务,而不是复杂的拿过去任意放在一个中央就入手下手用,实在哪个元素都能够做一个网站,乃至能够只用p标签来做网站、只用ul标签来做网站,但那样做出来的器材,看起来效果一样,实践上会形成呆板人的浏览停滞。剖析速率慢是大事,万一被搜刮引擎以为是不友爱要素,给屏障了,就贫苦了。究竟,网站一团体玩没啥意义。
</p>
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站。
因胸联盟 该用户已被删除
沙发
发表于 2015-1-17 22:21:07 | 只看该作者
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
小妖女 该用户已被删除
板凳
发表于 2015-1-24 19:49:21 来自手机 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
飘灵儿 该用户已被删除
地板
发表于 2015-2-7 23:45:07 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
爱飞 该用户已被删除
5#
发表于 2015-2-23 23:44:14 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
小魔女 该用户已被删除
6#
发表于 2015-3-7 10:26:46 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
只想知道 该用户已被删除
7#
发表于 2015-3-15 01:29:08 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
若相依 该用户已被删除
8#
发表于 2015-3-21 19:36:03 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 21:53

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表