网页设计实验报告

网页设计实验报告

ID:12680282

大小:1.17 MB

页数:12页

时间:2018-07-18

网页设计实验报告_第1页
网页设计实验报告_第2页
网页设计实验报告_第3页
网页设计实验报告_第4页
网页设计实验报告_第5页
资源描述:

《网页设计实验报告》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

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等,还含有多种人体所需的氨基酸,常食葡萄对神经衰弱、疲劳过度大有裨益。把葡萄制成葡萄干后,糖和铁的含量会相对高,是妇女、儿童和体弱贫血者的滋补佳品。

1.步骤2添加的css样式规则源代码(注意只需要css的代码)#hh{color:#999999;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999

11、999;}body{font-size:14px;color:#862425;}2.提供步骤2完成页面的浏览效果截图1.提供步骤3添加的css样式规则源代码(注意只需要css的代码改动的部分).yellow{color:#ffb734;}.red{color:#ff3030;}.pure{

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。