HTML5+CSS3网页设计任务教程

单元1 HTML5静态网站开发概述 任务1-1 常用HTML5开发环境的 搭建 任务1-2 完成第-个HTML5页面 单元小结 单元2 HTML5中的常用标签 任务2-1 使用标签制作 滚动字幕 任务2-2 使用标签实现超链接 任务2-3 使用标签实现锚点链接 任务2-4 使用文本类标签实现页面 文本的显示 任务2-5使用文本格式类属性实现页 面文本特殊显示效果 任务2-6 使用转义字符显示 特殊符号 任务2-7 使用图像类标签显示图像 及图像映射 任务2-8 标签的使用 任务2-9使用和标 签实现音视频播放 任务2-10 表单的简单应用 任务2-11 制作文本编辑器页面 任务2-12 表单格式验证 单元小结 单元3 CSS的使用 任务3-1 使用CSS设置页面样式 任务3-2 使用CSS详细设置不同段落 样式 任务3-3 全局样式和局部样式的 使用 任务3-4 样式的并列和从属关系的 应用 任务3-5 样式优先级的测试 任务3-6 使用伪类选择器定义超链 接的显示效果 任务3-7 创建盒子模型 任务3-8 CSS浮动(float)属性的 使用 任务3-9 常用文本样式属性的使用 任务3-10 常用图片样式属性的使用 任务3-11 在CSS3中使用图片背景 单元小结 单元4 CSS布局初探 任务4-1 绝对定位 任务4-2 相对定位 任务4-3 绝对、相对组合定位 任务4-4 z-index定位 任务4-5 固定定位 任务4-6 网页布局实现 任务4-7 clearfix和clear的使用 单元小结 单元5 表格基本知识 任务5-1 表格的基本属性及使用 任务5-2 表格的基本操作 任务5-3 制作细边框表格 任务5-4 表格宽高百分比设置 任务5-5 表格宽度、列宽度和行高度 的设置 任务5-6 使用CSS3：nth-child()选择 器设置表格隔行变色 任务5-7 使用伪类选择器：hover实 现鼠标移上去行变色 任务5-8 使用表格及其他相关元素 制作个人简历 任务5-9 使用表格制作QQ邮箱 单元小结 单元6 页面布局基础 任务6-1 页面中的图文混排 任务6-2 页面内容溢出的处理 任务6-3 纯CSS制作选项卡 任务6-4 导航条的制作 任务6-5 制作带有背景图像的 导航条 任务6-6 制作新闻文字列表 任务6-7 制作新闻图文混排列表 任务6-8 制作缩略图列表 任务6-9 登录界面的制作 任务6-10 960网格系统在网页制作 中的使用 任务6-11 三种经典布局 任务6-12 使用基于ub-flexible库的 rem单位制作自适应网页 单元小结 单元7 Bootstrap响应式网站 基础 任务7-1 掌握Bootstrap基础知识 任务7-2 制作栅格化布局页面 任务7-3 制作响应式导航栏 任务7-4 制作响应式banner图片 任务7-5 制作响应式文字列表 任务7-6 制作响应式缩略图 任务7-7 制作响应式图文混排列表 任务7-8 制作响应式图文混排内容 任务7-9 制作响应式表格 任务7-10 制作响应式表单 任务7-11 制作响应式提示框 任务7-12 制作完整的响应式网站 单元小结 单元8 网站开发综合案例 任务8-1 1024px网站制作 任务8-2 Blog网站制作 任务8-3 企业网站制作 任务8-4 期末大作业 单元小结 参考文献