项目一  网页设计与制作基础

任务一  网页设计基础

任务描述

知识链接

一、网页，网站和主页

二、网页类型

三、网页构成

四、网页版式

五、网页配色

任务实施——浏览并分析“北京鲁迅博物馆”网站

一、浏览网站

二、分析网站

任务二  网页制作基础

任务描述

知识链接

一、Internet，IP地址和域名

二、WWW，URL和HTTP

三、网站建设流程

四、网页制作语言

五、网页制作与测试工具

任务实施——保存、编辑与运行网页文件

项目实训——了解网页设计与制作相关职位的职责

项目总结

课后习题

项目二  站点的创建与管理

任务一  认识Dreamweaver CC

任务描述

知识链接

一、Dreamweaver CC的工作界面

二、Dreamweaver CC的初始化设置

任务实施——调整Dreamweaver CC工作界面

任务二  Dreamweaver CC基本应用

任务描述

知识链接

一、什么是站点

二、创建并管理本地站点

三、创建和保存网页文件

四、使用“文件”面板管理站点中的文件

任务实施——创建并管理“传承经典网”站点

项目实训——创建“图书交易网”站点

项目总结

课后习题

项目三  HTML5与CSS3基础

任务一  HTML5基础

任务描述

知识链接

一、HTML5简介

二、HTML5基本语法

三、HTML5文档结构

任务实施——制作“传承经典网”主页的“散文选篇”模块

任务二  CSS3基础

任务描述

知识链接

一、CSS3简介

二、CSS3基本语法

三、在HTML文档中引入CSS

四、CSS3选择器

五、CSS3的继承性与层叠性

任务实施——美化“传承经典网”主页的“散文选篇”模块

项目实训——制作“图书交易网”主页的“网站介绍”模块

项目总结

课后习题

项目四  网页文本、图像与多媒体

任务一  在网页中添加文本

任务描述

知识链接

一、添加文本

二、添加特殊字符

三、设置文本样式

任务实施——制作“传承经典网”主页的“诗词佳作”模块

任务二  在网页中添加图像

任务描述

知识链接

一、添加图像

二、绝对路径与相对路径

三、设置图像样式

四、变形与过渡

五、设置元素背景与阴影

任务实施——制作“传承经典网”主页的“大家风范”模块

任务三  在网页中添加多媒体

任务描述

知识链接

一、插入HTML5 Audio

二、插入HTML5 Video

任务实施——在“传承经典网”主页中插入视频

项目实训——制作“图书交易网”主页的“图书推荐”模块

项目总结

课后习题

项目五  网页列表与超链接

任务一  在网页中添加列表

任务描述

知识链接

一、添加列表

二、设置列表样式

任务实施——为“传承经典网”主页添加列表

任务二  在网页中添加超链接

任务描述

知识链接

一、添加超链接

二、常见的超链接类型

三、设置超链接样式

任务实施——为“传承经典网”主页添加超链接

任务三  制作常见导航栏

任务描述

知识链接

一、制作简单纵向导航栏

二、制作简单横向导航栏

三、制作带下拉菜单的横向导航栏

任务实施——制作“爱看视频网”主页的导航栏

项目实训——制作“图书交易网”主页的导航栏

项目总结

课后习题

项目六  网页表格与表单

任务一  在网页中添加表格

任务描述

知识链接

一、添加表格

二、设置表格样式

任务实施——制作“列车时刻表”页面

任务二  在网页中添加表单

任务描述

知识链接

一、添加表单

二、表单控件

三、设置表单样式

任务实施——制作“调查问卷”页面

项目实训——制作“图书交易网”反馈意见页

项目总结

课后习题

项目七  网页布局

任务一  网页布局基础

任务描述

知识链接

一、盒子模型的基本结构

二、盒子模型的属性

三、元素的浮动与定位

任务实施——布局“传承经典网”主页

任务二  经典网页布局

任务描述

知识链接

一、单列与双列布局

二、三列布局

任务实施——布局“爱看视频网”主页

任务三  响应式布局

任务描述

知识链接

一、视口

二、媒体查询

任务实施——为“爱看视频网”主页构建响应式布局

项目实训——布局“图书交易网”主页

项目总结

课后习题

项目八  网页交互与特效

任务一  在网页中添加行为

任务描述

知识链接

一、行为，事件与动作

二、添加行为

任务实施——制作“传承经典网”主页的公告

任务二  JavaScript基础

任务描述

知识链接

一、JavaScript简介

二、JavaScript语言基础

三、在HTML文档中引入JavaScript

任务实施——制作“传承经典网”主页的Banner

项目实训——制作“图书交易网”主页的Banner

项目总结

课后习题

项目九  模板与库

任务一  模板的基本操作

任务描述

知识链接

一、创建模板

二、编辑模板

三、应用模板

四、管理模板

任务实施——应用模板制作“传承经典网”介绍页

任务二  库的基本操作

任务描述

知识链接

一、创建库项目

二、应用库项目

三、编辑库项目

任务实施——应用库项目完善“传承经典网”介绍页

项目实训——创建并应用模板制作“图书交易网”小说投稿页

项目总结

课后习题

项目十  综合案例——制作金企鹅酒店网站

任务一  准备工作与站点创建

任务描述

任务实施

任务二  制作“金企鹅酒店”网站主页

任务描述

任务实施

任务三  制作“金企鹅酒店”网站在线预订页

任务描述

任务实施

任务四  制作“金企鹅酒店”网站移动端页面

任务描述

任务实施

任务五  测试和发布网站

任务描述

任务实施

参考文献