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

任务一  了解网页基础知识

任务描述

任务准备

一、网站开发相关概念

二、网站开发流程

三、网页设计基础

四、网页制作基础

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

任务二  初识HTML5

任务描述

任务准备

一、HTML5基本语法

二、HTML5文档结构

任务实施——制作第一个网页

任务三  初识CSS3

任务描述

任务准备

一、CSS3基本语法

二、CSS3选择器

三、CSS3的继承性与层叠性

四、CSS3的引入方式

任务实施——美化第一个网页

项目实训——制作“古诗欣赏”网页

项目总结

项目考核

项目评价

项目二  网站规划与站点创建

任务一  网站规划

任务描述

任务准备

一、网站规划的主要任务

二、网站规划书

任务实施——制作“科技学院”网站规划书

任务二  使用Dreamweaver 2021创建站点

任务描述

任务准备

一、Dreamweaver 2021的工作界面

二、Dreamweaver 2021的首选项设置

三、创建并管理站点

四、在站点中创建并管理文件

任务实施——创建“科技学院”网站站点

项目实训——创建“童趣服装店”网站站点

项目总结

项目考核

项目评价

项目三  页中的文本、图像与音视频

任务一  在网页中添加文本

任务描述

任务准备

一、添加文本

二、添加特殊字符

三、设置文本样式

任务实施——制作“科技学院”主页的“通知公告”模块

任务二  在网页中添加图像

任务描述

任务准备

一、添加图像

二、设置图像样式

三、设置元素背景

四、设置变形与过渡

任务实施——制作“科技学院”主页的“新闻动态”模块

任务三  在网页中添加音视频

任务描述

任务准备

一、添加音频

二、添加视频

任务实施——制作“科技学院”主页的“学院风采”模块

项目实训——制作“童趣服装店”主页的“经典爆款”模块

项目总结

项目考核

项目评价

项目四  网页中的列表与超链接

任务一  在网页中添加列表

任务描述

任务准备

一、添加列表

二、设置列表样式

任务实施——在“科技学院”主页中添加列表

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

任务描述

任务准备

一、添加超链接

二、设置超链接样式

任务实施——在“科技学院”主页中添加超链接

任务三  制作常见导航栏

任务描述

任务准备

一、制作横向导航栏

二、制作纵向导航栏

三、制作下拉导航栏

任务实施——制作“在线学习网”主页的导航栏

项目实训——制作“童趣服装店”主页的导航栏

项目总结

项目考核

项目评价

项目五  网页中的表格与表单

任务一  在网页中添加表格

任务描述

任务准备

一、添加表格

二、调整表格结构

三、设置表格样式

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

任务二  在网页中添加表单

任务描述

任务准备

一、添加表单

二、添加表单控件

三、设置表单样式

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

项目实训——制作“童趣服装店”全部商品页

项目总结

项目考核

项目评价

项目六  网页布局

任务一  掌握网页布局

任务描述

任务准备

一、盒子模型

二、元素的浮动

三、元素的定位

任务实施——布局“在线学习网”主页

任务二  构建经典网页布局

任务描述

任务准备

一、单列布局与双列布局

二、三列布局

任务实施——布局“科技学院”主页

任务三  构建响应式布局

任务描述

任务准备

一、视口

二、媒体查询

任务实施——为“在线学习网”主页构建响应式布局

项目实训——布局“童趣服装店”主页

项目总结

项目考核

项目评价

项目七  行为、模板与库

任务一  在网页中添加行为

任务描述

任务准备

一、行为、事件与动作

二、添加行为

三、JavaScript基础知识

任务实施——制作“科技学院”主页的提示公告

任务二  使用模板

任务描述

任务准备

一、创建模板

二、编辑模板

三、应用模板

四、管理模板

任务实施——使用模板制作“科技学院”人才引进页

任务三  使用库

任务描述

任务准备

一、创建库

二、编辑库

三、应用库

任务实施——使用库完善“科技学院”人才引进页

项目实训——完善“童趣服装店”全部商品页

项目总结

项目考核

项目评价

项目八  实战案例——制作“爱学精品课”网站

任务一  规划“爱学精品课”网站

任务描述

任务实施

任务二  创建“爱学精品课”网站站点

任务描述

任务实施

任务三  制作“爱学精品课”主页

任务描述

任务实施

任务四  制作“爱学精品课”课程页

任务描述

任务实施

任务五  测试与发布“爱学精品课”网站

任务描述

任务实施

项目评价

参考文献