会员登陆
登录加载中...
超级搜索
栏  目  
类  别  
关键词  
 站内搜索   网络搜索
  
 当前位置:文章首页>>网页制作>>标准规范>>DIV CSS网页布局实例:十步学会用CSS建站
推荐给你的朋友阅读:

DIV CSS网页布局实例:十步学会用CSS建站

来源:互联网 发表日期: 2007-07-25 10:56:42

    本教程主要参考Creating a CSS Layout from scratch,由Jorux翻译,以意译为主,其间加入了不少Jorux的个人观点,省略了一些多余的说明,请读者明鉴。

    目录:

  • 第一步:规划网站,本教程将以图示为例构建网站;
  • 第二步:创建html模板及文件目录等;
  • 第三步:将网站分为五个div,网页基本布局的基础;
  • 第四步:网页布局与div浮动等;
  • 第五步:网页主要框架之外的附加结构的布局与表现;
  • 第六步:页面内的基本文本的样式(css)设置;
  • 第七步:网站头部图标与logo部分的设计;
  • 第八步:页脚信息(版权等)的表现设置;
  • 第九步:导航条的制作(较难);
  • 第十步:解决ie浏览器的显示bug;

        第一步:规划网站,本教程将以图示为例构建网站

        1.规划网站,本教程将以下图为例构建网站。

        其基本布局见下图:

        主要由五个部分构成:

        1.Main Navigation 导航条,具有按钮特效。 Width: 760px Height: 50px

        2.Header 网站头部图标,包含网站的logo和站名。 Width: 760px Height: 150px

        3.Content 网站的主要内容。 Width: 480px Height: Changes depending on content

        4.Sidebar 边框,一些附加信息。 Width: 280px Height: Changes depending on

        5.Footer 网站底栏,包含版权信息等。 Width: 760px Height: 66px

    1 2 3 4 5 6 7 8 9 10 下一页

    1
    0
  • [作者:匿名 关键词:div,css,页面布局 录入:raincity 责编:raincity 阅读次数:37948]

    相关文章 相关新闻 相关软件 相关教程 公共评论 发表评论

    • ·暂无相关内容
    • ·暂无相关内容
      评论载入中...
      您的称呼  验 证 码   
      您的评论 [ 最多字数:  已用字数:剩余字数:]

       
    COPYRIGHT 2003-2010 创意飞腾科技有限公司(The Feitec LTD.) ALL RIGHTS RESERVED .
    官方咨询官方咨询4376161 官方咨询526743959 技术支持:FeitecCMS5366464
    页面加载时间:406.25ms Powered By:FeitecCMS V4.0(Build1101)
    [蜀ICP备05000881]