《网站开发与管理》课程教学大纲 一、课程基本信息 课程代码：16218002 课程名称：网站开发与管理 英文名称：Website Development and Management 课程类别：通识课 学时：32（其中实验学时12学时、其他教学环节8学时） 学分：2 适用对象：各专业本科生 考核方式：考查 先修课程：无 二、课程简介 中文简介 本课程是适合各专业本科学生选修的一门通识课。该课程以Dreamweaver网页设 计软件作为技术支持，由浅入深系统地介绍了网页的构思、规划、制作和网站建设的 全过程，旨在让学生了解网站规划、设计的思想和全部流程、掌握HTL语言及常用 网页设计工具的使用，并能亲手设计出自己喜爱的网页。本课程内容主要包括：网页 设计基础、HTML基础、Dreamweaver基本操作、CSS选择器以及DIV+CSS网页布局设 计等。 英文简介 This course is an elective course for all majors.It is a part specialized undergraduate's compulsory special course.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.The aim is to let students understand the website planning,design ideas and all the process,master the HTMl language and the use of commonly used web page design tools,and can design their own favorite pages.The content of this course mainly includes:web design basis.HTML foundation,Dreamweaver basic operation and Dreamweaver web page layout design etc 三、课程性质与教学目的 本课程属于通识选修课，其实用性极强，是一门面向网站开发与管理、网页设计 与制作的课程，主要使学生了解网站的建设流程，要求学生掌握网页设计与制作的基 本知识，熟悉常用的HTL标记，并能结合CSS知识设计与制作网页，使之能够理论 和实践相结合，并为学生今后进一步学习动态网站设计课程打下坚实的基础。此外， 1
1 《网站开发与管理》课程教学大纲 一、课程基本信息 课程代码：16218002 课程名称：网站开发与管理 英文名称：Website Development and Management 课程类别：通识课 学时：32(其中实验学时 12 学时、其他教学环节 8 学时) 学分：2 适用对象：各专业本科生 考核方式：考查 先修课程：无 二、课程简介 中文简介 本课程是适合各专业本科学生选修的一门通识课。该课程以 Dreamweaver 网页设 计软件作为技术支持，由浅入深系统地介绍了网页的构思、规划、制作和网站建设的 全过程，旨在让学生了解网站规划、设计的思想和全部流程、掌握 HTML 语言及常用 网页设计工具的使用，并能亲手设计出自己喜爱的网页。本课程内容主要包括：网页 设计基础、HTML 基础、Dreamweaver 基本操作、CSS 选择器以及 DIV+CSS 网页布局设 计等。 英文简介 This course is an elective course for all majors.It is a part specialized undergraduate's compulsory special course .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. The aim is to let students understand the website planning, design ideas and all the process, master the HTML language and the use of commonly used web page design tools, and can design their own favorite pages. The content of this course mainly includes:web design basis, HTML foundation, Dreamweaver basic operation and Dreamweaver web page layout design etc. 三、课程性质与教学目的 本课程属于通识选修课，其实用性极强，是一门面向网站开发与管理、网页设计 与制作的课程，主要使学生了解网站的建设流程，要求学生掌握网页设计与制作的基 本知识，熟悉常用的 HTML 标记，并能结合 CSS 知识设计与制作网页，使之能够理论 和实践相结合，并为学生今后进一步学习动态网站设计课程打下坚实的基础。此外
本课程在设计和组织教学内容和准备教学素材中充分结合了思政元素，在网站主题的 选择和网页的素材准备方面有机引入中国传统文化、中华传统元素、社会主义核心价 值观等具有中因元素、中国文化、中因形象等文化元素：在案例描述和案例分析环节， 融入增强民族自豪感和文化自信的思政素材元素。总之通过以课程学习为契机，加深 了学生对传统艺术的了解，深化了学生对中国传统文化的认知，内化学生对社会主义 核心价值观的理解，进一步强化了大学生对主流价值的感性认识，从而增强了大学生 的文化自信，让本课程也能成为铸魂育人的生动课堂。 四、教学内容及要求 第一章网页设计基础 (一)目的与要求 1. 了解网站与网页的基本概念、网站建立方式与网站设计的一般原则与方法。 2. 了解网页设计常用工具的功能与用途。 掌握TML文档的基本语法及其基本结构。 4.熟练掌握HTML文档的编辑。 5.熟练掌握各种网页基本元素的HTML标记。 （二)教学内容 第一节基本概念 1.主要内容 ()WWW基础 (2)网页 (3)网站 (4)Weh标准 2.基本概念和知识点 WWW及其特点、网页、网站以及Web标准。 3.问题与应用（能力要求） 问题：网页设计常用工具有哪些？其主要的功能分别是什么？ 要求学生完成本节学习后，对网站设计与网页制作有个初步的了解。 第二节网页发布流程 1.主要内容 (①)站点规划与设计 (②)素材准备 (3)建立网站与网页制作 (4)网站测试 (5)网站发布 (6)维护更新
2 本课程在设计和组织教学内容和准备教学素材中充分结合了思政元素，在网站主题的 选择和网页的素材准备方面有机引入中国传统文化、中华传统元素、社会主义核心价 值观等具有中国元素、中国文化、中国形象等文化元素；在案例描述和案例分析环节， 融入增强民族自豪感和文化自信的思政素材元素。总之通过以课程学习为契机，加深 了学生对传统艺术的了解，深化了学生对中国传统文化的认知，内化学生对社会主义 核心价值观的理解，进一步强化了大学生对主流价值的感性认识，从而增强了大学生 的文化自信，让本课程也能成为铸魂育人的生动课堂。 四、 教学内容及要求 第一章 网页设计基础 (一) 目的与要求 1. 了解网站与网页的基本概念、网站建立方式与网站设计的一般原则与方法。 2. 了解网页设计常用工具的功能与用途。 3. 掌握 HTML 文档的基本语法及其基本结构。 4. 熟练掌握 HTML 文档的编辑。 5. 熟练掌握各种网页基本元素的 HTML 标记。 (二) 教学内容 第一节 基本概念 1. 主要内容 (1) WWW 基础 (2) 网页 (3) 网站 (4) Web 标准 2. 基本概念和知识点 WWW 及其特点、网页、网站以及 Web 标准。 3. 问题与应用（能力要求） 问题：网页设计常用工具有哪些？其主要的功能分别是什么？ 要求学生完成本节学习后，对网站设计与网页制作有个初步的了解。 第二节 网页发布流程 1. 主要内容 (1) 站点规划与设计 (2) 素材准备 (3) 建立网站与网页制作 (4) 网站测试 (5) 网站发布 (6) 维护更新
2.基本概念和知识点 网页中常用的图片格式有哪些？它们有什么优弊？ 3.问题与应用（能力要求） 问题：怎样选取网站的主题？ 要求学生完成本节学习后，对网页的发布流程有个大致的了解。特别是在网站主 题选择方面要求学生尽量从以下几方面进行考虑：从当今社会热点、难点出发；从专 业角度出发，将学生德育教育及专业知识有机地融合到教学任务中，贯彻思政导向。 第三节 TML文档的基本结构、常用标记及相关属性 1.主要内容 (I)HTML的基本语法 (2)HTL文档的基本结构 (3)HTML文档的编辑 (4)HWL文档的常用标记及相关属性， 2.基本概念和知识点 文本段落标记、图片标记、超链接标记、表格标记以及列表标记。 3.问题与应用（能力要求） 问题：标记属性有哪些语法规则？ 要求学生完成本节学习后，熟练掌握HTML的基本语法、HTL文档的基本结构、用 文本编辑软件实现TL文档的编辑、TML常用标记及相关属性。 (三)思考与实践 思考题：文本编辑软件能创建网站站点吗？ 让学生熟悉TML文档的基本结构：能利用记事本来编辑TML文档并浏览：并熟 练使用L常用标记及相关属性进行网页基本元素的添加和设置。 完成实验项目一(HTML标记)。 (四)教学方法与手段 本章教学主要借助多媒体课件采用课堂讲授的方式进行。 第二章 Dreamweaver (一)目的与要求 1. 了解Dreamweaver软件。 2.熟悉Dreamweaver环境下文档的基本操作。 3. 热练掌握利用Dreamweaver软件实现基本网页基本元素的插入和设置。 (二)教学内容 第一节Dreamweaver介绍 1.主要内容 (1)关于Dreamweaver
3 2. 基本概念和知识点 网页中常用的图片格式有哪些？它们有什么优弊？ 3. 问题与应用（能力要求） 问题： 怎样选取网站的主题？ 要求学生完成本节学习后，对网页的发布流程有个大致的了解。特别是在网站主 题选择方面要求学生尽量从以下几方面进行考虑：从当今社会热点、难点出发；从专 业角度出发，将学生德育教育及专业知识有机地融合到教学任务中，贯彻思政导向。 第三节 HTML 文档的基本结构、常用标记及相关属性 1. 主要内容 (1) HTML 的基本语法 (2) HTML 文档的基本结构 (3) HTML 文档的编辑 (4) HTML 文档的常用标记及相关属性。 2. 基本概念和知识点 文本段落标记、图片标记、超链接标记、表格标记以及列表标记。 3. 问题与应用（能力要求） 问题：标记属性有哪些语法规则？ 要求学生完成本节学习后，熟练掌握 HTML 的基本语法、HTML 文档的基本结构、用 文本编辑软件实现 HTML 文档的编辑、HTML 常用标记及相关属性。 (三) 思考与实践 思考题：文本编辑软件能创建网站站点吗？ 让学生熟悉 HTML 文档的基本结构；能利用记事本来编辑 HTML 文档并浏览；并熟 练使用 HTML 常用标记及相关属性进行网页基本元素的添加和设置。 完成实验项目一（HTML 标记）。 (四) 教学方法与手段 本章教学主要借助多媒体课件采用课堂讲授的方式进行。 第二章 Dreamweaver (一) 目的与要求 1. 了解 Dreamweaver 软件。 2. 熟悉 Dreamweaver 环境下文档的基本操作。 3. 熟练掌握利用 Dreamweaver 软件实现基本网页基本元素的插入和设置。 (二) 教学内容 第一节 Dreamweaver 介绍 1. 主要内容 (1) 关于 Dreamweaver
(2)Dreamweaver的优缺点 (3)Dreamweaver的版本 (4)Dreamweaver的启动和工作环境 2.基本概念和知识点 了解Dreamweaver的历史以及功能：熟悉Dreamweaver的界面。 3.问题与应用（能力要求） 问题：用记事本和软件Dreamweaver在创建网站和制作网页方面有何区别？ 要求学生完成本节学习后，对Dreamweaver软件有个基本的了解。 第二节Dreamweaver基本操作 1.主要内容 (1)站点操作 (2)文档操作 2.基本概念和知识点 创建本地站点、网页文件的新建、保存、关闭、打开和预览以及设置页面属性等 3.问题与应用（能力要求） 问题：创律本地站点的流程是怎么样的？ 要求学生完成本节学习后，熟练地掌握在工具软件Dreamweaver平台上创建站点 和建立网页。 第三节在Dreamweaver环境下添加基本网页元素 1.主要内容 ()文字 (2)图像 (3)超链接 (4)多煤体对象 (5)表格 (6)列表 2.基本概念和知识点 文本的输入及设留 图像的基本格式、图像的插入及设置： 相对路径及绝对路径的使用方法，超链接的创建： 在网页中插入和播放各种多媒体对象： 表格的创建及设置： 列表的创建及设置。 3.问题与应用（能力要求） 问题：如何用不同的浏览器浏览网页？ 4
4 (2) Dreamweaver 的优缺点 (3) Dreamweaver 的版本 (4) Dreamweaver 的启动和工作环境 2. 基本概念和知识点 了解 Dreamweaver 的历史以及功能；熟悉 Dreamweaver 的界面。 3. 问题与应用（能力要求） 问题：用记事本和软件 Dreamweaver 在创建网站和制作网页方面有何区别？ 要求学生完成本节学习后，对 Dreamweaver 软件有个基本的了解。 第二节 Dreamweaver 基本操作 1. 主要内容 (1) 站点操作 (2) 文档操作 2. 基本概念和知识点 创建本地站点、网页文件的新建、保存、关闭、打开和预览以及设置页面属性等。 3. 问题与应用（能力要求） 问题：创建本地站点的流程是怎么样的？ 要求学生完成本节学习后，熟练地掌握在工具软件 Dreamweaver 平台上创建站点 和建立网页。 第三节 在 Dreamweaver 环境下添加基本网页元素 1. 主要内容 (1) 文字 (2) 图像 (3) 超链接 (4) 多媒体对象 (5) 表格 (6) 列表 2. 基本概念和知识点 文本的输入及设置； 图像的基本格式、图像的插入及设置； 相对路径及绝对路径的使用方法，超链接的创建； 在网页中插入和播放各种多媒体对象； 表格的创建及设置； 列表的创建及设置。 3. 问题与应用（能力要求） 问题：如何用不同的浏览器浏览网页？
要求学生完成本节学习后，熟悉Dreamweaver环境下网站的创建和网页文件的基 本操作。 (三)思考与实践 思考题：理解各种链接路径的含义。 让学生通过实践掌握使用Dreamweaver软件来规划和创建本地站点的方法：熟悉 Dreamweaver的基本文档操作，熟练掌握各种网页基本元素的插入和设置。 完成实验项目二(Dreamweaver基本操作)。在该实验项目中以中国古诗词为网站 主题，通过任务驱动的方式，让学生在完成任务的过程中去领略古诗词中蕴含的人生 哲理、审美价值以及艺术感染力。 (四)教学方法与手段 本章教学主要借助多媒体课件采用课微讲授的方式讲行 第三章 CSS选择器 (一)目的与要求 1. 了解CSS样式表的基本知识。 熟悉各种基本选择器及常用的复合选择器： 3.熟悉CSS样式表的创建及应用。 4.掌握用CSS美化网页元素的方法 (二)教学内容 第一节CSS基本知识及CSS选择器 1.主要内容 ()引入CSs的核心目的 (2)CSS组成 (3)CSS选择器语法结构 (4)选择器的分类 (⑤)CSS选择器优先级 (6)在HTM中使用CSS的方法 2.基本概念和知识点 CSS样式表的概念，优点，分类，样式优先级顺序，语法。 3.问题与应用（能力要求） 问题：HTML及CSS是如何分工合作的？ 要求学生完成本节学习后，熟练地掌握CS$样式表的相关知识并能准确地选择合 适的选择器。 第二节使用DW进行CSS设置 1.主要内容 (1)CSS样式的创建与编辑修改
5 要求学生完成本节学习后，熟悉 Dreamweaver 环境下网站的创建和网页文件的基 本操作。 (三) 思考与实践 思考题：理解各种链接路径的含义。 让学生通过实践掌握使用 Dreamweaver 软件来规划和创建本地站点的方法；熟悉 Dreamweaver 的基本文档操作，熟练掌握各种网页基本元素的插入和设置。 完成实验项目二（Dreamweaver 基本操作）。在该实验项目中以中国古诗词为网站 主题，通过任务驱动的方式，让学生在完成任务的过程中去领略古诗词中蕴含的人生 哲理、审美价值以及艺术感染力。 (四) 教学方法与手段 本章教学主要借助多媒体课件采用课堂讲授的方式进行。 第三章 CSS 选择器 (一) 目的与要求 1. 了解 CSS 样式表的基本知识。 2. 熟悉各种基本选择器及常用的复合选择器。 3. 熟悉 CSS 样式表的创建及应用。 4. 掌握用 CSS 美化网页元素的方法。 (二) 教学内容 第一节 CSS 基本知识及 CSS 选择器 1. 主要内容 (1) 引入 CSS 的核心目的 (2) CSS 组成 (3) CSS 选择器语法结构 (4) 选择器的分类 (5) CSS 选择器优先级 (6) 在 HTML 中使用 CSS 的方法 2. 基本概念和知识点 CSS 样式表的概念，优点，分类，样式优先级顺序，语法。 3. 问题与应用（能力要求） 问题： HTML 及 CSS 是如何分工合作的? 要求学生完成本节学习后，熟练地掌握 CSS 样式表的相关知识并能准确地选择合 适的选择器。 第二节 使用 DW 进行 CSS 设置 1. 主要内容 (1) CSS 样式的创建与编辑修改