WEB前端开发项目化教程

项目一 Web前端开发入门...............................................................................................1任务一 初识Web前端技术................................................................................................................1任务二 走进HTML5............................................................................................................................9任务三 制作**个网页....................................................................................................................12项目二 网页中插入图像和文本........................................................................................17任务一 网页中文本的应用................................................................................................................17任务二 网站首页中图像的应用.......................................................................................................26项目三 初识首页布局....................................................................................................37任务一 CSS装饰网页........................................................................................................................37任务二 CSS3选择器..........................................................................................................................44任务三 盒子模型................................................................................................................................54项目四 DIV CSS复杂布局............................................................................................73任务一 浮动布局两栏式页面............................................................................................................73任务二 DIV CSS布局网上商城首页...............................................................................................82任务三 网格布局网上蔬果商城首页...............................................................................................87项目五 网站首页添加导航..............................................................................................96任务一 页面中超链接的使用............................................................................................................96任务二 一级导航菜单的设计开发.................................................................................................102任务三 二级弹出式菜单的定位.....................................................................................................110项目六 网页中插入视频和音频.......................................................................................118任务一 向网页中插入视频..............................................................................................................118任务二 向网页中插入音频..............................................................................................................122项目七 制作多级导航...................................................................................................126任务一 认识列表..............................................................................................................................126任务二 使用列表制作多级导航.....................................................................................................144任务三 使用弹性盒布局..................................................................................................................151项目八 网页中应用表格、表单元素................................................................................168任务一 网页中表格元素的应用..................................................................................................... 168任务二 网页中表单元素的应用..................................................................................................... 179项目九 网站中的动态效果.............................................................................................200任务一 过渡、变形和动画应用..................................................................................................... 200任务二 实现网站首页的轮播图..................................................................................................... 218参考文献.......................................................................................................................238