项目1初识站点
任务1.1网站欣赏
1.1.1分类网站欣赏
1.1.2问题探究——网站分类
1.1.3知识拓展——网页布局与配色
1.1.4知识拓展——HTTP和HTTPS
任务1.2构建简单Web站点
1.2.1创建本地站点
1.2.2问题探究——管理本地站点
1.2.3知识拓展——Dreamweaver工作区布局
1.2.4知识拓展——网页制作基础知识
1.2.5知识拓展——超文本置标语言
任务1.3网站项目的开发与组织
1.3.1网站需求分析基本流程
1.3.2问题探究——网站设计的主要流程
1.3.3知识拓展——SEO搜索引擎优化
项目小结
习题
项目2网页基本元素——文本和图像
任务2.1文本的操作
2.1.1编辑文本
2.1.2问题探究——文本操作
2.1.3知识拓展——网页文件头设置
2.1.4知识拓展——特殊文本
2.1.5知识拓展——超链接与文本超链接
任务2.2图像的操作
2.2.1设置图像
2.2.2问题探究——认识图像
2.2.3知识拓展——图像超链接
项目小结
上机操作练习
习题
项目3网页布局技术
任务3.1布局技术之一——表格
3.1.1使用表格搭建页面
3.1.2问题探究——认识表格
3.1.3知识拓展——设计模式和代码模式
任务3.2布局技术之二——DIV+CSS
3.2.1优品推荐网页制作
3.2.2问题探究——认识DIV
3.2.3知识拓展——嵌套DIV
任务3.3布局技术之三——CSS布局定位
3.3.1兰花介绍网页制作(float布局)
3.3.2问题探究——float布局
3.3.3兰花购买网页制作(position定位)
3.3.4问题探究——position定位
3.3.5知识拓展——flexbox布局
任务3.4布局技术之四——盒子模型
3.4.1兰花详情网页制作
3.4.2问题探究——初识盒子模型
3.4.3问题探究——盒子模型溢出属性
3.4.4知识探索——常见网页布局
任务3.5布局技术之五——模板和库
3.5.1使用模板搭建页面
3.5.2问题探究——初识模板
3.5.3知识拓展——库项目的应用
3.5.4知识拓展——资源的应用
项目小结
上机操作练习
习题
项目4表单
任务4.1表单的运用
4.1.1创建表单
4.1.2问题探究——表单及表单对象
4.1.3知识拓展——表单验证
项目小结
上机操作练习
习题
项目5美化网页
任务5.1使用CSS美化网页
5.1.1创建CSS样式
5.1.2问题探究——CSS filter属性与SVG滤镜
5.1.3知识拓展——动态链接
任务5.2动感页面——多媒体
5.2.1运用多媒体装饰页面
5.2.2问题探究——动感元素多媒体
5.2.3知识拓展——jQuery Widget
任务5.3网页特效——行为
5.3.1使用行为制作特效
5.3.2问题探究——认识行为
5.3.3知识拓展——行为的应用
5.3.4知识拓展——内置行为
项目小结
上机操作练习
习题
项目6本地存储
任务6.1Web Storage应用
6.1.1运用Web Storage技术
6.1.2问题探究——初识本地存储
6.1.3知识拓展——JSON对象与Web Storage
任务6.2Web SQL
6.2.1前端存储Web SQL Database API
6.2.2问题探究——Web SQL应用
6.2.3知识拓展——常见SQL语句与Web SQL
项目小结
上机操作练习
习题
项目7站点后期管理
任务7.1站点测试、发布与维护
7.1.1测试站点
7.1.2问题探究——网站测试
7.1.3知识拓展——网站发布
7.1.4知识拓展——维护站点
7.1.5知识拓展——网站宣传
项目小结
习题
参考文献
