html网页设计实验报告.doc_第1页
html网页设计实验报告.doc_第2页
html网页设计实验报告.doc_第3页
html网页设计实验报告.doc_第4页
html网页设计实验报告.doc_第5页
免费预览已结束，剩余5页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML页面设计一、 实验名称：静态网页制作二、 实验目的与要求：1掌握Dreamweaver软件的使用。 2掌握html语言中的表格和框架等的使用。3掌握web应用开发技术的基础语言-html语言。三、 程序设计思想1、 基本框架的构建整个页面先分出上中下3个部分，其中先分出上下两个部分，再将下面部分分为中与下，然后将中间位置分为左右两部分，再将左边分为左中两部分，左边再分为上下，右边也为上下。左的上位皇马，下位巴萨，中间为最新一些消息，只是添加了链接，右边分为上下。即为相关视频以及助攻榜。代码如下： 2、 顶部页面top部分在BODY里用backgroud属性将图片嵌入到里面，具体源代码如下：3、左上部页面皇马部分该页面主要是皇马的一些简介，运用到一个表格，代码如下： 银河战舰II 投票支持皇马 皇马主帅 背景只是用了一个黑色为背景色代码如下：坐下与坐上代码类似，就不举出了。需要提出的是：图片上我添加了链接 ，链接到腾讯的相关信息上了。代码如下：这句表示：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意为不重复.通过这次的学习，激发了我对网页设计的兴趣，同时也使我明白了只有勤动手才能掌握这门课程。存在问题：搞不明白能不能用一幅完整图片作为整个网页的背景，无视框架
人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论