课程名称:Web前端技术
实验名称:html网页设计
系别班级:计科系1302班
学生姓名:***
学生学号:**********
辅导老师:***
一、实验目的
熟悉HTML制作网页的基础知识,并能熟练运用学过的内容制作、设计较为简单的网页。
二、内容及要求
运用学过的代码设计一个网页,其中要求运用到以下知识点:
1、不同的文字样式设计;
2、插入背景图片;
3、设计超链接;
4、表格的简单实用;
三、实验原理
文本:font可以跟color、size、face等属性根据不同的值对文本进行修改;
滚动字:marquee可以跟bgcolor、height、width、direction、align、behaviour等属性根据不同的值对滚动字进行设置;
表格:tabble分成各个格子,后跟百分比来分成适当的栏
其他相关内容:各级标签、标题设置、背景图、超链接等。
四、实验步骤
(此内容根据自己的网页设计实况填写,如下事例)
1、确立自己的网页主题
选择了个人感悟作为本次网页设计的主题。
2、网页基本设计
a、分设五个基础网页,分为主页及四个个介绍页。
b、设计主页为整图如下,在图片上编写适当文本,并添加超链接以进入下一个页面。
c、点击超链接进入下一个页面,共四个页面。如图
d、使用滚动字,背景图片的插入,背景颜色的设置等,使网页美化。
五、实验代码
六、实验总结 1、学会了如何运用table,marquee,font等。 2、对于背景图片的运用不是很熟练,在查找资料之后才得以实现。下载本文
|
---|