网络平台布局与构建：基于div+css的网页开发实践报告
网页构建div+css实践报告
DIV+CSS是网络规范（或称作“WEB规范”）中常用术语之一，通常用于阐述与HTML网页设计语言中的表格（table）定位方法的差异，因为XHTML网络规范中，不再采用表格定位技术，而是采用DIV+CSS的方式来实现各种定位。SEO代表搜索引擎优化，主要是指通过对网站结构、标签、排版、关键词等方面的优化，使搜索引擎更容易抓取网站内容，并使网站各个页面在搜索引擎中获得较高评分，从而获得更好的排名。DIV+CSS网页布局对SEO具有非常重要的作用。具体来看，它有哪些优势呢？
DIV+CSS的网页布局对SEO的优势一、无表格嵌套问题
许多关于“网站如何推广”的文章中提到，搜索引擎通常不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的实验结果尚未完全出来，但根据目前掌握的情况来看，Spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套内容或直接放弃整个页面。
使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，蜘蛛（Spider）爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
DIV+CSS的网页布局对SEO的优势二、简洁的代码
使用DIVCSS布局，页面代码简洁，这一点相信对XHTML有所了解的人都知道。观看更多HTML教程内容。
代码简洁带来的直接好处有两点：一是提高蜘蛛（Spider）爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；二是由于能高效爬行，就会受到蜘蛛（Spider）欢迎，这样对收录数量有很大好处。
而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。
尽管这一点没有得到确认，但还是建议使用Table布局的朋友，在设计时尽可能不使用多层表格嵌套，SEOer（SEO工作者）们在文章中说明了这一点，相信他们也不是没有依据。
DIV+CSS的网页布局对SEO的优势三、对搜索引擎排名的影响
基于XHTML标准的DIV+CSS布局，一般在设计完成后会尽可能完善到能通过W3C验证。截至目前，没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XHTML架构的网站排名状况一般都不错。
DIV+CSS的网页布局对SEO的优势四、提高网页访问速度
DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大提高，这在蜘蛛（Spider）爬行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛（Spider）就会认为这个页面无法访问，影响收录及权重。
真正的SEOer（SEO工作者）不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。
从另一个角度来看，抛开DIV+CSS对SEO的有利影响，单独来讲这种div+css布局也是很有益的，可以说是当下最流行的网页布局方式。它可以加快我们网站的速度，便于管理与修改。当然，div+css布局也有不完善的方面，比如它的css样式表与各种浏览器之间的不兼容问题。当然，如果你是div+css高手的话，相信这个不难吧！
网页制作高手请帮我解析一下这些实验报告如何撰写，恳请指教。
第一点是让你写个方案，那要看你自己思路了。
第二点和第三点是让你把材料收集起来，使之有助于发布网上。
第四点是让你查看Internet上的网站，吸取经验。
第五点就是实际操作了，我给你一个导航条代码与网站框架。你借鉴一下！
这是单个的导航条……
*{
margin:0;
padding:0;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:#666;
}
#nav{
margin:100px;
list-style:none;
}
#nav li{
float:left;
}
#nav li a{
padding:10px 20px;
background: url(images/nav.gif) repeat-x;
color:#fff;
text-decoration:none;
text-transform:capitalize;
display:block;
}
#nav li a:hover{
color:#000;
background:#ccc;
border:0px solid#000;
}
#nav li a:active{
background:#333333;
}
这是简单网页……
//--------------- 可本地化的全局变量---------------
//--------------- 可本地化的全局变量 -------------
var d=new Date();
var monthname=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
//确保正确性，英文为"一月一日，2004年"
var TODAY= monthname[d.getMonth()]+""+ d.getDate()+","+ d.getFullYear();
//--------------- 结束可本地化 ---------------
 |
插入网站名称 | ||||||||||||||||
| 可选标语 | |||||||||||||||||
|
|||||||||||||||||
|
|||||||||||||||||
|
document.write(TODAY); |
|||||||||||||||||
|
|||||||||||||||||
|
|||||||||||||||||
|
|
|
|
|
|||||||||||||