《网页设计与制作》实践教学大纲

《《网页设计与制作》实践教学大纲》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《网页设计与制作》实践教学大纲（信息网络安全监察专业适用）一、课程类别专业能力课二、地位和作用本实践教学大纲是信息网络安全监察专业“网页设计与制作”课程的实践教学大纲，是完成“网页设计与制作”课程和培养网页设计与制作的基本操作技能的重要实习实践环节。总学时为30学时，共包括9个实践项目。实践地点为校内计算机基础实验室。实践结果将使学生全面掌握网页设计与制作的技术及网页制作软件的使用。三、实验目的和要求通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件Dreamweaver的使用等基础知识，熟练运用网页制作的工具

2、软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。四、实验设施1.硬件要求：使用计算机基础实验室。硬件条件包括50台计算机：1G以上内存、40G以上硬盘。2.软件要求：（1）WindowsXP以上版本（2）Dreamweaver8中文版；（3）Flash8中文版五、组织方式所有实验环节均由每位学生独立完成。15实训内容、课时分配情况实训内容实训课时实训方式1HTML基础实验4操作2Dreamweaver基础2操作3创建简单网页实例4操作4利用表格布局页4

3、操作5时间轴动画制作4操作6表单网页的创建4操作7CSS样式在网页中的应用4操作8简单的行为的应用2操作9网页中多媒体的应用2操作合　　计3015实验项目（一）项目名称HTML基础实验实训地点计算机基础教学实验室实验类型实践型实验课时4目的要求（一）实验目的1．掌握HTML语法基本的基本结构。2．熟悉HTML编写网页的方法。（二）实验要求完成实验报告，在实验报告中要求记录如下内容：⑴．HTML语法基本结构⑵．HTML各标记的使用实验内容1.编写包括文本和图像的两至三个简单网页2.在网页之间建立文本、图像和书签超链接3.编写一个带有表格的网页4.编写一

4、个带框架结构的网页实验步骤按“实验内容”中1～4完成操作，完成实验报告，在实验报告中要求记录如下内容：1.所访问各商务网站的风格及特点；2.各种版面布局网站的域名和所采用的版面布局形式；3.使用大色块和抽象线条构图风格网站的域名和所采用的构图形式；4.10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。注意事项所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。15实验项目（二）项目名称Dreamweaver基础实训地点计算机基础教学实验室实验类型实践型实验课时2目的要求（一）实验目

5、的(1)熟悉DreamWeaver的界面及其操作(2)熟悉使用DreamWeaver建立站点，理解本地站点和远程站点的概念（二）实验要求实验前认真预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。实验内容本实验的内容主要是制作一个“长春悠游网”的站点，分类建立文件夹和2-3个网页。实验步骤1.打开DreamWeaverMX，熟悉整个界面，尝试打开、关闭各种面板、视图、工具栏。使用参数设置把常用的快捷图标添加到状态栏。2.规划站点（导航结构请遵循本实验的要求），然后新建站点

6、，将站点所在文件夹命名为自己名字的汉语拼音，设计站点的结构。3.在站点中添加若干个网页，将其中的一个命名为index.htm并设置为主页。4.打开站点管理器，熟悉站点管理的界面，了解网站地图。5.将各个网页依次打开，进行编辑，页面中要有文字、图片、背景等网页元素。6.浏览各个网页的实际效果。注意事项所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。15实验项目（三）项目名称创建简单网页实例实训地点计算机基础教学实验室实验类型实践型实验课时4目的要求（一）实验目的(1)熟悉基本网元素及其操作(2)熟悉使用

7、页面属性(3)超链接的基本定义及基各种超链接的创建和编辑操作（二）实验要求实验前认真预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。实验内容本实验的内容主要是制作一个“长春悠游网”的主页文件及其它4-5个相关网页，每个它包括文本、图像、水平线以及日期和时间等元素,利用超链接将网页之间链接起来。实验步骤1.建立一个本地站点2.在站点中建立一个网页文件index.htm并打开进行编辑。3.输入书中全部的文字内容。4.将“长春欢迎你”设置滚动效果的文字。5.对文字进行排版。6

8、.插入水平线，并设置水平线的颜色。7.插入导航条8.设置网页的背景图像。9.浏览各个网页的实际效果。注意事项