论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
视频教程: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
视频教程: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 视频教程 > div+css布局
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

div css视频教程简介

 与好友分享视频教程   QQ收藏  
前言介绍:

   随着web2.0的到来,div+css布局取代table布局成为一个趋势,学好div+css布局成为一个web工作者必备技能之一。
   本教程共三课,57集。由“21视频教程网”www.21shipin.com 精心打造,每个知识点都对应着实例进行贯通巩固,并提供了对应实例的源码示例下载,及作业的讲解视频,老师答疑等;
   视频内容主要包括:web,Css语法基础及代码瘦身,div+css布局实例讲解,xml+css布局的讲解等。

后继学习流程:

Div+Css布局 -->JavaScript(Web2.0开发程序员等)

[火狐下载]

交流答疑
参考教材: div+css布局 [学习怎么少得了教材] 注意:[本教程请点击全屏状态下观看]
前期知识: Dreamweaver --> HTML
课程总目标:
  1. Web标准
  2. Dreamweaver中css的使用
  3. CSS语法基础
  4. Css瘦身
  5. DIV+CSS布局知识点
  6. DIV+CSS布局实例讲解
  7. Xml+css的讲解
[课程总目标视频]    [学完该课程我能做什么]  

DIV CSS视频教程第一课

索材示例下载   
课程目标:
  1. Web标准
    • Web标准是什么
    • Web标准制定的目的
    • 使用web标准的好处
  2. Web标准中标记应用思路
  3. 检测网站符合web标准
  4. 学习div+css的相关学习工具
  5. div标签介绍
  6. Dreamweaver中css的使用
课程总目标 课程目标 Web标准概论
Web标准中标记应用思路 检测网站符合web标准 学习div+css的相关学习工具
xhtml语法及与html区别 div标签 Dreamweaver中css的使用
新建CSS规则面板的介绍 css类型面板介绍 css背景面板介绍
css区块面板介绍 css方框面板介绍 css边框面板介绍
css列表面板介绍 Div+css布局流程 Div+css布局实例操作-切片
布局实例操作-定义布局层 布局实例操作-逐步定义每个层(body) 布局实例操作-逐步定义每个层(top)
布局实例操作-逐步定义每个层(contents) 布局实例操作-逐步定义每个层(left) 布局实例操作-逐步定义每个层(foot)
布局实例操作-逐步定义每个层(left) 布局实例操作-逐步定义每个层(main) 布局实例操作-逐步定义每个层(right)
定义全文文字样式 定义指定层里文字样式(使文字垂直居中) 定义标题样式(h1,h2,h3,h4)等
定义全页链接样式 定义指定层里链接样式 定义ul的项目符号
导航栏设置1 导航栏设置2

DIV CSS视频教程第二课

索材示例下载   
课程目标:
  1. Css瘦身
    • Css缩写
    • CSS代码优化
  2. Div+css布局实例操作
  3. 让网页在ie及火狐下都能正常显示
课程目标 Css瘦身:代码缩写—颜色 Css瘦身:字体(fonts)缩写
Css瘦身:边框(border) 缩写 Css瘦身:背景(Backgrounds)缩写 Css瘦身:列表(lists)缩写
Css瘦身:margin & padding缩写 Css瘦身:缩写时注意: Css瘦身:CSS代码优化
让网页在ie及火狐下都能正常显示 margin加倍的问题 margin加倍的问题2
important代码的使用 兼容性终级解决方式 div+css布局实例作业讲解

DIV CSS视频教程第三课

索材示例下载   
课程目标:
  1. Xml介绍
  2. Xml与css布局
  3. Xml数据绑定
交流答疑
课程目标 xml介绍及与html区别 XML语法
定义一个新闻文档的xml xml+css布局 xml链接css文件
Xml数据的绑定
视频教程列表
文章教程搜索
 
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058