《网站开发与管理》课程实验教学大纲 一、 课程基本信息 课程代码：16218002 课程名称：网站开发与管理 英文名称：Website Development and Management 实验总学时：20学时 适用专业：各专业本科生 课程类别：通识课 先修课程：无 二、实验教学的总体目的和要求 (一)总体目标 本课程实验教学的目的是让学生提高自己的实际动手能力，熟练掌握当前的 主流网页制作工具以及网页设计辅助软件。通过这门课程的学习，应使学生掌握 以下能力：要求学生掌握网页设计的基础知识：要求学生掌握网页设计与制作的 基础语言HTL语言：要求学生掌握通过Dreanweaver建设网站和编辑网页的技术： 要求学生掌握CSS选择器及其相关属性，并利用CSS美化网页；要求学生掌握 DIV+CSS的网页布局技术。 (二)总体要求 1、对学生的要求 掌握了计算机基础知识，有一定的美学鉴赏能力：实验前必须对实验内容进 行预习：上实验课必须带齐“实验指导书”、“教材”、实验用磁盘，认真按照 实验内容和实验要求完成实验，同学间可相互讨论，但不得大声喧哗；课后按要 求完成实验报告。 2、对教师的要求 有一定的教学经验，了解各种网页制作工具以及铺助设计工具：课前准备充 分：课中耐心指导学生，发现问题及时解决，不做与实验内容无关的事情，不能 无故擅离实验室：课后认真批改学生的实验报告。 3、对实验条件的要求 (1)硬件要求： 多媒体计算机，内部组成局域网，对外每台机器均连入Internet互联网。 (2)软件要求： Windows操作系统： Dreamweaver软件：主流浏览器。 三、 实验教学内容 实验项目
1 《网站开发与管理》课程实验教学大纲 一、 课程基本信息 课程代码：16218002 课程名称：网站开发与管理 英文名称: Website Development and Management 实验总学时：20 学时 适用专业：各专业本科生 课程类别：通识课 先修课程：无 二、 实验教学的总体目的和要求 （一）总体目标 本课程实验教学的目的是让学生提高自己的实际动手能力，熟练掌握当前的 主流网页制作工具以及网页设计辅助软件。通过这门课程的学习，应使学生掌握 以下能力：要求学生掌握网页设计的基础知识；要求学生掌握网页设计与制作的 基础语言 HTML 语言；要求学生掌握通过 Dreamweaver 建设网站和编辑网页的技术； 要求学生掌握 CSS 选择器及其相关属性，并利用 CSS 美化网页；要求学生掌握 DIV+CSS 的网页布局技术。 （二）总体要求 1、对学生的要求 掌握了计算机基础知识，有一定的美学鉴赏能力；实验前必须对实验内容进 行预习；上实验课必须带齐“实验指导书”、“教材”、实验用磁盘，认真按照 实验内容和实验要求完成实验，同学间可相互讨论，但不得大声喧哗；课后按要 求完成实验报告。 2、对教师的要求 有一定的教学经验，了解各种网页制作工具以及辅助设计工具；课前准备充 分；课中耐心指导学生，发现问题及时解决，不做与实验内容无关的事情，不能 无故擅离实验室；课后认真批改学生的实验报告。 3、对实验条件的要求 (1)硬件要求： 多媒体计算机，内部组成局域网，对外每台机器均连入 Internet 互联网。 (2)软件要求： Windows 操作系统； Dreamweaver 软件；主流浏览器。 三、 实验教学内容 实验项目一
实验名称：HTML标记 实验内容：初识网页文档及HTML标记。 实验性质：综合性 实验学时：2学时 实验目的与要求： 1、熟悉HTML文档的基本结构： 2、利用记事本来编辑TML文档并浏览： 3、熟练使用L常用标记及相关属性进行网页基本元素的添加和设置。 实验条件：要求安装中文Windows操作系统，内部组成局域网，外连Internet互 联网、主流浏览器。 研究与思考：能用文本编辑软件建立站点吗？ 实验项目二 实验名称：Dreamweaver基本操作 实验内容：熟悉Dreamweaver软件及其基本操作， 实验性质：综合性 实验学时：2学时 实验目的与要求： 、热悉Dreamweaver的工作环境并了解本地站点的建设和管理 2、熟表网页文件的基本操作： 3、熟练学握在网页基本元素的添加和设置 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器：内 部组成局域网，外连Internet互联网。 研究与思考：建立站点的时候要注意哪些方面？在实验项目二中以中国古诗词为 网站主题，通过任务驱动的方式，让学生在完成任务的过程中去领略 古诗词中蕴含的人生哲理、审美价值以及艺术感染力，深化了学生对 中国传统文化的认知。 实验项目三 实验名称：利用CSS美化网页 实验内容：利用CSS美化网页。 实验性质：综合性 实验学时：2学时 实验目的与要求： 1、熟悉CSS的基本知识： 2、熟悉“CSS样式”面板： 3、掌握样式表的创建和应用。 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器：内 部组成局域网，外连Internet互联网。 研究与思考：比较行内样式、内部样式和外部样式三种样式的作用范围。 2
2 实验名称：HTML 标记 实验内容：初识网页文档及 HTML 标记。 实验性质：综合性 实验学时：2 学时 实验目的与要求： 1、熟悉 HTML 文档的基本结构； 2、利用记事本来编辑 HTML 文档并浏览； 3、熟练使用 HTML 常用标记及相关属性进行网页基本元素的添加和设置。 实验条件：要求安装中文 Windows 操作系统，内部组成局域网，外连 Internet 互 联网、主流浏览器。 研究与思考：能用文本编辑软件建立站点吗？ 实验项目二 实验名称： Dreamweaver 基本操作 实验内容：熟悉 Dreamweaver 软件及其基本操作。 实验性质：综合性 实验学时：2 学时 实验目的与要求： 1、熟悉 Dreamweaver 的工作环境并了解本地站点的建设和管理； 2、熟悉网页文件的基本操作； 3、熟练掌握在网页基本元素的添加和设置。 实验条件：要求安装中文 Windows 操作系统、Dreamweaver 软件、主流浏览器；内 部组成局域网，外连 Internet 互联网。 研究与思考：建立站点的时候要注意哪些方面？在实验项目二中以中国古诗词为 网站主题，通过任务驱动的方式，让学生在完成任务的过程中去领略 古诗词中蕴含的人生哲理、审美价值以及艺术感染力，深化了学生对 中国传统文化的认知。 实验项目三 实验名称：利用 CSS 美化网页 实验内容：利用 CSS 美化网页。 实验性质：综合性 实验学时：2 学时 实验目的与要求： 1、熟悉 CSS 的基本知识； 2、熟悉“CSS 样式”面板； 3、掌握样式表的创建和应用。 实验条件：要求安装中文 Windows 操作系统、Dreamweaver 软件、主流浏览器；内 部组成局域网，外连 Internet 互联网。 研究与思考：比较行内样式、内部样式和外部样式三种样式的作用范围
实验项目四 实验名称：CSS盒子 实验内容：掌握盒模型及相关属性 实验性质：综合性 实验学时：2学时 实验目的与要求： 1、了解CSS盒子内部结构 2、熟悉CSS盒子之间的关系： 3、熟练掌握CSS盒子相关属性的设置。 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器：内 部组成局域网，外连Internet互联网 研究与思考：加深对CSS盒子的margin值的认识。 实验项目五 实验名称：盒子的浮动 实验内容：理解浮动的内涵以及各种关系的盒子的清浮动。 实验性质：综合性 实验学时：2学时 实验目的与要求： 1、理解盒子的浮动内涵： 2、掌握清浮动的各种方法及其利弊 3、利用盒子的浮动实现网页页面的布局。 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器：内 部组成局域网，外连Internet互联网。 研究与思考：如何利用盒子的浮动知识来布局学校网站的主页？清浮动的各种方 法及其利弊。 实验项目六 实验名称：盒子的定位 实验内容：理解盒子的各种定位技术。 实验性质：综合性 实验学时：2学时 实验目的与要求： 1、了解盒子的名种定位枝术 2、能利用各种定位技术相互配合以实现某些特殊效果。 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器：内 部组成局域网，外连Internet互联网。 研究与思考：相对定位和绝对定位如何配搭来布局页面？盒子的浮动和定位各自 适用于怎么样的网页布局？要求学生利用所学各种定位技术来完成长 城城墙的“搭建”，在这实验过程中，不仅巩固深化了所学专业知识， 3
3 实验项目四 实验名称：CSS 盒子 实验内容：掌握盒模型及相关属性。 实验性质：综合性 实验学时：2 学时 实验目的与要求： 1、了解 CSS 盒子内部结构； 2、熟悉 CSS 盒子之间的关系； 3、熟练掌握 CSS 盒子相关属性的设置。 实验条件：要求安装中文 Windows 操作系统、Dreamweaver 软件、主流浏览器；内 部组成局域网，外连 Internet 互联网。 研究与思考：加深对 CSS 盒子的 margin 值的认识。 实验项目五 实验名称：盒子的浮动 实验内容：理解浮动的内涵以及各种关系的盒子的清浮动。 实验性质：综合性 实验学时：2 学时 实验目的与要求： 1、理解盒子的浮动内涵； 2、掌握清浮动的各种方法及其利弊； 3、利用盒子的浮动实现网页页面的布局。 实验条件：要求安装中文 Windows 操作系统、Dreamweaver 软件、主流浏览器；内 部组成局域网，外连 Internet 互联网。 研究与思考：如何利用盒子的浮动知识来布局学校网站的主页？清浮动的各种方 法及其利弊。 实验项目六 实验名称：盒子的定位 实验内容：理解盒子的各种定位技术。 实验性质：综合性 实验学时：2 学时 实验目的与要求： 1、了解盒子的各种定位技术； 2、能利用各种定位技术相互配合以实现某些特殊效果。 实验条件：要求安装中文 Windows 操作系统、Dreamweaver 软件、主流浏览器；内 部组成局域网，外连 Internet 互联网。 研究与思考：相对定位和绝对定位如何配搭来布局页面？盒子的浮动和定位各自 适用于怎么样的网页布局？要求学生利用所学各种定位技术来完成长 城城墙的“搭建”，在这实验过程中，不仅巩固深化了所学专业知识
还深深体会到长城记载着人类的文明，传承着中华文化的内涵，展现 了中华民族的精神。 实验项目七九 实验名称：综合实验（课程设计） 实验内容：网站建设与网页制作 实验性质：综合性、设计性 实验学时：6学时 实验目的与要求： 1、了解实际网站的建立流程： 2、掌握本地站点的创建和管理以及熟悉网页文件的基本操作： 3、熟练掌握各种网页元素的添加和设置方法： 4、掌握CSS样式表的使用： 5、善于运用DIV+CSS网页布局设计方法。 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器；内 部组成局域网，外连Internet互联网。 研究与思考：怎样利用所学知识完成制作网站的全过程？在网站主题选择方面要 求学生尽量从以下几方面进行考虑：从当今社会热点、难点出发；从 专业角度出发，将学生德育教育及专业知识有机地融合到教学任务中， 贯彻思政导向。 实验项目十 实验名称：网站鉴赏 实验内容：对本班课程设计进行鉴赏并推荐最佳网站 实验性质：综合性 实验学时：2学时 实验目的与要求： 1、掌握跟网站网页相关的知识： 2、熟悉网站设计和网页制作的基本原则： 3、了解色彩对网站网页所起的作用 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器：内 部组成局域网，外连Internet互联网。 研究与思考：怎么样的网页是你们心目中最美的网页？ 如何才能实现网站风格的一致？ 四、 老核方式与标准 本课程采用考查的考试方式。通过对平时上机实验进行实验成绩考核打分 把实验成绩 学生作业以 及出勤等 起计入 时成绩考核 平时成 学期总成 绩的40%：期末考试采取课程设计的方式进行，期末成绩占学期总成绩的60%。 五、推荐实验教材和教学参老书 实验教材：自己编写（未出版），以电子版形式发给学生及相关老师。 教学参考书：
4 还深深体会到长城记载着人类的文明，传承着中华文化的内涵，展现 了中华民族的精神。 实验项目七-九 实验名称：综合实验（课程设计） 实验内容：网站建设与网页制作。 实验性质：综合性、设计性 实验学时：6 学时 实验目的与要求： 1、了解实际网站的建立流程； 2、掌握本地站点的创建和管理以及熟悉网页文件的基本操作； 3、熟练掌握各种网页元素的添加和设置方法； 4、掌握 CSS 样式表的使用； 5、善于运用 DIV+CSS 网页布局设计方法。 实验条件：要求安装中文 Windows 操作系统、Dreamweaver 软件、主流浏览器；内 部组成局域网，外连 Internet 互联网。 研究与思考：怎样利用所学知识完成制作网站的全过程？在网站主题选择方面要 求学生尽量从以下几方面进行考虑：从当今社会热点、难点出发；从 专业角度出发，将学生德育教育及专业知识有机地融合到教学任务中， 贯彻思政导向。 实验项目十 实验名称：网站鉴赏 实验内容：对本班课程设计进行鉴赏并推荐最佳网站。 实验性质：综合性 实验学时：2 学时 实验目的与要求： 1、掌握跟网站网页相关的知识； 2、熟悉网站设计和网页制作的基本原则； 3、了解色彩对网站网页所起的作用。 实验条件：要求安装中文 Windows 操作系统、Dreamweaver 软件、主流浏览器；内 部组成局域网，外连 Internet 互联网。 研究与思考：怎么样的网页是你们心目中最美的网页？ 如何才能实现网站风格的一致？ 四、 考核方式与标准 本课程采用考查的考试方式。通过对平时上机实验进行实验成绩考核打分， 把实验成绩、学生作业以及出勤等一起计入平时成绩考核，平时成绩占学期总成 绩的 40%；期末考试采取课程设计的方式进行，期末成绩占学期总成绩的 60%。 五、 推荐实验教材和教学参考书 实验教材：自己编写（未出版），以电子版形式发给学生及相关老师。 教学参考书：
[)《普通高等教育”十二五“规划教材：网站建设与网页制作》，姚翠友等，中国 水利水电出版社(2011) [2]《网页制作与设计》，郭锂等，高等教育出版社(2010) [3]《网站建设与网页设计制作》，蔡永华等，清华大学出版社(2014) [4]郭锂等，《网页制作与设计》，高等教有出版社，2010.7 六、其他需说明的 本门课程实验内容包括两种模式的实验：综合性实验、设计性实验：每个实 验主要是综合性实验；设计性实验以组为单位完成。 ◆综合性实验：列出目标要求，让学生综合利用所学的知识完成实验。 ◆设计性实验：让学生自行设计实验方案并加以实现的实验。 大纲修订人：刁玉平 修订日期：2020年11月 大纲审定人：刁玉平 审定日期：2020年12月
5 [1] 《普通高等教育"十二五"规划教材：网站建设与网页制作》，姚翠友等，中国 水利水电出版社(2011) [2] 《网页制作与设计》，郭锂等，高等教育出版社(2010) [3] 《网站建设与网页设计制作》，蔡永华等，清华大学出版社(2014) [4] 郭锂等，《网页制作与设计》，高等教育出版社，2010.7 六、 其他需说明的 本门课程实验内容包括两种模式的实验：综合性实验、设计性实验；每个实 验主要是综合性实验；设计性实验以组为单位完成。 ◆ 综合性实验：列出目标要求，让学生综合利用所学的知识完成实验。 ◆ 设计性实验：让学生自行设计实验方案并加以实现的实验。 大纲修订人： 刁玉平 修订日期：2020 年 11 月 大纲审定人： 刁玉平 审定日期: 2020 年 12 月