目录

  • 1 Web技术概述
    • 1.1 说课
    • 1.2 Web技术综述
    • 1.3 软件下载、安装及使用
    • 1.4 HTML常用标签的使用
    • 1.5 扩展知识--什么是HTML5
  • 2 HTML基础
    • 2.1 HTML5超链接
    • 2.2 HTML5 多媒体
    • 2.3 HTML5列表元素
    • 2.4 综合案例1-----雅皮士玩具页面的设计
      • 2.4.1 案例1素材
    • 2.5 HTML5新增input标签
    • 2.6 HTML5新增表单属性
    • 2.7 综合案例2---仿淘宝注册页面
  • 3 CSS基础
    • 3.1 CSS语法及CSS添加方法
    • 3.2 CSS选择器
      • 3.2.1 综合案例3--新闻页面讲解
      • 3.2.2 基础选择器
      • 3.2.3 复合选择器
    • 3.3 元素的显示模式
    • 3.4 元素背景的属性
    • 3.5 CSS--列表和表格
      • 3.5.1 表格的应用--奇偶选择器
    • 3.6 导航栏的制作
      • 3.6.1 五彩导航栏的制作
      • 3.6.2 垂直导航栏的制作
    • 3.7 CSS布局与定位
      • 3.7.1 满屋花首页的制作
      • 3.7.2 盒模型讲解
      • 3.7.3 浮动布局
        • 3.7.3.1 仿小米布局的案例
        • 3.7.3.2 仿小米产品模块介绍的案例
        • 3.7.3.3 相对定位与绝对定位
    • 3.8 综合案例4-淘新鲜网页布局
      • 3.8.1 案例4素材
  • 4 CSS3高级篇
    • 4.1 CSS3   2D变形
      • 4.1.1 2D转换
      • 4.1.2 过渡和动画
    • 4.2 综合项目1--项目实践之我的家乡
    • 4.3 CSS3  3D变换
      • 4.3.1 3D导航栏的制作
  • 5 JavaScript 基础
    • 5.1 初识JavaScript
    • 5.2 JavaScript变量、数据类型、运算符
    • 5.3 JavaScript 控制语句
    • 5.4 内置函数
      • 5.4.1 综合案例5 简单计算机的设计
    • 5.5 DOM
      • 5.5.1 综合案例6    页面轮播图的实现
      • 5.5.2 综合案例7   个人信息的采集
      • 5.5.3 筋斗云动画导航栏案例
初识JavaScript

fang初识JavaScript

布兰登·艾奇(Brendan Eich,1961年~)。10天完成 JavaScript 设计。最初命名为LiveScript,后来在与Sun合作之后将其改名为JavaScript

JavaScript 的作用

表单动态校验(密码强度检测)  ( JS产生最初的目的

网页特效

服务端开发(Node.js)

桌面程序(Electron)

App(Cordova)

控制硬件-物联网(Ruff)

游戏开发(cocos2d-js)

HTML/CSS/JS 的关系

HTML/CSS 标记语言--描述类语言


HTML 决定网页结构和内容( 决定看到什么 ),相当于人的身体

CSS 决定网页呈现给用户的模样( 决定好不好看 ),相当于给人穿衣服、化妆

JS 脚本语言--编程类语言

实现业务逻辑和页面控制( 决定功能 ),相当于人的各种动作