昆明理工大学信息工程与自动化学院学生实验报告
(201 —201 学年第一学期)
课程名称:Web设计技术开课实验室:年月日年级、专业、班学号姓名成绩
实验项目名称超级链接、表格、使用框架创建多页面布
局、表单
指导教师
教
师
评语教师签名:
年月日
注:报告内容按实验须知中七点要求进行。
1.选择一本图书,尝试制作书签链接,通过目录链接到各章内容。
代码:
几个基本的网页设计概念:超链接、统一资源定位器、网站和网页
等;超文本标记语言是够成Web页面的主要工具。
HTML用于描述功能的符号称为“标记”。
<html>、<head>
、<body>等都是标记。标记通常分为单标记和双标记两种类型。主要内容为文字内容标记、文字样式标记、文字修饰标记、段落修饰标记的使用。
列表,顾名思义就是在网页中将相关资料以条目的形式有序或者无序排列而形成的表。常用的列表有无序列表、有序列表和定义列表3种。另外还有不太常用的目录列表和菜单列表。
建立超链接的标记是a,以开始,以结束,锚可以指向网络上的任何资源。
表格是网页制作中一种常用的页面布局工具。通过表格可以精确地控制网页各元素在网页中的位置,从而方便的排版和布局,所以,表格是网页排版的灵魂。
返回首页截图:
2.编写个人主页,建立包含文本链接、电子邮件链接和文件下载链接和图像映射的HTML页面。代码:
-->
有问题请给我发邮件
逍遥游逍遥游
【题解】
“逍遥”也写作“消摇”,意思是优游自得的样子;“逍遥游”就是没有任何束缚地、自由自在地活动。
【原文】
北冥有鱼①,其名曰鲲②。鲲之大,不知其几千里也;化而为鸟,其名为鹏③。鹏之背,不知其几千里也;怒而飞④,其翼若垂天之云⑤。是鸟也,海运则将徙于南冥⑥。南冥者,天池也⑦。齐谐者⑧,志怪者也⑨。谐之言曰:“鹏之徙于南冥也,水击三千里⑩,抟扶摇而上者九万里(11),去以六月息者也(12)。”野马也(13),尘埃也(14),生物之以息相吹也(15)。天之苍苍,其正色邪?其远而无所至极邪(16)?其视下也,亦若是则已矣。且夫水之积也不厚,则其负大舟也无力。覆杯水于坳堂之上(17),则芥为之舟(18);置杯焉则胶,水浅而舟大也。风之积也不厚,则其负大翼也无力,故九万里则风斯在下矣(19)。而后乃今培风(20),背负青天而莫之夭阏者(21),而后乃今将图南。蜩与学鸠笑之曰
截图:
3.如图是新浪网天气预报的地图,利用图像映射完成当鼠标单击某一个省时,出现一段文字说明。代码:
阴南风2级湿度76% 紫外线最弱
郑州,阴有小雨。
截图:
4.编写出实现如图所示页面效果的关键HTML代码。其中,A、B、C、D、E均为默认字号和默认字体,并且加粗显示,它们都位于各自单元格的正中间,A单元格的高度为200像素,B单元格的高度为100像素,C单元格的宽度为100像素,高度为200像素。
代码:
A | B | ||
E | C | ||
D |
截图:
5.利用表格知识,制作出如图所示的表格。
代码:
学号 | 姓名 | 平时 | 期中 | 期末 | 实验 | 成绩 | 学号 | 姓名 | 平时 | 期中 | 期末 | 实验 | 成绩 | ||||||
考试/考查成绩统计 | |||||||||||||||||||
|