Web编程基础

高丽霞

目录

  • 1 前言
    • 1.1 资源库网站地图
    • 1.2 课程介绍
    • 1.3 学习方法指导
    • 1.4 课程标准
    • 1.5 课程教学日历
    • 1.6 电子教材
  • 2 模块1-网站的设计与策划
    • 2.1 模块导读
      • 2.1.1 模块设计&教学案例
      • 2.1.2 学习指南&重难点解析
    • 2.2 任务1-认识网页网站
      • 2.2.1 任务实施
      • 2.2.2 知识点：网页与网站的相关概念
      • 2.2.3 知识点：服务器与客户端
    • 2.3 任务2-认识开发技术
      • 2.3.1 任务实施
      • 2.3.2 知识点：WEB前端的概念
      • 2.3.3 知识点：WEB前端开发技术
    • 2.4 任务3-设计策划网站
      • 2.4.1 任务实施
      • 2.4.2 知识点：网站设计原则
      • 2.4.3 知识点：网站制作流程
    • 2.5 任务4-选择开发工具
      • 2.5.1 任务实施
      • 2.5.2 知识点：编写工具
      • 2.5.3 知识点：浏览工具
    • 2.6 实训指导
    • 2.7 习题检测
  • 3 模块2-制作图文并茂的新闻页面
    • 3.1 模块导读
      • 3.1.1 模块设计&教学案例
      • 3.1.2 学习指南&重难点解析
    • 3.2 任务1-创建网页结构
      • 3.2.1 任务实施
      • 3.2.2 知识点：HTML文档结构
      • 3.2.3 知识点：HTML基本语法
      • 3.2.4 知识点：head标记
    • 3.3 任务2-添加文本内容
      • 3.3.1 任务实施
      • 3.3.2 知识点：标题与段落标记
      • 3.3.3 知识点：水平线标记
      • 3.3.4 知识点：换行标记
      • 3.3.5 知识点：特殊字符
      • 3.3.6 知识点：div与span标记
    • 3.4 任务3-设置图文并茂
      • 3.4.1 任务实施
      • 3.4.2 知识点：插入图像
      • 3.4.3 知识点：网页中支持的图像文件格式
    • 3.5 实训指导
    • 3.6 习题检测
  • 4 模块3-美化修饰网站的新闻页面
    • 4.1 模块导读
      • 4.1.1 模块设计&教学案例
      • 4.1.2 学习指南&重难点解析
    • 4.2 任务1-修饰文字排版
      • 4.2.1 任务实施
      • 4.2.2 知识点：CSS概述
      • 4.2.3 知识点：引入CSS的方法
      • 4.2.4 知识点：CSS基本选择器
      • 4.2.5 知识点：CSS特性
      • 4.2.6 知识点：字体修饰
      • 4.2.7 知识点：文本修饰
    • 4.3 任务2-控制元素属性
      • 4.3.1 任务实施
      • 4.3.2 知识点：盒子模型
      • 4.3.3 知识点：边框属性
      • 4.3.4 知识点：边距属性
      • 4.3.5 知识点：圆角边框
      • 4.3.6 知识点：图像边框
      • 4.3.7 知识点：边框阴影
      • 4.3.8 知识点：浮动
      • 4.3.9 知识点：定位
    • 4.4 任务3-设置页面背景
      • 4.4.1 任务实施
      • 4.4.2 知识点：背景的设置
      • 4.4.3 知识点：背景的运用技术
    • 4.5 实训指导
    • 4.6 习题检测
  • 5 模块4-制作网站的最新动态页面
    • 5.1 模块导读
      • 5.1.1 模块设计&教学案例
      • 5.1.2 学习指南&重难点解析
    • 5.2 任务1-创建动态列表
      • 5.2.1 任务实施
      • 5.2.2 知识点：有序列表
      • 5.2.3 知识点：无序列表
      • 5.2.4 知识点：嵌套列表
      • 5.2.5 知识点：定义列表
      • 5.2.6 知识点：CSS列表修饰
    • 5.3 任务2-创建条目链接
      • 5.3.1 任务实施
      • 5.3.2 知识点：创建超链接
      • 5.3.3 知识点：链接对象
      • 5.3.4 知识点：CSS超链接修饰
    • 5.4 实训指导
    • 5.5 习题检测
  • 6 模块5-制作网站的多媒体相册页
    • 6.1 模块导读
      • 6.1.1 模块设计&教学案例
      • 6.1.2 学习指南&重难点解析
    • 6.2 任务1-建多媒体相册
      • 6.2.1 任务实施
      • 6.2.2 知识点：表格组成
      • 6.2.3 知识点：表格属性
    • 6.3 任务2-调整相册行列
      • 6.3.1 任务实施
      • 6.3.2 知识点：单元格属性
      • 6.3.3 知识点：单元格合并
    • 6.4 任务3-设置相册布局
      • 6.4.1 任务实施
      • 6.4.2 知识点：表格嵌套
      • 6.4.3 知识点：表格布局
    • 6.5 任务4-添多媒体效果
      • 6.5.1 任务实施
      • 6.5.2 知识点：音频
      • 6.5.3 知识点：视频
    • 6.6 实训指导
    • 6.7 习题检测
  • 7 模块6-制作网站的会员注册页面
    • 7.1 模块导读
      • 7.1.1 模块设计&教学案例
      • 7.1.2 学习指南&重难点解析
    • 7.2 任务1-制作基本信息
      • 7.2.1 任务实施
      • 7.2.2 知识点：表单基础
      • 7.2.3 知识点：表单中辅助标记
      • 7.2.4 知识点：单行文本框
      • 7.2.5 知识点：密码框
      • 7.2.6 知识点：表单按钮
      • 7.2.7 知识点：单选按钮
      • 7.2.8 知识点：复选框
      • 7.2.9 知识点：文件上传域
    • 7.3 任务2-制作信息收集
      • 7.3.1 任务实施
      • 7.3.2 知识点：多行文本域
      • 7.3.3 知识点：下拉列表框
    • 7.4 任务3-制作法律条款
      • 7.4.1 任务实施
      • 7.4.2 知识点：浮动框架标记
    • 7.5 实训指导
    • 7.6 习题检测
  • 8 模块7-网站首页的设计制作
    • 8.1 模块导读
      • 8.1.1 模块设计&教学案例
      • 8.1.2 学习指南&重难点解析
    • 8.2 任务1-设计首页布局
      • 8.2.1 任务解析
      • 8.2.2 任务实施
    • 8.3 任务2-导航与Banner
      • 8.3.1 任务解析
      • 8.3.2 任务实施
    • 8.4 任务3-实现中间主体
      • 8.4.1 任务解析
      • 8.4.2 任务实施
    • 8.5 任务4-实现底部版权
      • 8.5.1 任务解析
      • 8.5.2 任务实施
    • 8.6 实训指导
    • 8.7 习题检测
  • 9 模块8-企业级项目综合应用
    • 9.1 模块导读
      • 9.1.1 模块设计&教学案例
      • 9.1.2 学习指南&重难点解析
    • 9.2 任务1-模拟个人博客
      • 9.2.1 任务解析
    • 9.3 任务2-模拟产品展示
      • 9.3.1 任务解析
    • 9.4 任务3-模拟会员注册
      • 9.4.1 任务解析
    • 9.5 任务4-模拟企业邮箱
      • 9.5.1 任务解析
    • 9.6 更多企业案例
      • 9.6.1 制作企业产品展示页面
      • 9.6.2 制作新闻详情页面
      • 9.6.3 制作用户登录页面
    • 9.7 实训指导
    • 9.8 习题检测
  • 10 进阶：CSS3
    • 10.1 CSS核心基础
      • 10.1.1 CSS3概述
      • 10.1.2 CSS样式规则
      • 10.1.3 引入CSS样式表
      • 10.1.4 CSS基础选择器
    • 10.2 CSS文本样式
      • 10.2.1 字体样式属性
      • 10.2.2 文本外观属性
    • 10.3 CSS高级特性
      • 10.3.1 复合选择器
      • 10.3.2 层叠性
      • 10.3.3 继承性
      • 10.3.4 优先级
      • 10.3.5 阶段任务1
    • 10.4 CSS选择器
      • 10.4.1 属性选择器
      • 10.4.2 关系选择器
      • 10.4.3 结构化伪类选择器
      • 10.4.4 伪元素选择器
      • 10.4.5 阶段任务2
    • 10.5 CSS盒子模型
      • 10.5.1 认识盒子模型
      • 10.5.2 盒子模型相关属性
      • 10.5.3 盒子模型新增属性
      • 10.5.4 元素的类型和转换
      • 10.5.5 块元素垂直外边距的合并
      • 10.5.6 阶段任务3
  • 11 拓展：JavaScript&jQuery
    • 11.1 JavaScript概述
    • 11.2 基本输入输出
    • 11.3 编程基础
    • 11.4 BOM编程
    • 11.5 DOM编程
    • 11.6 jQuery设置样式
    • 11.7 jQuery的动画
    • 11.8 jQuery的事件处理
    • 11.9 jQuery的节点操作
    • 11.10 典型案例
  • 12 拓展：Bootstrap
    • 12.1 Bootstrap概述
    • 12.2 Bootstrap样式
    • 12.3 Bootstrap的组件
    • 12.4 Bootstrap的综合应用
  • 13 学生优秀作品
    • 13.1 校园租-J19002徐振洲团队作品
    • 13.2 上海堡垒-J19002董其昊团队作品
    • 13.3 鞋子商城-J19002张庆顺团队作品
    • 13.4 邻家汽车cms一站管理系统-J19003李寿昊团队作品
    • 13.5 OW婚礼策划-J19003雒婷芳团队作品
    • 13.6 Keeping-自律.自由
    • 13.7 家居
    • 13.8 良品铺子
    • 13.9 落
    • 13.10 苏宁易购
    • 13.11 唐人滋味
    • 13.12 音乐在线
    • 13.13 印象工作室
    • 13.14 更多作品
  • 14 “1+X证书”Web前端职业技能
    • 14.1 Web前端开发解读
      • 14.1.1 Web前端开发1+X证书制度
      • 14.1.2 前端职业技能标准
      • 14.1.3 企业需要大前端人才
      • 14.1.4 Web前端的市场需求
    • 14.2 考证知识点串讲
    • 14.3 专家讲堂
    • 14.4 考证专项练习
      • 14.4.1 模拟测验1
      • 14.4.2 模拟测验2
      • 14.4.3 模拟测验3
      • 14.4.4 模拟测验4
      • 14.4.5 模拟测验5
任务2-控制元素属性
  • 1 任务目标
  • 2 任务效果图
  • 3 教案讲义

任务实施素材：