模块1  使用HTML5编写第一个网页

1.1  HTML5简介

1.1.1  什么是HTML5

1.1.2  HTML5的发展

1.1.3  HTML5的改进

1.1.4  HTML5的应用

1.2  实现你的第一个HTML5页面

1.2.1  准备上机环境Dreamweaver CC

1.2.2  支持HTML5的浏览器

1.2.3  建立站点和编写第一个网页

1.3  案例

1.4  思考与练习

模块2  从HTML到HTML5的过渡

2.1  HTML简介

2.1.1  HTML网页结构

2.1.2  HTML实例解析

2.1.3  HTML标签与元素

2.1.4  HTML浏览器的中文编码

2.2  HTML5新元素

2.2.1  HTML5新元素简介

2.2.2  绘制图形元素

2.2.3  多媒体元素

2.2.4  表单元素

2.2.5  语义和结构元素

2.2.6  已被移除的元素

2.3  案例

2.4  思考与练习

模块3  创建普通文档

3.1  HTML5文档的基本结构

3.2  HTML5基本标记

3.2.1  文档类型标记

3.2.2  HTML文档标记

3.2.3  头部标记

3.2.4  标题标记

3.2.5  主体标记

3.2.6  换行标记

3.2.7  水平线标记


3.2.8  注释标记

3.3  在网页中添加文本

3.3.1  文档作者或拥有者联系信息标记

3.3.2  加粗文本标记

3.3.3  定义计算机代码文本标记

3.4  文本排版标记

3.4.1  换行标记

3.4.2  段落标记

3.4.3  标题标记

3.5  列表

3.5.1  建立有序列表

3.5.2  建立无序列表

3.6  案例

3.7  思考与练习

模块4  创建多媒体文档

4.1  插入图像

4.1.1  在网页中插入图像

4.1.2  设置图像的宽度和高度

4.1.3  设置图像的代替文本

4.2  添加音频

4.2.1  音频标记及属性

4.2.2  在网页中添加音频文件

4.3  添加视频

4.3.1  视频标记及属性

4.3.2  在网页中添加视频文件

4.4  案例

4.5  思考与练习

模块5  创建超链接

5.1  URL的概念

5.2  超链接标记

5.3  定义文档与外部资源的关系标记

5.4  定义导航链接标记

5.5  案例

5.6  思考与练习

模块6  创建表格

6.1  创建表格标记

6.2  创建带有标题的表格标记

6.3  编辑表格

6.3.1  设置表格背景

6.3.2  设置单元格背景

6.3.3  合并单元格

6.3.4  设置单元格的行高与列宽

6.4  案例

6.5  思考与练习

模块7  创建表单

7.1  了解表单

7.1.1  表单的基本构成

7.1.2  创建简单的表单

7.2  元素

7.2.1  color类型应用

7.2.2  date类型应用

7.2.3  month类型应用

7.2.4  week类型应用

7.2.5  time类型应用

7.2.6  datetime类型应用

7.2.7  datetime-local类型应用

7.2.8  email类型应用

7.2.9  url输入类型应用

7.2.10  number类型应用

7.2.11  range类型应用

7.3  案例

7.4  思考与练习

模块8  绘制图形

8.1  canvas标签

8.1.1  利用canvas绘制图形的步骤

8.1.2  支持canvas的浏览器

8.2  绘制基本图形

8.2.1  绘制直线

8.2.2  绘制矩形

8.2.3  绘制三角形

8.2.4  绘制圆形

8.2.5  清空画布

8.2.6  绘制图案

8.3  绘制变形图形

8.3.1  绘制平移效果的图形

8.3.2  绘制缩放效果的图形

8.3.3  绘制旋转效果的图形

8.3.4  绘制带阴影效果的图形

8.4  绘制文字

8.4.1  绘制填充文字

8.4.2  绘制轮廓文字

8.5  案例

8.6  思考与练习

模块9  CSS3入门与基础

9.1  CSS3是什么

9.2  CSS3的一个简单应用

9.3  CSS3的创建和使用

9.3.1  CSS3的基本格式

9.3.2  使用CSS3样式表

9.4  CSS3的常用选择器

9.4.1  标签选择器

9.4.2  ID选择器

9.4.3  类选择器

9.4.4  属性选择器

9.4.5  伪类选择器

9.4.6  派生选择器

9.5  控制页面样式

9.5.1  控制圆角边框样式

9.5.2  控制背景样式

9.5.3  控制颜色样式

9.5.4  控制页面布局

9.6  案例

9.7  思考与练习

模块10  CSS3高级应用

10.1  在页面中插入内容

10.1.1  插入文字

