预览加载中，请您耐心等待几秒...

web网页设计技术实验报告.doc

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共18页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

web网页设计技术实验报告web网页设计技术实验报告--web网页设计技术实验报告昆明理工大学信息工程与自动化学院学生实验报告(201—201学年第一学期)课程名称:Web设计技术开课实验室:年月日年级、专业、班学号姓名成绩实验项目名称超级链接、表格、使用框架创建多页面布局、表单指导教师教师评语教师签名：年月日注：报告内容按实验须知中七点要求进行。选择一本图书，尝试制作书签链接，通过目录链接到各章内容。代码：<head〉<title>书签链接</title〉</head〉<body><p>〈aname=”top”><h2〉网页设计与开发</h2〉</a〉<ahref="＃”〉1.网页设计简介</a>〈aherf=”#T1”></a>〈br〉〈ahref=”#”〉2。HTML基础介绍</a〉〈aherf="＃T2”>〈/a>〈br><ahref=”＃">3.文字与段落</a〉〈aherf=”＃T3”〉</a><br〉<ahref="＃"〉4.列表〈/a>〈aherf="#T4"〉〈/a><br>〈ahref=”#”>5。超级链接〈/a〉〈aherf="＃T5">〈/a〉<br><ahref=”＃”〉6.表格</a〉<aherf=”#T6"〉〈/a><hr〉<br>〈br〉<h3〉<aname=”T1”>网页设计简介〈/a>〈/h3〉<p>＆nbsp;＆nbsp;&nbsp;&nbsp；几个基本的网页设计概念:超链接、统一资源定位器、网站和网页等；超文本标记语言是够成Web页面的主要工具.〈/p><ahref=”＃”>返回首页</a〉<aherf="＃top”〉</a〉<h3>〈aname="T1"〉HTML基础介绍〈/a>〈/h3>〈p〉＆nbsp；&nbsp；&nbsp;&nbsp；HTML用于描述功能的符号称为“标记”。＆lt;html＆gt;〈html>、＆lt;head＆gt；〈head〉、＆lt；body&gt;<body>等都是标记。标记通常分为单标记和双标记两种类型.〈/p><ahref=”＃">返回首页</a>〈aherf=”＃top”></a><h3><aname=”T1”〉文字与段落</a〉〈/h3〉<p〉＆nbsp;&nbsp；＆nbsp；＆nbsp;主要内容为文字内容标记、文字样式标记、文字修饰标记、段落修饰标记的使用.</p〉<ahref="#”>返回首页</a><aherf="#top”>〈/a><h3〉<aname=”T1">列表</a〉〈/h3〉<p>&nbsp；＆nbsp；＆nbsp;&nbsp；列表,顾名思义就是在网页中将相关资料以条目的形式有序或者无序排列而形成的表.常用的列表有无序列表、有序列表和定义列表3种。另外还有不太常用的目录列表和菜单列表。〈/p><ahref=”＃”〉返回首页〈/a〉〈aherf=”#top”〉〈/a〉<h3><aname="T1”〉超级链接</a>〈/h3〉<p>＆nbsp；＆nbsp；&nbsp;＆nbsp;建立超链接的标记是a，以〈a>开始,以</a〉结束,锚可以指向网络上的任何资源.</p>〈ahref=”#”>返回首页</a〉<aherf=”＃top”></a〉〈h3〉〈aname="T1”〉表格</a>〈/h3〉<p>&nbsp；&nbsp；&nbsp;&nbsp;表格是网页制作中一种常用的页面布局工具。通过表格可以精确地控制网页各元素在网页中的位置，从而方便的排版和布局，所以，表格是网页排版的灵魂.〈/p〉<ahref="#"〉返回首页〈/a〉<aherf="＃top"〉〈/a>〈/body>〈/html>截图：2。编写个人主页，建立包含文本链接、电子邮件链接和文件下载链接和图像映射的HTML页面.代码：<head>〈title〉个人主页</title>〈styletype=”text/css">〈!—-.STYLE1｛font—family:”楷体_GB2312”；font—size:36px;}body｛background—image:url(image/％E8％83％8C％E6%99％AF。jpg)；｝。STYLE3｛font-size:24px｝—-〉</style></head〉<bodybackground="image/110.jpg”>〈tablewidth="100％”height="57"border="0”>〈tr〉〈td〉〈marqueebehavior=”scroll”direction=”left”><spanclass=”STYLE1">欢迎光临我的主页〈/span></marquee></td〉</tr〉</table〉<tablewidth="100％”height=”34"bord