WEB前端开发与项目实践

开　篇 项目1　网页入门003 任务1-1 基本概念004 任务1-2 制作**个页面006 个人网站设计篇 项目2　个人简历017 任务2-1 基本概念019 任务2-2 文本023 任务2-3 图像029 任务2-4 表格031 任务2-5 个人简历页面037 项目3　个人博客043 任务3-1 利用区块标签进行简单布局045 任务3-2 CSS样式的基本概念（1）048 任务3-3 CSS样式的基本概念（2）054 任务3-4 文本样式062 任务3-5 个人博客页面分析072 任务3-6 个人博客页面页首、页脚模块的实现075 任务3-7 个人博客页面博客内容模块的实现077

IV 企业网站设计篇
项目4　企业网站首页085 任务4-1 盒子模型087
任务4-2 盒子模型进阶089
任务4-3 显示类型设置098
任务4-4 定位设置104
任务4-5 背景设置114
任务4-6 CSS3新增效果设置129
任务4-7 企业网站首页分析143
任务4-8 导航模块的实现146
任务4-9 巨幕、服务和产品介绍模块的实现148
任务4-10 浮动图标和页脚模块的实现154 行业网站设计篇
项目5　用户注册页面159 任务5-1 表单的基本概念161
任务5-2 表单控件164
任务5-3 表单样式设计182
任务5-4 企业用户注册页面分析194
任务5-5 表单模块的实现197 项目6　酒店客房预订网站205 任务6-1 JavaScript概念207
任务6-2 JavaScript的基本使用210
任务6-3 控制流程216
任务6-4 函数223
任务6-5 设计酒店客房预订页面228
目 录 V 任务6-6 页首模块的实现232 任务6-7 酒店介绍模块的实现233 任务6-8 客房预订模块的实现240 任务6-9 酒店客房预订网站脚本的实现248 项目7　视频播放网站255 任务7-1 JavaScript对象257 任务7-2 事件278 任务7-3 多媒体283 任务7-4 地理位置288 任务7-5 视频播放网站页面分析291 任务7-6 页首模块的实现294 任务7-7 视频播放模块的实现297 任务7-8 热门视频模块的实现310 任务7-9 视频播放网站脚本的实现313 响应式网站设计篇 项目8　在线订餐页面319 任务8-1 响应式设计320 任务8-2 媒体查询323 任务8-3 弹性布局327 任务8-4 使用弹性布局进行响应式设计337 任务8-5 在线订餐页面分析341 任务8-6 在线订餐页面中导航和订单模块的实现344 任务8-7 在线订餐页面中菜单模块的实现348 任务8-8 在线订餐页面中业务逻辑的实现354

项目9　快递柜取件页面359 任务9-1 网格布局360
任务9-2 网格容器属性的设置364
任务9-3 网格项目属性的设置373
任务9-4 使用网格布局实现响应式设计377
任务9-5 快递柜取件页面分析382
任务9-6 快递柜取件页面中导航模块的实现384
任务9-7 快递柜取件页面中取件模块的实现386
任务9-8 快递柜取件页面中业务逻辑的实现390 参考文献392
附录A　HTML常用标签简介393
附录B　CSS属性值简介395