web前端技术（html+css网页设计与制作）

李舒亮江西省/新余学院

目录

  • 1 网页入门知识
    • 1.1 认识网页
    • 1.2 网页术语
    • 1.3 web标准
    • 1.4 常见浏览器
    • 1.5 单元测试
  • 2 Html语法基础
    • 2.1 Html概述和语法规则
    • 2.2 头部标签
    • 2.3 文本类标签
    • 2.4 列表标签
    • 2.5 表格标签
    • 2.6 图像标签
    • 2.7 绝对路径和相对路径
    • 2.8 链接标签
    • 2.9 表单控件
      • 2.9.1 认识表单
      • 2.9.2 input控件
      • 2.9.3 select控件和textarea控件
    • 2.10 单元测试
  • 3 css基础选择器
    • 3.1 构造CSS规则
    • 3.2 CSS基本选择器
    • 3.3 CSS样式的引用
    • 3.4 CSS文本的设置
    • 3.5 单元测验
  • 4 css复合选择器
    • 4.1 css复合选择器
    • 4.2 CSS特性
    • 4.3 单元测验
  • 5 盒子模型
    • 5.1 盒子模型的概念及基本结构
    • 5.2 设置盒子模型
    • 5.3 多个盒子的相互影响
    • 5.4 背景的设置
    • 5.5 display属性
    • 5.6 单元测验
  • 6 浮动和定位
    • 6.1 浮动的概念和属性设置
    • 6.2 清除浮动的影响
    • 6.3 定位的概念和分类
    • 6.4 设置定位
    • 6.5 导航的制作
      • 6.5.1 css的列表属性
      • 6.5.2 链接的伪类
      • 6.5.3 垂直导航的制作
      • 6.5.4 水平菜单的制作
    • 6.6 单元测验
  • 7 网页布局
    • 7.1 常见的布局形式
    • 7.2 单列布局的实现
    • 7.3 两列布局的实现
    • 7.4 三列布局的实现
    • 7.5 混合布局的实现
    • 7.6 布局案例
      • 7.6.1 搭建Html文档结构
      • 7.6.2 添加主要的类名
      • 7.6.3 公共样式的设置
      • 7.6.4 页眉样式的设置
      • 7.6.5 主体样式的设置
    • 7.7 单元测验
  • 8 css3的高级属性
    • 8.1 分栏属性
    • 8.2 text-shadow
    • 8.3 Border-radius
    • 8.4 transition
    • 8.5 transfrom
    • 8.6 css3照片墙的制作
      • 8.6.1 案例分析
      • 8.6.2 照片处理
      • 8.6.3 照片摆放
      • 8.6.4 照片样式的设置
    • 8.7 单元测验
  • 9 网站综合案例
    • 9.1 遵从WEB标准的网页设计流程
    • 9.2 案例分析与实现---页面的粗略设计
    • 9.3 案例分析与实现---页面的精细设计
    • 9.4 案例分析与实现---页面的交互设计
    • 9.5 单元测验
web标准