国际艺术界  
国际艺术界首页
 
    国际美术网 国际书法网
国际音乐网                    
国际影视网
 
国际设计网
  国际摄影网   国际广告网    
书画装裱|配框 国际文学网
国际艺术市场       LOGO标志设计  
 
艺术原创区
 
   
   
 艺术家库 | 人体艺术 | 会员中心 | 资源下载 | LOGO设计 | 艺术展厅 | 艺术家排行榜 | 艺术设计 | 作品欣赏库 | 在线投稿
  您的位置:国际艺术界-->国际设计网-->网页多媒体  
国际设计网   
每期榜上星闻   
热点推荐    
  标志设计欣赏    
  平面设计欣赏    
  设计精品    
  设计师加盟    
  包装设计欣赏    
视觉识别    
  标志设计    
  平面设计    
  包装设计    
  服装设计    
  名片设计    
工业设计    
  交通工具    
  电子产品    
  日常用品    
  其他用品    
  设计作品欣赏    
网页多媒体    
  网页设计    
  多媒体作品    
  酷站收录    
  网页理念    
  作品欣赏    
CG 动画    
  CG 插画    
  手绘插画    
  动漫Flash    
  素材与教程    
  作品欣赏    
建筑与环境    
  城市景观    
  园林园艺    
  室内艺术    
  建筑艺术    
  作品欣赏    
学艺沙龙    
  高考辅导    
  设计教程    
  学习院校    
  推荐图书    
  设计对话    
设计服务商    
  设计资讯    
  人才中心    
  设计公司    
  个人与团体    
  设计书籍    
  广告作品欣赏图库   
  媒体广告欣赏   
  室内外广告欣赏   
  展览展示欣赏   
  广告礼品欣赏   
  优秀广告欣赏   
  广告设计   
  公益广告   
  化妆品品牌   
  设计作品欣赏图库   
  LOGO-标志设计欣赏   
  平面设计欣赏   
  包装设计欣赏   
  服装设计欣赏   
  交通工具欣赏   
  电子产品欣赏   
  日常用品欣赏   
  其他用品欣赏   
  网页设计欣赏   
  多媒体作品欣赏   
  CG插画欣赏   
  手绘插画欣赏   
  动漫Flash欣赏   
  城市景观欣赏   
  园林园艺欣赏   
  室内设计 室内装修   
  建筑艺术欣赏   
  精品海报欣赏   
  QQ头像   
  QQ网名   
  名片设计欣赏   
  字体设计   
  画册封面|画册设计   
  商标设计商标转让查询   
  书法作品欣赏图库   
  毛笔(软笔)书法欣赏   
  硬笔书法欣赏   
  篆刻艺术欣赏   
  美术作品欣赏图库   
  国画欣赏   
  油画欣赏   
  工艺美术欣赏   
  雕塑浮雕欣赏   
  装饰画图片素材   
  素描头像素描静物   
  景泰蓝工艺画   
  摄影作品欣赏图库   
  老照片欣赏   
  新闻摄影欣赏   
  人体艺术|人体摄影   
  广告摄影欣赏   
  人物摄影欣赏   
  体育摄影欣赏   
  风光摄影欣赏   
  婚纱照片欣赏   
  影视曲艺作品图库   
  影视精彩片段欣赏   
  戏剧艺术片段欣赏   
  曲艺艺术片段欣赏   
  戏曲艺术片段欣赏   
  音乐作品欣赏图库   
  声乐欣赏   
  器乐欣赏   
  FlashMV欣赏   
  音乐作品(MV)欣赏   
  非主流图片   
  非主流图片素材   
  非主流图片设计   
  非主流签名   
  非主流闪图   
  非主流头像   
  非主流动画   
  非主流歌曲   
  桌面壁纸欣赏图库   
  WINDOWS主题壁纸   
  苹果主题壁纸   
  动物植物风光   
  经典设计壁纸   
  人物主题壁纸   
  高分辨率壁纸   
  游戏卡通壁纸   
  其他类别壁纸   
  个性图标头像   
 
如何保持清晰的文档结构
2006/6/25 17:55:16  作者:ideawu  
 

我十分支持Web标准,并且认为它提出的文档对象模型(DOM,Document Object Model)是非常合理而且有用的。文档对象模型让我们脱离字符,在结构层面高级方式操作文档。

在网页制作(HTML/XHTML)方面,遵循Web标准可以使网站的结构更加合理。但是,新的标准总会导致一部分旧的网页制作者的排斥,很简单,因为他们无法掌握新的标准或者/同时他们认为不需要新的标准,原来的方式已经够用了。我不跟后一部分的人讨论。