10.1.2  插入图像

10.1.3  插入项目编号

10.2  文字样式控制

10.2.1  为文字增加阴影效果

10.2.2  设置单词及网址自动换行

10.2.3  使用服务器端字体

10.3  元素变形处理

10.3.1  缩放效果

10.3.2  旋转效果

10.3.3  移动效果

10.3.4  倾斜效果

10.4  样式过渡

10.5  animation复杂动画实现

10.6  案例

10.7  思考与练习

参考文献

html 设计页面,HTML5网页设计相关推荐

  1. 网页设计 尺寸 html5,网页设计一般至少设置多少高度?制作网站时网页的尺寸是多少?网页的屏幕尺寸是多少?...

    网页设计一般至少设置多少高度?制作网站时,网页的尺寸是多少?可以让各种用户看到.网页的屏幕尺寸是多少?下面就和小编一起来看看吧! 网页设计一般至少设置多少高度? 大致高度如下:WindowXP的靠前个 ...

  2. HTML5期末大作业:电影网站设计——电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码

    HTML5期末大作业:电影网站设计--电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码 常见网页设计作业 ...

  3. HTML5期末大作业:动物网站设计——宠物狗(10页) HTML+CSS+JavaScript 大学生静态网页设计 dw宠物网页设计 狗狗网页设计html web课程设计网页规划与设计...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...

  4. HTML5期末大作业:餐饮饮食美食主题网站设计——重庆火锅(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...

  5. HTML5期末大作业:电影网站设计——漫威电影(2页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码...

    HTML5期末大作业:电影网站设计--漫威电影(2页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码 常见网页设计作业题材 ...

  6. HTML5期末大作业:电影网站设计——我的电影(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

    HTML5期末大作业:电影网站设计--我的电影(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 一.作品介绍 1.作品简 ...

  7. HTML5期末大作业:电影网站设计——电影(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

    HTML5期末大作业:电影网站设计--电影(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 一.作品介绍 1.作品简介 ...

  8. HTML5期末大作业:动漫网站设计——灌篮高手(4页)HTML+CSS 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...

  9. div+css静态网页设计——迪斯尼公主滚动特效(7页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作

    HTML5期末大作业:电影网站设计--迪斯尼公主滚动特效(7页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游 ...

  10. HTML5期末大作业:动物宠物主题网站设计——宠物网(8页)HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...

最新文章

  1. 学习电脑软件_推荐5款从零基础学习打字的电脑软件
  2. 配置spring-mvc + simple-spring-memcached
  3. 并发 --- 31 进程锁 守护进程 进程队列
  4. 一键发布部署vs插件[AntDeploy]开源了
  5. 细数一行代码改变结局的炼丹骚操作
  6. java 编写 servlet 程序_Java技术分享:如何编写servlet程序
  7. html在excel打开是乱码,excel打开xls格式乱码怎么办excel表格乱码的修复方法
  8. 2022美赛C题 F奖思路分享
  9. FileUpload上传过大文件异常
  10. Dubblo +zookeep+sprinboot注册发现 (二)来源与狂神
  11. CentOS7 安装 YApi
  12. MySQL入门系列:查询简介(一)
  13. R语言ggplot2可视化:gganimate包transition_time函数创建动态散点图动画(gif)、shadow_wake函数配置动画的渐变效果(gradual falloff)拖尾效应
  14. vue的provide和inject特性
  15. Java用“埃氏筛法”求素数
  16. esp8266之Arduino的mqtt客户端远程继电器控制,断电重连、断网重连,断mqtt服务器重连
  17. 国家电话区号JSON数据
  18. 贝叶斯估计、最大似然估计、最大后验概率估计的区别
  19. 如何拆分PDF文件?简单几步轻松拆分
  20. idft重建图像 matlab_1周学FFT——第2天 DFT和IDFT的MATLAB实现

热门文章

  1. 在固态硬盘上安装linux系统怎么安装,教程|教你一键重装怎么将系统安装在固态硬盘上...
  2. QCC300x学习笔记:自定义一个GATT client
  3. 求三维空间中的三角形外接圆圆心坐标的算法
  4. python3.5安装包_Python 3.5.4详细图文安装教程(附安装包) | 我爱分享网
  5. KeyTool生成证书链及使用
  6. 基于滑模变结构的倒立摆控制系统matlab仿真
  7. 易之风门诊收费系统 v1.0 官方
  8. 鸿蒙系统下载地址_华为鸿蒙代码全开源
  9. 为什么网易云音乐总能知道你喜欢听什么歌?背后的原理竟然如此简单!
  10. PowerBuilder 五子棋