WEB前端开发技术项目教程

项目一 认识Web前端开发 1任务1.1 初识Web前端3任务1.2 安装IDE7任务1.3 熟悉开发流程与规范12拓展训练17项目小结19习题19项目二 Web前端页面结构搭建——好物商城网站首页页面结构搭建20任务2.1 学习HTML基础知识23任务2.2 探究HTML常用标签和Web标准27任务2.3 跟踪HTML537任务2.4 搭建好物商城首页顶部功能区42任务2.5 搭建好物商城首页banner区域44任务2.6 搭建好物商城首页限时秒杀区域46任务2.7 搭建好物商城首页网站栏目区域48任务2.8 搭建好物商城首页底部区域50拓展训练52项目小结53习题53项目三 Web前端页面美化——好物商城网站页面美化54任务3.1 认识CSS356任务3.2 实现好物商城网页公共样式76任务3.3 头部及导航区域美化79任务3.4 轮播快报区域美化86任务3.5 限时秒杀区域美化91任务3.6 网站栏目区域美化95任务3.7 网页底部区域美化100拓展训练103项目小结103习题104项目四 响应式Web页面移动端设计105任务4.1 了解视口107任务4.2 媒体查询110任务4.3 网页移动端设计112拓展训练114项目小结115习题115项目五 Web前端页面交互效果设计——好物商城网站首页交互效果设计116任务5.1 学习JavaScript基础知识118任务5.2 面向对象编程131任务5.3 导航菜单交互效果设计143任务5.4 banner广告区域交互效果设计147拓展训练152项目小结154习题154项目六 微信小程序开发——心灵方舟-大学生心理健康服务小程序155任务6.1 初识微信小程序157任务6.2 微信小程序开发环境搭建162任务6.3 心灵方舟小程序开发170任务6.4 心灵方舟小程序部署与上线183拓展训练186项目小结186习题186项目七 Web前端新技术187任务7.1 认识Web VR189任务7.2 认识数据大屏可视化194任务7.3 认识可视化网页构建器201任务7.4 认识人工智能建站205拓展训练209项目小结209习题 209