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