网页设计框架布局.ppt

网页设计布局基础,内容整理:魏晓江,内容要点,HTML与XHTML一些俗成的约定布局技术标准布局细节重新认识dtd,HTML与XHTML,标签必须正确嵌套必须闭合标签标签名小写属性必须有“(引号)必须包含在html根节点,俗成约定,尺寸宽度1003的由来(1024-21滚动条)由于不同浏览器界面不一样,最终设计宽度一般是900-1000之间取间距除非一些特殊设计要求,各版块或区域之间一般要求10-20px间距结构头部(header)顶部工具条(topbar),logo区,导航区,banner内容区(container)(banner,内容模块,侧栏,主内容区)底部(footer)(友链,底部链接/导航,版权,统计)广告及其它对联广告内容区广告客服漂浮框及其它新鲜工具(回顶部,导航固顶,在线聊天框,状态栏),常见网页布局,标准布局(网易)瀑布流式布局(花瓣)BigPipe,标准布局,头部内容区底部,HTML5布局(参考),header标签container标签footer标签nav标签article标签summary标签canvas一个特殊属性 data-,细节,A链接的active和visited图片放大好与不好便捷功能及时响应与响应过度CSS简写陷阱,