应用标准的时候,有些网页制作者已经走进了一些误区。往往为了一个标准不擅长而且是微不足道的效果而弄得文档结构混乱。这显然已经违反了Web标准的初衷。Web标准就是让我们以清晰的结构来组织文档,好使用DOM方式操作文档。

举一个例子来说,在网页制作过程中的三栏(一般是3个div标签)布局。很多网页制作者都通过3个div标签的嵌套来达到目的,因为如果不嵌套,在窗口缩小的时候,div标签会向下流动。

它们是这样的:

<div id="column1">
        <div id="column2">
                <div id="column3">
                </div>
        </div>
</div>

无论从结构还是从内容或者表现上讲,这三栏一般都是等地位的,不应该嵌套。嵌套已经暗示了它们的附属关系。当我们使用xml解析工具如 JDOM,DOM4j 或者 DOM的JavaScript(ECMAScript)绑定 来解析这些内容时,我们就会发生逻辑上的混乱。

对Web标准抱有偏见的人可能会说,使用表格布局可以轻松实现良好的三栏布局。那我们来看看表格的代码:

<table>
        <tr>
                <td id="column1"></td>
                <td id="column2"></td>
                <td id="column3"></td>
        </tr>
</table>

可能表格在表现上能容易达到三栏布局,但是代码的结构上与上面一样是多层嵌套。<table>和<tr>标签是是冗余的。

正确的方法应该是下面的代码:

<div id="column1">
</div>
<div id="column2">
</div>
<div id="column3">
</div>

http://www.djangoproject.com 这样使用:

<div id="subwrap">
        <div id="content-main">
        </div>
        <div id="content-related">
        </div>
</div>
<div id="content-extra">
</div>

因为它认为第三栏只是额外的(extra)。这种布局从代码上可以看成是两栏布局,然后第一栏再分成两栏,所以表现上是三栏。

这样,符合结构和内容的关系,表现方面我们可以通过在CSS(级联样式表)中设定每一栏的宽度百分比来完成。或者我们定义每一栏的固定宽度,再定义 body标签的最小宽度(IE6不支持,所以需要把三栏放在一个div--container里,再定义这个div的最小宽度)。我们还有更多的方法。

当需要表现复杂的外观的时候,我们应该怎么办?比如圆角边框,那么就使用图片吧。

 
编辑:国际艺术界  
设计大师帮扶:标志logo设计 包装设计 画册设计 广告设计 平面设计等VI系统设计 在线QQ:104601249
上一篇】   【下一篇】    【字体: 】【打印


      
   
《国际艺术界名家大典》征稿  弘扬中国梦传递“真正美”免费送名人书法题字QQ:306646416  
本站文章、作品、留言只代表作者和留言者本人,不代表国际艺术界网观点……
 
 
精品标志设计
点击 696890 次
 
六安瓜片茶包装
点击 277108 次
 
法国巴黎铁塔夜景
点击 133926 次
 
国外书籍装帧封面设计[15]
点击 114839 次
 
电影海报-欧美创意篇
点击 113346 次
 
丹麦--陶瓷灯具品欣赏[7]
点击 92364 次
 


图片素材 平面设计欣赏 标志设计欣赏 包装设计欣赏 书法欣赏 名片设计 人体艺术 油画欣赏 国画欣赏

 推荐文章
 文章标题 点击次数 发布日期
==>  如何下载 设计 制作极简网站 24961 2010/3/23 13:52:10
==>  国外摄影网站网页设计欣赏 23800 2011/6/3 15:20:57
==>  国外优秀的室内设计网站 21341 2010/9/28 13:40:40
==>  黑白经典网页设计欣赏 21147 2010/12/10 10:22:05
==>  时尚服装电子商务网站设计 17814 2011/4/20 13:01:59
 相关文章
 资讯标题 点击次数 发布日期
==>  如何下载 设计 制作极简网站 24961 2010/3/23 13:52:10
==>  国外摄影网站网页设计欣赏 23800 2011/6/3 15:20:57
==>  国外优秀的室内设计网站 21341 2010/9/28 13:40:40
==>  黑白经典网页设计欣赏 21147 2010/12/10 10:22:05
==>  时尚服装电子商务网站设计 17814 2011/4/20 13:01:59
 
   
关于我们 | 诚邀合作 | 免责声明 | 意见反馈 | 招贤纳士 | 法律顾问 | 在线投稿 | 友情链接 | 联系站长
  CEL:131-2105-8796 QQ: 306646416 
  版权:中国.国际艺术界网 美国-国际艺术界联合会G.J.Art (USA) Association