《网页设计与制作基础》课程教学大纲 一、课程基本信息 课程代码：119492 课程名称：网页设计与制作基础 英文名称：Fundamentals of Web Design and Production 课程类别：通识课 学时：32（其中实验学时16学时） 学分2 适用对象：部分专业本科学生 考核方式：考查 先修课程：计算机应用基础 二、课程简介 本课程是部分专业本科学生必修的一门通识课程，属于高等学校计算机基础教育 第二层次课程。本课程以网页设计软件作为技术支持，由浅入深系统地介绍了网页的 构思、规划、制作和网站律设的全时程，旨在让学生堂据TL语言及常用网页设计 工具的使用，并能亲手设计出自己喜爱的网页。本课程内容主要包括：网页设计基础 HTML基础、Dreamweaver基本操作、Dreamweaver网页布局设计以及Dreamweaver高 级应用等。 This course is a compulsory general course for some undergraduate students. It belongs to the second level curriculum of computer basic education in Universities.This course by the homepage design software took the technical support,systematically introduced from the shallow to the deep the homepage idea,the plan,the manufacture and the website construction entire process, is for the purpose of enabling the student to grasp the HTML language and the commonly used homepage designs the tool the use,and can personally design the homepage which own like.The content of this course mainly includes:web design basis,HTML foundation,Dreamweaver basic operation,Dreamweaver web page layout design and Dreamweaver advanced application etc. 三、课程性质与教学目的 本课程是一门实用性极强，面向网页设计以及制作的通识必修课，主要使学生了 解网站的建设流程，要求学生掌握网页设计与制作的基本知识，熟悉常用的网页制作 软件，并且具备利用这些软件设计与制作网页的能力，使之能够理论和实践相结合， 并为学生今后进一步学习动态网站设计课程打下坚实的基础。此外，以课程学习为契 机，增强学生对传统艺术的了解，深化学生对中国传统文化的认知，内化学生对社会
1 《网页设计与制作基础》课程教学大纲 一、课程基本信息 课程代码：119492 课程名称：网页设计与制作基础 英文名称：Fundamentals of Web Design and Production 课程类别：通识课 学时：32(其中实验学时 16 学时) 学分：2 适用对象:部分专业本科学生 考核方式：考查 先修课程：计算机应用基础 二、课程简介 本课程是部分专业本科学生必修的一门通识课程，属于高等学校计算机基础教育 第二层次课程。本课程以网页设计软件作为技术支持，由浅入深系统地介绍了网页的 构思、规划、制作和网站建设的全过程，旨在让学生掌握 HTML 语言及常用网页设计 工具的使用，并能亲手设计出自己喜爱的网页。本课程内容主要包括：网页设计基础、 HTML 基础、Dreamweaver 基本操作、Dreamweaver 网页布局设计以及 Dreamweaver 高 级应用等。 This course is a compulsory general course for some undergraduate students. It belongs to the second level curriculum of computer basic education in Universities. This course by the homepage design software took the technical support, systematically introduced from the shallow to the deep the homepage idea, the plan, the manufacture and the website construction entire process, is for the purpose of enabling the student to grasp the HTML language and the commonly used homepage designs the tool the use, and can personally design the homepage which own like. The content of this course mainly includes: web design basis, HTML foundation, Dreamweaver basic operation, Dreamweaver web page layout design and Dreamweaver advanced application etc. 三、课程性质与教学目的 本课程是一门实用性极强，面向网页设计以及制作的通识必修课，主要使学生了 解网站的建设流程，要求学生掌握网页设计与制作的基本知识，熟悉常用的网页制作 软件，并且具备利用这些软件设计与制作网页的能力，使之能够理论和实践相结合， 并为学生今后进一步学习动态网站设计课程打下坚实的基础。此外，以课程学习为契 机，增强学生对传统艺术的了解，深化学生对中国传统文化的认知，内化学生对社会
主义核心价值观的理解，进一步强化了大学生对主流价值的感性认识，从而增强了大 学生的文化自信。 四、教学内容及要求 第一章 网页设计基础 (一)目的与要求 1. 了解网站与网页的基本概念、网站创建流程。 2.熟表搜集网页素材的方法。 3. 掌握网页文档结构。 (二)教学内容 第一节基本概念 1.主要内容 (1)WWW基础 (2)网页 (3)网站 (④)Internet服务器 (⑤)本地计算机 (⑥)本地站点与远端站点 (7)Internet服务程序 (⑧)HTML语言 (9)脚本语言 2.基本概念和知识点 W及其特点、网页、网站以及HTML语言。 3.问题与应用（能力要求） 问题：什么是网页文档规范？ 要求学生完成本节学习后，对网页和网站设计与制作的基础知识有个初步的了解 第二节网站创建流程 1.主要内容 (1)站点规划与设计 (②)素材准备 (3)建立网站与网页制作 (4)网站测试 (5)网站发布 (6)维护更新 2.基本概念和知识点 了解各流程的具体工作部署。 2
2 主义核心价值观的理解，进一步强化了大学生对主流价值的感性认识，从而增强了大 学生的文化自信。 四、教学内容及要求 第一章 网页设计基础 (一) 目的与要求 1. 了解网站与网页的基本概念、网站创建流程。 2. 熟悉搜集网页素材的方法。 3. 掌握网页文档结构。 (二) 教学内容 第一节 基本概念 1. 主要内容 (1) WWW 基础 (2) 网页 (3) 网站 (4) Internet 服务器 (5) 本地计算机 (6) 本地站点与远端站点 (7) Internet 服务程序 (8) HTML 语言 (9) 脚本语言 2. 基本概念和知识点 WWW 及其特点、网页、网站以及 HTML 语言。 3. 问题与应用（能力要求） 问题：什么是网页文档规范？ 要求学生完成本节学习后，对网页和网站设计与制作的基础知识有个初步的了解。 第二节 网站创建流程 1. 主要内容 (1) 站点规划与设计 (2) 素材准备 (3) 建立网站与网页制作 (4) 网站测试 (5) 网站发布 (6) 维护更新 2. 基本概念和知识点 了解各流程的具体工作部署
3.问题与应用（能力要求） 问题：网页设计常用工具有哪些？其主要的功能分别是什么？ 要求学生完成本节学习后，对网页的发布流程有个粗略的了解。特别是在网站主 题选择方面要求学生尽量从以下几方面进行考虑：从当今社会热点、难点出发；从专 业角度出发，将学生德育教育及专业知识有机地融合到教学任务中，贯彻思政导向。 第三节TL文档的基本结构 1.主要内容 (I)HTML的基本语法 (2)HTML文档的基本结构 (3)HTML文档的编辑 2.基本概念和知识点 标记、标记属性。 文档标记、文档头标记、文档标题标记、文档主体标记。 利用记事本编辑HTML文档。 3.问题与应用（能力要求） 问题：标记属性有哪些语法规则？ 要求学生完成本节学习后，熟练掌握TML的基本语法、TL文档的基本结构和 HTML文档的编辑。 (三)思考与实践 让学生课后通过浏览一些网页来了解网页和网站设计与制作的基础知识：并掌握 网页文档结构，以及能用文本编辑软件制作简单的网页文档。 完成实验项目一（网页的认识）。 (四)教学方法与手段 本章教学主要借助多煤体课件采用课堂讲授的方式进行。 第二章 HTL基础 (一)目的与要求 L.熟练掌握常用网页基本元素的HTML标记。 2.善于利用这些标记制作网页文档。 (二)教学内容 第一节文本格式应用 1.主要内容 (1)文本段落格式 (②)文字的显示效果 (3)列表格式 2.基本概念和知识点 3
3 3. 问题与应用（能力要求） 问题：网页设计常用工具有哪些？其主要的功能分别是什么？ 要求学生完成本节学习后，对网页的发布流程有个粗略的了解。特别是在网站主 题选择方面要求学生尽量从以下几方面进行考虑：从当今社会热点、难点出发；从专 业角度出发，将学生德育教育及专业知识有机地融合到教学任务中，贯彻思政导向。 第三节 HTML 文档的基本结构 1. 主要内容 (1) HTML 的基本语法 (2) HTML 文档的基本结构 (3) HTML 文档的编辑 2. 基本概念和知识点 标记、标记属性。 文档标记、文档头标记、文档标题标记、文档主体标记。 利用记事本编辑 HTML 文档。 3. 问题与应用（能力要求） 问题：标记属性有哪些语法规则？ 要求学生完成本节学习后，熟练掌握 HTML 的基本语法、HTML 文档的基本结构和 HTML 文档的编辑。 (三) 思考与实践 让学生课后通过浏览一些网页来了解网页和网站设计与制作的基础知识；并掌握 网页文档结构，以及能用文本编辑软件制作简单的网页文档。 完成实验项目一（网页的认识）。 (四) 教学方法与手段 本章教学主要借助多媒体课件采用课堂讲授的方式进行。 第二章 HTML 基础 (一) 目的与要求 1. 熟练掌握常用网页基本元素的 HTML 标记。 2. 善于利用这些标记制作网页文档。 (二) 教学内容 第一节 文本格式应用 1. 主要内容 (1) 文本段落格式 (2) 文字的显示效果 (3) 列表格式 2. 基本概念和知识点
文本段落格式（注释标记、分段标记、换行/不换行标记、标题标记、分节标记、 水平线标记、文本居中标记)。 文字的显示效果（字体标记、字符样式标记、转义字符）。 列表格式（无序列表标记、有序列表标记） 3.问题与应用（能力要求） 问题：常用的转义字符有哪些呢？ 要求学生完成本节学习后，熟练掌握网页中最基本的元素-一文本的各种TML标 记。 第二节超链接 1.主要内容 (1)错点标记 (②)页面跳转链接 (3)书答超链接 (4)下载文件链接 (5)电子邮件链接 2.基本概念和知识点 锚点标记、页面跳转链接、书签超链接、下载文件链接、电子邮件链接 3.问题与应用（能力要求） 问题：什么是书签超链接 要求学生完成本节学习后，熟练掌握网页基本元素一一超链接的HTL标记。 第三节多媒体元素应用 1.主要内容 (1)图片 (2)音频和视频 (3)动态元素 2.基本概念和知识点 图片标记、图片超链接、网页背景。 链接音频或视频文件、网页背景音乐、内嵌音频或视频播放插件 动态元素。 3.问题与应用（能力要求） 问题：作为网页背景的图片文件格式有哪些？ 要求学生完成本节学习后，熟练掌握网页基本元素-一多媒体元素（包括图片、网 页背景、音频和视频、动态元素)的TML标记。 第四节表格 1.主要内容
4 文本段落格式（注释标记、分段标记、换行/不换行标记、标题标记、分节标记、 水平线标记、文本居中标记）。 文字的显示效果（字体标记、字符样式标记、转义字符）。 列表格式（无序列表标记、有序列表标记） 3. 问题与应用（能力要求） 问题：常用的转义字符有哪些呢？ 要求学生完成本节学习后，熟练掌握网页中最基本的元素---文本的各种 HTML 标 记。 第二节 超链接 1. 主要内容 (1) 锚点标记 (2) 页面跳转链接 (3) 书签超链接 (4) 下载文件链接 (5) 电子邮件链接 2. 基本概念和知识点 锚点标记、页面跳转链接、书签超链接、下载文件链接、电子邮件链接。 3. 问题与应用（能力要求） 问题：什么是书签超链接？ 要求学生完成本节学习后，熟练掌握网页基本元素---超链接的 HTML 标记。 第三节 多媒体元素应用 1. 主要内容 (1)图片 (2)音频和视频 (3)动态元素 2. 基本概念和知识点 图片标记、图片超链接、网页背景。 链接音频或视频文件、网页背景音乐、内嵌音频或视频播放插件 动态元素。 3. 问题与应用（能力要求） 问题：作为网页背景的图片文件格式有哪些？ 要求学生完成本节学习后，熟练掌握网页基本元素---多媒体元素（包括图片、网 页背景、音频和视频、动态元素）的 HTML 标记。 第四节 表格 1. 主要内容
(1)表格基本结构 (2)表格内容的对齐 (3)表格在页面中的对齐 (4)不规则表格 (5)表格颜色与背景 2.基本概念和知识点 表格基本结构。 表格内容的对齐（水平方向对齐方式、垂直方向对齐方式）。 表格在页面中的对齐】 不规则表格 表格颜色和背景。 3.问题与应用（能力要求） 问题：网页中不规则表格如何实现？ 要求学生完成本节学习后，熟练掌握网页基本元素-一表格的有关TL标记。 第五节表单 1.主要内容 (1)表单基本概念 (2)单行文本框和密码框 (3)按钮 (4)复选框和单选按钮 (5)选择栏 (6)多行文本框 (7)表单综合示例 2.基本概念和知识点 表单的基本概念。 单行文本框和密码框， 按钮（提交按钮、重置按钮、自定义按钮）。 复选框和单选按钮。 选择栏。 多行文本框」 3.问题与应用（能力要求） 问题：表单中常用的表单项有哪些？ 要求学生完成本节学习后，熟练掌握网页基本元素-一表单的有关TML标记。 (一)思考与实践 思考题：如何使用表格来布局表单？ 5
5 (1)表格基本结构 (2)表格内容的对齐 (3)表格在页面中的对齐 (4)不规则表格 (5)表格颜色与背景 2. 基本概念和知识点 表格基本结构。 表格内容的对齐（水平方向对齐方式、垂直方向对齐方式）。 表格在页面中的对齐。 不规则表格 表格颜色和背景。 3. 问题与应用（能力要求） 问题：网页中不规则表格如何实现？ 要求学生完成本节学习后，熟练掌握网页基本元素---表格的有关 HTML 标记。 第五节 表单 1. 主要内容 (1)表单基本概念 (2)单行文本框和密码框 (3)按钮 (4)复选框和单选按钮 (5)选择栏 (6)多行文本框 (7)表单综合示例 2. 基本概念和知识点 表单的基本概念。 单行文本框和密码框。 按钮（提交按钮、重置按钮、自定义按钮）。 复选框和单选按钮。 选择栏。 多行文本框。 3. 问题与应用（能力要求） 问题：表单中常用的表单项有哪些？ 要求学生完成本节学习后，熟练掌握网页基本元素---表单的有关 HTML 标记。 (一) 思考与实践 思考题：如何使用表格来布局表单？