html简单页面实验报告原理,html网页设计实验报告

1、学 生 实 验 报 告实 验 课 名 称 ： web 应 用 开 发 技 术实 验 项 目 名 称 ： 静 态 网 页 制 作专 业 名 称：计算机科学与技术班 级：学 号： 学 生 姓 名： 教 师 姓 名： 2011 年 3 月 29 日一、 实验名称：静态网页制作二、 实验目的与要求：1掌握 Dreamweaver 软件的使用。2掌握 html 语言中的表格和框架等的使用。3掌握 web 应用开发技术的基础语言-html 语言。三、 程序设计思想1、 基本框架的构建整个页面先分出上中下 3 个部分，其中先分出上下两个部分，再将下面部分分为中与下，然后将中间位置分为左右两部分，再将左边分为左中两部分，左边再分为上下， ，右边也为上下。左的上位皇马，下位巴萨，中间为最新一些消息，只是添加了链接，右边分为上下。即为相关视频以及助攻榜。代码如下：2、 顶部页面 top 部分在 BODY 里用 backgroud 属性将图片嵌入到里面，具体源代码如下：3、左上部页面皇马部分该页面主要是皇马的一些简介，运用到一个表格，代码如下： 银河战舰II 投票支持皇马皇马主帅 背景只是用了一个黑色为背景。

2、色代码如下：坐下与坐上代码类似，就不举出了。需要提出的是：图片上我添加了链接 ，链接到腾讯的相关信息上了。代码如下：这句表示：SRC 后的图片链接到 HREF 所写出的网站上。点击这个图片则会跳转到相应网站上4、 中间页面是最近的一些体育新闻，只是添加的链接：代码如下：C 罗最新进球 其他链接均类似5、 右边代码上面是一些精彩视频，这个我已放在相应位置。代码如下：1.C罗精彩视频其他类似，右边是一些链接：代码与上面类似。图片实例：收获与体会通过本次实验，我掌握了很多 html 语言的标记和属性以及它们的基本用法，还有就是运用到了 CSS 代码背景，由于书上没有相关介绍，没有搞的很清楚，他是在下方加的，代码如下：body background-image: url(附属信息/eb2a02d3252a57caa8ec9a74.jpg);background-position:top;background-attachment: fixed;background-repeat: no-repeat;/style其中 background-image 相当于 BODY 中的 backgroud，意为背景。background-position 为图像位置。background-attachment 为图像展开类型:如平铺，background-repeat 为是否重复，no-repeat 意为不重复.通过这次的学习，激发了我对网页设计的兴趣，同时也使我明白了只有勤动手才能掌握这门课程。存在问题：搞不明白能不能用一幅完整图片作为整个网页的背景，无视框架。这个也做了相应的验证，发现在框架的代码中，相应 BODY 里去添加背景是不会显示的，而且也不能用到 CSS 代码。。

《html网页设计实验报告》由会员飞***分享，可在线阅读，更多相关《html网页设计实验报告》请在金锄头文库上搜索。