网页设计与制作课程教学大纲

《网页设计与制作》课程教学大纲

课程名称：网页设计与制作

学分及学时：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页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。

三、课程学时分配

四·课程教学中应注意的问题

理论课讲解WEB页面开发的原理及方法，并在多媒体教师机上进行演示操作；

实验课在专业机房协助学生解决课上遗留问题，并安排学生进行实践操作巩固学习效果；

考核方法：期终考试占40％，实验成绩20％，平时成绩和作业占40％。

五·课程教学内容

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

学习目标

案例一指出当当网主页的构成元素——认识网页和网站

案例说明

相关知识

一、网页、网站和主页

二、网页的构成元素

三、网页的本质

案例实施

案例二了解网页设计与制作岗位职责——网页设计基础

案例说明

相关知识

一、网页颜色的选择与搭配

二、网页版式设计

三、网页尺寸

案例实施

案例三企业网站建设基本流程——网站建设基础

案例说明

相关知识

一、Internet，IP地址和域名

二、WWW，URL，HTTP和浏览器

三、HTML与CSS简介

四、网站管理与网页制作相关软件

案例实施

项目总结

项目二网站创建与管理

学习目标

案例一调整Dreamweaver CC 2017工作界面——初识DreamweaverCC 2017

案例说明

相关知识

一、启动DreamweaverCC

二、认识DreamweaverCC工作界面

案例实施

案例二设置企业网站栏目结构和目录结构

案例说明

相关知识

一、设计网站栏目结构

二、创建网站目录结构

案例实施

案例三创建企业网站本地站点——站点基本操作

案例说明

相关知识

一、使用Dreamweaver创建和打开本地站点

二、使用Dreamweaver管理本地站点

案例实施

案例四为企业网站制作欢迎页面——网页文档基本操作

案例说明

相关知识

一、网页文档基本操作

二、“文件”面板基本应用

案例实施

拓展知识

一、网页文档和文件夹命名规则

二、HTML的标签构成

三、HTML网页文档的基本结构

项目总结

课堂实训——创建鲜花导购网站本地站点

项目三创建简单图文网页

学习目标

案例一为企业网站新闻显示网页设置页面基本信息——设置网页基本信息案例说明

相关知识

一、设置文档头信息

二、设置网页页面属性

案例实施

案例二为企业网站新闻显示网页设置文本内容——设置网页文本

案例说明

相关知识

一、添加普通文本

二、插入特殊符号

三、添加空格

四、添加与设置水平线

五、创建列表

案例实施

拓展知识

列表在HTML中的表示

案例三为企业网站新闻显示网页设置图像——设置网页图像

案例说明

相关知识

一、插入与编辑图像

二、插入鼠标经过图像

案例实施

拓展知识

一、网页中可用的图像格式

二、图像在HTML中的表示

项目总结

课堂实训——为鲜花导购网页设置文字和图像内容

项目四为网页设置音视频和超链接

学习目标

案例一制作音视频在线播放页面——在网页中插入HTML 5音视频案例说明

相关知识

一、插入HTML5 Audio

二、插入HTML5 Video

三、插入并编辑插件

案例实施

拓展知识

一、HTML5 Audio和Video所支持的音频和视频格式

二、为网页设置背景音乐

案例二为企业网站新闻显示网页设置超链接——设置超链接

案例说明

相关知识

一、超链接的含义和分类

二、设置常规超链接

三、设置热点链接

四、设置电子邮件链接

五、设置文件下载链接