资源描述:
《网页设计实验报告》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、课程实验报告专业年级2012级网络工程课程名称网页设计与制作指导教师学生姓名学号20122205051013实验日期2014年11月19日实验地点笃行楼A栋306实验成绩教务处制2014年11月19日实验项目名称DreamWeaver工具的基本使用实验目的及要求1.熟悉DreamWeaver工具的基本使用2.了解CSS样式面板的使用。实验内容1.利用给定素材,生成一HTML文档,并向该文档添加基本的HTML元素。2.利用CSS修改HTML文档的外观实验步骤步骤1制作简单的页面打开素材文件夹,根据提供的素材,完成一个如下图所示
2、的简单页面fruit.html。该页面的一些html元素说明参见图中标注。具体的要求如下:lHtml代码书写要符合规范步骤2利用css改变fruit.html的外观使用内部样式表,运用css修改fruit.html的外观,达到如图所示的效果,步骤3为不同的段落文字设置不同的样式。修改段落文字的样式规则。第一个p元素文字和香蕉有关的,文字颜色设为黄色,第个p元素文字和西红柿有关的,文字颜色设为红色,以此类推。步骤4,使用div标记作为容器将与香蕉有关的html元素,用一个div标记包含起来,并将id设置为banana,以此类推
3、,将与西红柿有关的html元素,用一个div标记包含起来,并将id设置为tomato。步骤5,使用id选择符,为步骤5添加的各个div设置不同的背景色以及边框。步骤6,修改链接文字的样式实验环境基于DreamWeaver软件环境下编辑并在互联网网页里面呈现来完成实验结果与分析1.步骤1完成页面的浏览效果截图2.提供步骤1完成页面的html源代码
4、ml1-transitional.dtd">fruit水果的营养价值您知道吗?
香蕉
5、/网页代码/banana.jpg"width="130"height="130"/>
6、荷兰科学家研究认为:最符合营养标准又能为人脸上增添笑容的水果是香蕉。它所含有的泛酸等成分,是人体的“开心激素”,能减轻心理压力、排解紧张、提高注意力、解除忧郁,令人快乐开心。香蕉的营养价值非常丰富,含有多种人体所需的有效成分,如蛋白质、脂肪、碳水化合物、钙、磷、铁以及胡萝卜素,维生素A、B、C、E等物质。
西红柿
7、/网页代码/tomato(2).jpg"width="130"height="130"/>
在现代研
8、究发现中,西红柿含有较多苹果酸、柠檬酸等有机酸、有机酸除了保护维他命C不被破坏外,尚可软化血管、促进钙、铁元素的吸收,帮助胃液消化脂肪和蛋白质,这是其他蔬菜所不及的。这也证实了西红柿减肥的可信度。
葡萄
9、/网页代码/grape.jpg"width="130"height="130"/>
葡萄含糖量高达10%-30%,以葡萄糖为主。葡萄中的多量果酸有助于消
10、化,适当多吃些葡萄,能健脾和胃。葡萄中含有矿物质钙、钾、磷、铁以及多种维生素B1、B2、B6、C和P等,还含有多种人体所需的氨基酸,常食葡萄对神经衰弱、疲劳过度大有裨益。把葡萄制成葡萄干后,糖和铁的含量会相对高,是妇女、儿童和体弱贫血者的滋补佳品。