Iweb前端技术实验报告1.docVIP

Web前端技术实验报告 课程名称：Web前端技术 实验名称：html网页设计 系别班级：计科系1302班 学生姓名：余洲杰 学生学号：2013100204 辅导老师：王琦 一、实验目的 熟悉HTML制作网页的基础知识，并能熟练运用学过的内容制作、设计较为简单的网页。 二、内容及要求 运用学过的代码设计一个网页，其中要求运用到以下知识点： 不同的文字样式设计； 插入背景图片； 设计超链接； 表格的简单实用； 三、实验原理 文本：font可以跟color、size、face等属性根据不同的值对文本进行修改； 滚动字：marquee可以跟bgcolor、height、width、direction、align、behaviour等属性根据不同的值对滚动字进行设置； 表格：tabble分成各个格子，后跟百分比来分成适当的栏 其他相关内容：各级标签、标题设置、背景图、超链接等。 四、实验步骤 （此内容根据自己的网页设计实况填写，如下事例） 确立自己的网页主题 选择了个人感悟作为本次网页设计的主题。 2、网页基本设计 分设五个基础网页，分为主页及四个个介绍页。 设计主页为整图如下，在图片上编写适当文本，并添加超链接以进入下一个页面。 点击超链接进入下一个页面，共四个页面。如图 使用滚动字，背景图片的插入，背景颜色的设置等，使网页美化。 五、实验代码 HTML HEAD TITLE花开半夏，似水流年/TITLE /HEAD BODY TABLE BORDER=0 WIDTH=100% HEIGHT=100% TRTH ALIGN=CENTER BGCOLOR=Black A HREF=index/huakai.html IMG SRC=index/photos/huakai.jpg/TH/A TH ALIGN=CENTER BGCOLOR=Fuchsia A HREF=index/banxia.html IMG SRC=index/photos/banxia.jpg/TH/A TRTD ALIGN=CENTER BGCOLOR=Red A HREF=index/sishui.html IMG SRC=index/photos/sishui.jpg/TD/A TD ALIGN=CENTER BGCOLOR=Blue A HREF=index/liunian.html IMG SRC=index/photos/liunian.jpg/TD/A /BIDY /HTML 六、实验总结 1、学会了如何运用table，marquee,font等。 2、对于背景图片的运用不是很熟练，在查找资料之后才得以实现。