作为一个专业的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、页面调试及浏览器兼容
注:《DIV+CSS教程_DIV+CSS布局_DIV+CSS实例教程手册-Web标准》内容版权归原作者(标准之路-杨雨晨思)所有。
来源:开水网络 转载注明出处!