WebGenesis 5.0网页设计与开发

课程大纲

• 第1章HTML和HTML5基础
•     第1节 HTML基础
  视频名称:HTML和HTML5基础——HTML基础.mp4
•     第2节 HTML5基础
  视频名称:HTML和HTML5基础——HTML5基础.mp4
•     第3节 认识HTML5
•     第4节 HTML5中新增的标签
•     第5节 HTML5中废弃的标签

• 第2章HTML中的主体标签
•     第1节 HTML头部标签设置
•     第2节 HTML主体标签设置
•     第3节 在HTML代码中添加注释

• 第3章HTML中基础标签的应用
•     第1节 文字设置标签
•     第2节 分行与分段标签
•     第3节 图片标签设置
•     第4节 列表标签设置
•     第5节 超链接标签设置
•     第6节 表格标签设置

• 第4章HTML中表单标签的应用
•     第1节 了解HTML中的表单
•     第2节 普通的HTML表单元素
•     第3节 HTML5新增表单输入类型
•     第4节 HTML5新增表单属性
•     第5节 使用HTML5表单验证

• 第5章HTML中多媒体标签的应用
•     第1节 使用embed标签
•     第2节 了解HTML5中多媒体的应用
•     第3节 HTML5新增audio标签的应用
•     第4节 HTML5新增video标签的应用
•     第5节 audio与video标签的属性
•     第6节 audio与video标签的接口方法
•     第7节 audio与video标签的事件

• 第6章HTML5中canvas标签的应用
•     第1节 canvas标签
•     第2节 绘制基本图形
•     第3节 绘制文本
•     第4节 在网页中实现特殊形状图像

• 第7章HTML5中文档结构标签的应用
•     第1节 构建HTML5页面主体内容
•     第2节 HTML5文档中的语义模块标签
•     第3节 制作HTML5文章页面

实验列表

• 实验名称李清照的词——标记语言
• 实验描述把一首诗清平乐展示在网页上 清平乐 年年雪里，常插梅花醉，挼尽梅花无好意，赢得满衣清泪！ 今年海角天涯，萧萧两鬓生华。 看取晚来风势，故应难看梅花。

• 实验名称李清照简介——分行分段
• 实验描述对人物简介进行描述 人物介绍 李清照 李清照（1084年3月13日~1155年5月12日）， 宋代女词人，号易安居士，婉约词派代表，有“千古第一才女”之称。早期生活优裕，金兵入据中原时，流寓南方，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调伤感。形式上善用白描手法，自辟途径，语言清丽。论词强调协律，崇尚典雅，提出词“别是一家”之说，反对对作诗文之法作词，留有诗集《易安居士文集》、《易安词》等。

• 实验名称设计简易灯箱画廊——列表与超链接
• 实验描述编程实现简易灯箱画廊，鼠标单击任一个图像超链接，在底部浮动框架中显示大图像

• 实验名称注册页面——综合练习
• 实验描述编写一个注册页面

• 实验名称设计支持音频、视频播放的网页——音频与视频
• 实验描述编程设计支持音视、视频播放的网页 歌词内容如下： 明月几时有？把酒问青天。 不知天上宫阙，今夕是何年。 我欲乘风归去，又恐琼楼玉宇，高处不胜寒，起舞弄清影，何似在人间。 转朱阁，抵绮户，照无眠。 不应有恨，何事偏向别时圆。 人有悲欢离合，月有阴晴圆缺，此事古难全。 但愿人长久，千里共婵娟。

• 实验名称画一个数学sin函数——canvas
• 实验描述画一个数学sin函数