《网页设计和制作》实践教学大纲.docVIP

《网页设计与制作》实践教学大纲 （信息网络安全监察专业适用） 一、课程类别 专业能力课 二、地位和作用 本实践教学大纲是信息网络安全监察专业“网页设计与制作”课程的实践教学大纲，是完成“网页设计与制作”课程和培养网页设计与制作的基本操作技能的重要实习实践环节。总学时为30学时，共包括9个实践项目。实践地点为校内计算机基础实验室。实践结果将使学生全面掌握网页设计与制作的技术及网页制作软件的使用。 三、实验目的和要求 通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件Dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。 四、实验设施 1.硬件要求： 使用计算机基础实验室。硬件条件包括50台计算机：1G以上内存、40G以上硬盘。 2.软件要求： （1）WindowsXP以上版本 （2）Dream weaver8 中文版； （3）Flash8 中文版 五、组织方式 所有实验环节均由每位学生独立完成。 实训内容、课时分配情况 实训内容 实训课时 实训方式 1 HTML基础实验 4 操作 2 Dreamweaver基础 2 操作 3 创建简单网页实例 4 操作 4 利用表格布局页 4 操作 5 时间轴动画制作 4 操作 6 表单网页的创建 4 操作 7 CSS样式在网页中的应用 4 操作 8 简单的行为的应用 2 操作 9 网页中多媒体的应用 2 操作 合　　计 30 实验项目（一） 项目名称 HTML基础实验 实训地点 计算机基础教学实验室 实验类型 实践型 实验课时 4 目的要求 （一）实验目的 1．掌握HTML语法基本的基本结构。 2．熟悉HTML编写网页的方法。 （二）实验要求 完成实验报告，在实验报告中要求记录如下内容： ⑴．HTML语法基本结构 ⑵．HTML各标记的使用 实验内容 1.编写包括文本和图像的两至三个简单网页 2.在网页之间建立文本、图像和书签超链接 3.编写一个带有表格的网页 4.编写一个带框架结构的网页 实验步骤 按“实验内容”中1～4完成操作，完成实验报告，在实验报告中要求记录如下内容： 1.所访问各商务网站的风格及特点； 2.各种版面布局网站的域名和所采用的版面布局形式； 3.使用大色块和抽象线条构图风格网站的域名和所采用的构图形式； 4.10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。 注意事项 所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。 实验项目（二） 项目名称 Dreamweaver基础 实训地点 计算机基础教学实验室 实验类型 实践型 实验课时 2 目的要求 （一）实验目的 (1)熟悉DreamWeaver的界面及其操作 (2)熟悉使用DreamWeaver建立站点，理解本地站点和远程站点的概念 （二）实验要求 实验前认真预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。 实验内容 本实验的内容主要是制作一个“长春悠游网”的站点，分类建立文件夹和2-3个网页。 实验步骤 1.打开DreamWeaverMX，熟悉整个界面，尝试打开、关闭各种面板、视图、工具栏。使用参数设置把常用的快捷图标添加到状态栏。 2.规划站点（导航结构请遵循本实验的要求），然后新建站点，将站点所在文件夹命名为自己名字的汉语拼音，设计站点的结构。 3.在站点中添加若干个网页，将其中的一个命名为index.htm并设置为主页。 4.打开站点管理器，熟悉站点管理的界面，了解网站地图。 5.将各个网页依次打开，进行编辑，页面中要有文字、图片、背景等网页元素。 6.浏览各个网页的实际效果。 注意事项 所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。 实验项目（三） 项目名称 创建简单网页实例 实训地点 计算机基础教学实验室 实验类型 实践型 实验课时 4 目的要求 （一）实验目的 (1)熟悉基本网元素及其操作 (2)熟悉使用页面属性 (3)超链接的基本定义及基各种超链接的创建和编辑操作 （二）实验要求 实验前认真预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。 实验内容 本实验的内容主要是制作一个“长春悠游网”的主页文件及其它4-5个相关网页，每个它包括文本、图像、水平线以及日期和时间等元素,利用超链接将网页