《网站开发与管理》-实验教学大纲.docVIP

PAGE PAGE 5 《网站开发与管理》课程实验教学大纲 课程基本信息 课程代码课程名称：网站开发与管理 英文名称: Website Development and Management 实验总学时：20学时 适用专业：各专业本科生 课程类别：通识课 先修课程：无 实验教学的总体目的和要求 总体目标 本课程实验教学的目的是让学生提高自己的实际动手能力，熟练掌握当前的主流网页制作工具以及网页设计辅助软件。通过这门课程的学习，应使学生掌握以下能力：要求学生掌握网页设计的基础知识；要求学生掌握网页设计与制作的基础语言HTML语言；要求学生掌握通过Dreamweaver建设网站和编辑网页的技术；要求学生掌握CSS选择器及其相关属性，并利用CSS美化网页；要求学生掌握DIV+CSS的网页布局技术。 总体要求 对学生的要求 掌握了计算机基础知识，有一定的美学鉴赏能力；实验前必须对实验内容进行预习；上实验课必须带齐“实验指导书”、“教材”、实验用磁盘，认真按照实验内容和实验要求完成实验，同学间可相互讨论，但不得大声喧哗；课后按要求完成实验报告。 对教师的要求 有一定的教学经验，了解各种网页制作工具以及辅助设计工具；课前准备充分；课中耐心指导学生，发现问题及时解决，不做与实验内容无关的事情，不能无故擅离实验室；课后认真批改学生的实验报告。 对实验条件的要求 硬件要求： 多媒体计算机，内部组成局域网，对外每台机器均连入Internet互联网。 软件要求： Windows操作系统； Dreamweaver软件；主流浏览器。 实验教学内容 实验项目一 实验名称：HTML标记 实验内容：初识网页文档及HTML标记。 实验性质：综合性 实验学时：2学时 实验目的与要求： 熟悉HTML文档的基本结构； 利用记事本来编辑HTML文档并浏览； 熟练使用HTML常用标记及相关属性进行网页基本元素的添加和设置。 实验条件：要求安装中文Windows操作系统，内部组成局域网，外连Internet互联网、主流浏览器。 研究与思考：能用文本编辑软件建立站点吗？ 实验项目二 实验名称： Dreamweaver基本操作 实验内容：熟悉Dreamweaver软件及其基本操作。 实验性质：综合性 实验学时：2学时 实验目的与要求： 熟悉Dreamweaver的工作环境并了解本地站点的建设和管理； 熟悉网页文件的基本操作； 熟练掌握在网页基本元素的添加和设置。 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器；内部组成局域网，外连Internet互联网。 研究与思考：建立站点的时候要注意哪些方面？在实验项目二中以中国古诗词为网站主题，通过任务驱动的方式，让学生在完成任务的过程中去领略古诗词中蕴含的人生哲理、审美价值以及艺术感染力，深化了学生对中国传统文化的认知。 实验项目三 实验名称：利用CSS美化网页 实验内容：利用CSS美化网页。 实验性质：综合性 实验学时：2学时 实验目的与要求： 熟悉CSS 的基本知识； 熟悉“CSS样式”面板； 掌握样式表的创建和应用。 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器；内部组成局域网，外连Internet互联网。 研究与思考：比较行内样式、内部样式和外部样式三种样式的作用范围。 实验项目四 实验名称：CSS盒子 实验内容：掌握盒模型及相关属性。 实验性质：综合性 实验学时：2学时 实验目的与要求： 了解CSS盒子内部结构； 熟悉CSS盒子之间的关系； 熟练掌握CSS盒子相关属性的设置。 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器；内部组成局域网，外连Internet互联网。 研究与思考：加深对CSS盒子的margin值的认识。 实验项目五 实验名称：盒子的浮动 实验内容：理解浮动的内涵以及各种关系的盒子的清浮动。 实验性质：综合性 实验学时：2学时 实验目的与要求： 理解盒子的浮动内涵； 掌握清浮动的各种方法及其利弊； 利用盒子的浮动实现网页页面的布局。 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器；内部组成局域网，外连Internet互联网。 研究与思考：如何利用盒子的浮动知识来布局学校网站的主页？清浮动的各种方法及其利弊。 实验项目六 实验名称：盒子的定位 实验内容：理解盒子的各种定位技术。 实验性质：综合性 实验学时：2学时 实验目的与要求： 了解盒子的各种定位技术； 能利用各种定位技术相互配合以实现某些特殊效果。 实验条件：要求安装中文Windows操作系统、Dreamweaver软件、主流浏览器；内部组成局域网，外连Internet互联网。