包邮网页设计与制作教程

项目1 HTML5的基本结构
子任务1 认识网页与网站
子任务2 了解HTML5的基本结构
子任务3 安装Visual Studio Code编辑器
子任务4 使用Visual Studio Code编辑器
子任务5 HTML5网页
子任务6 使用Chrome浏览器的工具
子任务7 使用换行标签
子任务8 使用段落标签
子任务9 使用标题标签、线标签
项目实施
项目2 CSS3样式基础
子任务1 了解CSS的结构组成
子任务2 使用行内样式
子任务3 使用内嵌式
子任务4 使用链接式
子任务5 使用导入式
项目实施
项目3 使用CSS3选择器
子任务1 了解选择器
子任务2 使用标签选择器
子任务3 使用类别选择器
子任务4 使用ID选择器
子任务5 通配符选择器
子任务6 相邻选择器
子任务7 使用子选择器
子任务8 使用后代选择器
子任务9 使用群组选择器
子任务10 使用伪类洗择器
项目实施
项目4 使用CSS美化网页字体
子任务1 定义字体的类型
子任务2 定义字体的大小
子任务3 定义字体的顔色
子任务4 定义字体的下划线
子任务5 定义斜体字体
子任务6 定义文字的加粗
子任务7 了解span标签的作用
项目实施
项目5 使目CS8美化同页段菠
子任务1 设置段落对齐
子任务2 设置段落
子任务3 设置行间距
子任务4 设养字间距和词间距
项目实施
项目6 使用C55美化图片
子任务1 在网页中插入图像
子任务2 设置图像大小
子任务3 定义图像的边框
子任务4 定义圆角图像
子任务5 设置背景颜色
子任务6 设置背景图片
子任务7 设置背景图片的重复
子任务8 设置背景图片的大小
子任务9 设置背景图片的位置
子任务10 背景样式综合设置
项目实施
项目7 使用CSS
子任务1 使用无序列表
子任务2 使用有序列表
子任务3 使用定义列表
子任务4 定义列表项目符号属性的使用
子任务5 disy属性的使用
子任务6 使用超链接
子任务7
子任务8
项目实施
项目8 使用O5S美化表格
子任务1 创建表格
子任务2 使用CSS样式控制表格
项目实施
项目9 使用CSS美化表单
子任务1 创建表单
子任务2 使用CSS美化表单
子任务3 对表单控行分组
子任务4 使用position属性
项目实施
项目10 使用OSS3动画
子任务1 定义旋转
子任务2 定义缩放
子任务3 定义移动
子任务4 设计帧动画
项目实施
项目11 HTML5+CSS3网页排版——企业网站的制作
子任务1 了解div盒子
子任务2 了解span标签与div标签的区别
子任务3 div盒子模型的组成及属性的使用
子任务4 使用元素的float定位
子任务5 使用div+CSS常用的布局方式
子任务6 使用HTML5的新布局
项目实施
项目12 使用OSS3的弹性布局制作响应式页面
子任务1 响应式页面简介
子任务2 启动弹性盒子
子任务3 定义伸缩方向
子任务4 定义行数
子任务5 定义对齐方式
子任务6 定义伸缩项目
子任务7 使用媒体查询
项目实施