《数据库原理及程序设计》实验课程教学大纲.docVIP

《电子商务技术基础》 实 验 指 导 书 适用专业： 电子商务 适用班级： 170509、170510 适用学期： 2018-2019学年第一学期 指导教师： 刘泰然 2018年9月 ?  目 录 TOC \o 1-3 \h \z \u HYPERLINK \l _Toc460198745 实验一 HTML基础实践 PAGEREF _Toc460198745 \h 1 HYPERLINK \l _Toc460198746 实验二 HTML块级标签的使用 PAGEREF _Toc460198746 \h 3 HYPERLINK \l _Toc460198747 实验三 HTML行级标签的使用 PAGEREF _Toc460198747 \h 5 HYPERLINK \l _Toc460198748 实验四 CSS基础实践 PAGEREF _Toc460198748 \h 7 HYPERLINK \l _Toc460198749 实验五 Div+CSS布局技术 PAGEREF _Toc460198749 \h 9 HYPERLINK \l _Toc460198750 实验六 制作博客页面 PAGEREF _Toc460198750 \h 11 HYPERLINK \l _Toc460198751 实验七 利用CSS制作关于页面 PAGEREF _Toc460198751 \h 13 HYPERLINK \l _Toc460198752 实验八 制作二级纵向列表模式的导航菜单 PAGEREF _Toc460198752 \h 17 实验一 HTML基础实践 1、实验项目名称、学时 HTML基础实践，2学时 2、实验目的 （1）学习创建HTML文件方法； （2）掌握HTML文档结构及语法规则。 3、实验要求 实验前认真阅读实验指导书，掌握实验原理，熟悉实验任务。实验时注意观察，认真记录。实验结束后按规定整理试验用计算机设备。独立完成实验报告。 4、实验原理 HTML是制作网页的基础语言，是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具，但是这些工具生成的代码仍然是以HTML为基础的，学习HTML代码对设计网页至关重要。每个网页都有其基本的结构，需要掌握包括HTML文档结构、标签的格式等。 5、实验所用仪器 实验中心学生用计算机。 6、实验步骤和方法 1）创建HTML文件 （1）打开记事本。 （2）创建新文件，并按HTML语言规则编辑。 （3）保存网页。 （4）双击创建的HTML文件启动浏览器，查看网页的显示结果。 2）制作什锦果园网的版权信息。页面中包括版权符号、空格，页面最终显示效果如图1-1所示。 图1-1 什锦果园网的版权信息 3）制作什锦果园网页面的摘要信息 要求：网页标题为“什锦果园网——通向健康的桥梁”；搜索关键字为“什锦果园，供求信息，项目合作，生产开发，企业加盟”；内容描述为“什锦果园多年从事中外水果的商机发布与产品推广，始终奉行‘质量第一、诚信为本、开拓进取、客户至上’的经营理念为宗旨，热情欢迎新老客户与我们建立长久的业务”。 4）制作网络鞋城的版权信息。要求页面最终显示效果如图1-2所示。 图1-2 网络鞋城的版权信息 7、实验注意事项 实验用计算机带有还原单元，每次重新启动，系统盘内容都会还原到初始状态。 8、实验预习要求 上机实验前，应仔细阅读教材、课堂笔记。上机实验时应带好教材、教学参考书及听课笔记。 9、实验程序要求 该实验最终程序存盘备份，以备以后成绩判定。 实验二 HTML块级标签的使用 1、实验项目名称、学时 HTML块级标签的使用，2学时 2、实验目的 （1）掌握基本块级标签的使用方法； （2）掌握布局块级标签的使用方法。 3、实验要求 实验前认真阅读实验指导书，掌握实验原理，熟悉实验任务。实验时注意观察，认真记录。实验结束后按规定整理试验用计算机设备。独立完成实验报告。 4、实验原理 HTML标签可以分为块级标签和行级标签，从页面布局的角度来看，设计者可以使用块级标签完成网页元素的组织与布局，而块级标签又可以细分为标题标签、段落标签和水平线标签。 5、实验所用仪器 实验中心学生用计算机。 6、实验步骤和方法 练习通过div标签组织网页内容，制作什锦果园关于页面，页面在浏览器中显示的效果如图2-1所示。 图2-1 什锦果园关于页面显示效果图 7、实验注意事项 实验用计算机带有还原单元，每次重新启动，系统盘内容都会还原到初始状态。 8、实验预习要求 上机实验前，应仔细阅读教材、课堂笔记。上机实验时应带好教材、教学参考书及听课笔记。 9、实验程序要求 该实验最终程序存盘备份，以备以后成绩判定。 实验三 HTML行级标签的使用