原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
WUIWEB标准化布局1
WEB标准化布局实例2
人才服务公司网站效果3
导航模块4
布局示意图5注意overflow:hidden的使用
Html代码示意6divclass=top imgclass=logosrc=images/logo.png/ulclass=nav liahref=#首页/a/liliahref=#关于我们/a/liliahref=#团队介绍/a/liliahref=#核心能力/a/liliahref=#业务流程/a/liliahref=#与众不同/a/liliahref=#服务领域/a/liliahref=#成功案例/a/li/ul/div
CSS代码示意7.top,.bottom,.main{width:1000px;margin:0auto;margin-bottom:16px;}.top,.bottom,.columnBox,.proShowBox,.contactUsBox{overflow:hidden}.logo,.navli,.copyright,.column,.contact,.contactimg{float:left;}.nav,.date{float:right;}.top,.bottom,.main{background-color:white;}.logo{margin-top:12px;margin-left:30px;}.nava,.bottomdiv{line-height:48px;color:black;padding:020px;}
焦点广告模块8
布局示意图9推荐使用div标签
Html代码示意10divclass=bannerBox!---- divclass=imgScrollBox divclass=imgGroupimgclass=bannersrc=images/banner.png/imgclass=bannersrc=images/banner2.png/imgclass=bannersrc=images/banner3.png//divaclass=arrowBtnarrowBtnLeft/aaclass=arrowBtnarrowBtnRight/a/div!----/div
CSS代码示意11.main{padding-top:23px;padding-bottom:33px;}.bannerBox{border:solid2px#dedede;width:929px;margin:0auto;padding:3px;}
主题信息模块12
布局示意图13推荐使用div标签
Html代码示意14divclass=tipText 华才伯乐欢迎您！br/br/span人力资源解决方案提供商（高端人才猎寻及推荐）长期合作伙伴/span/div
CSS代码示意15.tipText{height:115px;text-align:center;margin:16pxauto;margin-bottom:31px;color:black;background-image:url(images/bg.png);padding-top:38px;}.tipText{font-size:34px;}.tipTextspan{font-size:14px;}
信息展示模块16
布局示意图17推荐使用div标签
Html代码示意18divclass=columnBox divclass=columnfirst h1愿景及核心能力/h1div为客户猎寻，评估及锁定优质合格候选人群为自身招聘，培训及锻炼优秀人力资源专家正直、守时、专业地完成我们的愿景/div/divdivclass=column h1业务范围及流程/h1div在合作过程中，华才伯乐遵循着与客户紧密合作的流程，标准和需求/div/divdivclass=columnlast h1目前服务领域/h1div房地产产业链、IT技术企业、金融投资企业、
文档评论（0）