目录

第1章Web前端开发职业前景与必要认知

1.1Web前端开发岗位现状

1.1.1职业现状

1.1.2职业前景

1.2Web概述

1.2.1网页概述

1.2.2网站概述

1.3Web标准

1.3.1Web标准概念

1.3.2Web标准语言

1.3.3如何制作网站才符合Web标准

1.3.4Web标准的优势

第2章设计“盛和景园”网站

2.1任务一： “盛和景园”房产网站需求分析的建立

2.1.1确定网站主题

2.1.2网站整体规划

2.1.3收集资料和素材

2.2任务二： 网站首页UI设计

2.2.1首页整体结构设计

2.2.2首页头部区域的设计

2.2.3首页导航区域的设计

2.2.4首页宣传区域设计

2.2.5首页主体内容区域的设计

2.2.6首页页脚区域的设计

2.3课后实践

第3章制作“盛和景园”网站

3.1任务一： 网站效果图的切割与导出

3.2任务二： 创建“盛和景园”网站站点

3．3任务三： 制作“盛和景园”网站页面

3.3.1网页文档的基本结构

3.3.2网页的结构标签和内容标签

3.3.3网页文档的表现样式

3.3.4网页布局

3.3.5网页内容的表现样式

3.3.6表单标签

3.3.7表格的HTML标签和常用样式

3.3.8对网页进行整体布局

3.3.9制作首页头部区域

3.3.10制作首页导航区域

3.3.11制作首页宣传部分

3.3.12制作首页主体内容区域

3.3.13制作首页页脚部分

3.4课后实践

第4章制作“盛和景园”网站交互行为

4.1项目实现

4.2课后实践

第5章制作响应式“盛和景园”网站

5.1弹性布局——Flex布局

5.2媒体查询

5.3Bootstrap

5.4扩展

5.4应用Bootstrap制作响应式“盛和景园”网站

5.5课后实践