《网页设计与制作》课程教学大纲
课程名称：网页设计与制作
学分及学时：  4 学分总学时72学时，理论36 学时
适用专业：网络工程
开课学期：第四学期
开课部门：计算机与互联网学院
先修课程：计算机文化基础计算机网络
考核要求：考试
使用教材及主要参考书：
向知礼主编：《网页设计与制作》航空工业出版社2017 年
杨松主编：《网页设计案例教程》航空工业出版社2015 年
一·课程性质和任务：
本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章，分为 3 大部分。前 5 章为第 1 部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash， Anfy 等软件在网页制作过程中的应用；第  6 章～第  8 章为第  2 部分，主要介绍网页
制作技术，包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术；第9 章～第  10 章为第3 部分，主要介绍当前最流行的网页制作工具——Dreamweaver ，通过应用实践能够从实际
应用的角度进一步巩固所学知识。
课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。
二·课程教学目的与要求
以Dreamweaver 的使用为主线，介绍网页制作的相关技术。使学生理解网页制作的基本
概念和理论 ，掌握站点的建立和网页的设计 ，能用 HTML 语言修改网页 ；掌握网页制作和站点的基本
知识 ；掌握站点的创建和网页的编辑 ；掌握超链接、图像、 CSS样式的使用 ；掌握表格、框
架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ；理解 HTML 语言、
网站的测试与的发布；
要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的
教学思路，教学内容应结合当前WEB 技术的发展趋势，把握未来企业级WEB 页面开发的发
展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。
三、课程学时分配
理论实践教学学其他（习
章节教学内容教学时小
题、大作
学时
计实验业）学时
项目一网页设计与制作基础知识246项目二网站创建与管理44项目三创建简单图文网页4610项目四为网页设置音视频和超链接22项目五应用 CSS 设置网页样式246项目六构建网页布局4610项目七在网页中应用表格246项目八模板和库的应用22项目九应用表单和行为22项目十测试和发布网站22项目十一创建移动设备网页4610项目十二综合应用——制作酒店网站6612合计363672四·课程教学中应注意的问题
理论课讲解 WEB 页面开发的原理及方法，并在多媒体教师机上进行演示操作；实
验课在专业机房协助学生解决课上遗留问题，并安排学生进行实践操作巩固学习效
果；
考核方法：期终考试占40％，实验成绩20％，平时成绩和作业占40％。
五·课程教学内容
项目一网页设计与制作基础知识
学习目标
案例一指出当当网主页的构成元素——认识网页和网站
案例说明
相关知识
一、网页、网站和主页
二、网页的构成元素
三、网页的本质
案例实施
案例二了解网页设计与制作岗位职责——网页设计基础
案例说明
相关知识
一、网页颜的选择与搭配
二、网页版式设计
三、网页尺寸
案例实施
案例三企业网站建设基本流程——网站建设基础
案例说明
相关知识
一、 Internet， IP 地址和域名
二、 WWW ， URL ， HTTP 和浏览器
三、 HTML  与 CSS 简介
四、网站管理与网页制作相关软件
案例实施
项目总结
项目二网站创建与管理
学习目标
案例一调整Dreamweaver CC 2017工作界面——初识DreamweaverCC 2017案例说明
相关知识
一、启动  DreamweaverCC
二、认识  DreamweaverCC 工作界面
案例实施
案例二设置企业网站栏目结构和目录结构
案例说明
相关知识
一、设计网站栏目结构
二、创建网站目录结构
案例实施
案例三创建企业网站本地站点——站点基本操作
案例说明
相关知识
一、使用  Dreamweaver 创建和打开本地站点
二、使用  Dreamweaver 管理本地站点
案例实施
案例四为企业网站制作欢迎页面——网页文档基本操作
案例说明
相关知识
html网页设计ppt一、网页文档基本操作
二、“文件”面板基本应用
案例实施
拓展知识
一、网页文档和文件夹命名规则
二、 HTML  的标签构成
三、 HTML  网页文档的基本结构
项目总结
课堂实训——创建鲜花导购网站本地站点
项目三创建简单图文网页
学习目标
案例一为企业网站新闻显示网页设置页面基本信息——设置网页基本信息案例说明
相关知识
一、设置文档头信息
二、设置网页页面属性
案例实施
案例二为企业网站新闻显示网页设置文本内容——设置网页文本
案例说明
相关知识
一、添加普通文本
二、插入特殊符号
三、添加空格
四、添加与设置水平线
五、创建列表
案例实施
拓展知识
列表在 HTML  中的表示
案例三为企业网站新闻显示网页设置图像——设置网页图像
案例说明
相关知识
一、插入与编辑图像
二、插入鼠标经过图像
案例实施
拓展知识
一、网页中可用的图像格式
二、图像在HTML  中的表示
项目总结
课堂实训——为鲜花导购网页设置文字和图像内容
项目四为网页设置音视频和超链接
学习目标
案例一制作音视频在线播放页面——在网页中插入 HTML 5 音视频案例说明
相关知识
一、插入  HTML5 Audio
二、插入  HTML5 Video
三、插入并编辑插件
案例实施
拓展知识
一、 HTML5 Audio和Video所支持的音频和视频格式
二、为网页设置背景音乐
案例二为企业网站新闻显示网页设置超链接——设置超链接
案例说明
相关知识
一、超链接的含义和分类
二、设置常规超链接
三、设置热点链接
四、设置链接
五、设置文件下载链接
六、设置图像链接
案例实施
项目总结
课堂实训——为“鲜花导购网页”设置超链接
项目五应用 CSS 设置网页样式
学习目标
案例一为企业网站新闻显示网页设置整体样式——设置CSS 样式（上）案例说明
相关知识
一、 CSS 样式表简介
二、在页面中引入  CSS 样式表的几种方法
三、 CSS 中选择器的类型
四、设置布局样式
五、设置文本和段落样式
六、设置背景样式
七、盒子模型的概念
案例实施
拓展知识
一、选择器的集体声明、嵌套与优先级
二、选择器的继承
案例二为企业网站新闻显示网页设置页头样式——设置CSS 样式（中）案例说明
相关知识
一、设置边框样式
二、标准流的概念
案例实施
案例三为企业网站新闻显示网页设置正文样式——设置CSS 样式（下）案例说明
相关知识
一、设置列表样式
二、 margin 使用注意事项
案例实施
项目总结
课堂实训——为“鲜花导购网页”设置CSS 样式

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。