请选择 进入手机版 | 继续访问电脑版
查看: 311|回复: 0

DIV+CSS布局教程,Web标准实例教程手册

[复制链接]

56

主题

65

帖子

270

积分

中级会员

Rank: 3Rank: 3

积分
270
发表于 2016-1-22 13:11:35 | 显示全部楼层 |阅读模式
本帖最后由 321697979 于 2016-1-22 13:12 编辑

    作为一个专业的seo从业者,必须要有一定的网站设计基础、DIV和CSS基础知识。这样才能更好的帮助你去做SEO。为此,特意整理了DIV+CSS教程、DIV+CSS布局、DIV+CSS实例教程,方便大家阅读学习。这篇文章主要汇总了WEB标准(DIV+CSS)的基础讲解。
  第一天:XHTML CSS基础知识
  1. 文档类型
  2. 语言编码
  3. html标签
  4. css样式
  5. css优先级
  6. css盒模型组成
  第二天:一列布局
  1、 一列固定宽度
  2、一列固定宽度居中
  3、一列自适应宽度
  4、一列自适应宽度居中
  5、一列二至多块布局
  第三天:二列和三列布局
  1、二列自适应宽度
  2、二列固定宽度
  3、二列固定宽度居中
  4、xhtml的块级元素(div)和内联元素(span)
  5、float属性
  6、三列自适应宽度
  7、三列固定宽度
  8、三列固定宽度居中
  9、IE6的3像素bug
  第四天:纵向导航菜单及二级弹出菜单
  1、纵向列表
  2、标签的默认样式
  3、css派生选择器
  4、css选择器的分组
  5、纵向二级列表
  6、相对定位和绝对定位
  第五天:超链接伪类
  1、链接的四种样式
  2、将链接转换为块状
  3、用css制作按钮
  4、首字下沉
  第六天:html列表
  1、ul无序和ol有序列表
  2、改变项目符号样式或用图片定义项目符号
  3、横向图文列表
  4、浮动后父容器高度自适应
  5、IE6的双倍边距bug
  第七天:横向导航菜单
  1、横向列表菜单
  2、用图片美化的横向导航
  3、css Sprites
  第八天:下拉及多级弹出菜单
  1、带下拉子菜单的导航菜单
  2、绝对定位和浮动的区别和运用
  3、css自适应宽度滑动门菜单
  第九天:CSS表单设计
  1、改变文本框和文本域样式
  2、用图片美化按钮
  3、改变下拉列表样式
  4、用label标签提升用户体验
  第十天:div+css网页标准布局实例教程
  1、 建立站点
  2、结构分析
  3、搭建框架
  4、切割效果图
  5、布局页面——头部和导航
  6、布局页面——侧边栏
  7、布局页面——主体部分
  8、底部和细节调整
  9、相对路径和相对于根目录路径
  10、创建服务器环境
  11、建立数据库
  12、本地和远程服务器连接
  13、php读取数据
  14、页面调试及浏览器兼容
生活圈制作
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

SEO论坛是由SEO培训网株洲优商网络(zhuzhouren.com.cn)创立,是一个以免费分享SEO技术教程和SEO网站优化技术学习交流为目的SEO论坛,欢迎热爱搜索引擎优化站长加入交流,SEO技术交流群(497177874)
© 2001-2013 株洲优商网络SEO培训网 湘ICP备14002577号-2 Powered by Discuz!X3.2Template by 株洲优商网络    
快速回复 返回顶部 返回列表