本书基于项目化教学理念,结合企业实际开发流程,通过4个完整项目的逐步推进,由浅入深地介绍了Web前端开发的各个方面,从基础的网页制作到复杂的企业级和电商项目开发,让学生在实践项目中不断积累经验,熟练掌握Web前端开发的核心技术和实际应用能力。
本书共4个项目,项目1我的第一个网页为基础项目,项目2“小华培”博客网站和项目3“培华学院”企业网站为典型项目,项目4“培华商城”电子商务网站为综合项目。每个项目划分为若干个子任务,每个任务按照学习目标、任务分析与要求、前导知识、任务实现、任务小结和知识测验6个步骤进行讲解,以实现“学中做、做中学”的目标。本书通过设置项目模块“实战与提升”以适配企业开发需求,强化学工程思维和能力。
本书既可用作高职高专院校或应用型本科院校相关专业网站设计与开发课程的教材,同时也可作为Web前端技术从业者和爱好者的学习参考书。
严亚宁 西安培华学院 高校教师 教授 主要从事计算机软件系统开发、Web前端开发应用 出版过《大学计算机基础》、《嵌入式系统原理及应用项目化教程》
毛莉君 西安培华学院 高校教师 教授 主要从事计算机软件系统开发 出版过《大学计算机基础》、《数据库原理》、《面向对象程序设计》
赵增辉 西安培华学院 高校教师 教授 主要从事计算机软件系统开发
刘珍珍 西安培华学院 高校教师 讲师 主要从事Web前端开发
杨宁 西安培华学院 高校教师 讲师 主要从事Web前端开发
项目1 我的第一个网页
1.1 【任务1】使用浏览器开发者工具
1.2 【任务2】创建我的第一个Web项目
1.3 【任务3】制作我的第一个网页
项目2 “华小培”博客网站
2.1 开发前准备
2.2 【任务1】网站首页布局分析设计与实现
2.3 【任务2】网站首页banner与导航的设计与实现
2.4 【任务3】主体左侧博主信息和导航列表的设计与实现
2.5 【任务4】主体右侧文章和脚注的设计与实现
2.6 【任务5】页面优化与Web标准测试
2.7 【任务6】网站首页问候语的设计与实现
2.8 项目实战与提升
项目3 “培华学院”企业网站
3.1 开发前准备
3.2 【任务1】网站首页布局分析设计与实现
3.3 【任务2】网站首页顶部与下拉导航的设计与实现
3.4 【任务3】网站首页横幅广告的设计与实现
3.5 【任务4】网站首页主体左侧导航与搜索栏的设计与实现
3.6 【任务5】网站首页主体右侧新闻公告设计与实现
3.7 【任务6】网站首页底部企业活动和版权栏设计与实现
3.8 项目实战与提升
项目4 “培华商城”电子商务网站
4.1 开发前准备
4.2 【任务1】网站首页顶部的设计与实现
4.3 【任务2】网站首页中间横幅和轮播广告的设计与实现
4.4 【任务3】网站首页侧边栏的设计与实现
4.5 【任务4】网站首页频道广场的设计与实现
4.6 【任务5】网站首页随机推荐的设计与实现
4.7 【任务6】网站首页脚注的设计与实现
4.8 【任务7】网站登录页面的设计与实现
4.9 【任务8】网站商品详情页面的设计与实现
4.10 【任务9】网站购物车页面的设计与实现
附录 代码目录页

