![web网页设计技术 实验报告_第1页](http://file1.renrendoc.com/fileroot_temp2/2020-9/2/aed6b761-fa61-4b00-b369-6e8f15652c41/aed6b761-fa61-4b00-b369-6e8f15652c411.gif)
![web网页设计技术 实验报告_第2页](http://file1.renrendoc.com/fileroot_temp2/2020-9/2/aed6b761-fa61-4b00-b369-6e8f15652c41/aed6b761-fa61-4b00-b369-6e8f15652c412.gif)
![web网页设计技术 实验报告_第3页](http://file1.renrendoc.com/fileroot_temp2/2020-9/2/aed6b761-fa61-4b00-b369-6e8f15652c41/aed6b761-fa61-4b00-b369-6e8f15652c413.gif)
![web网页设计技术 实验报告_第4页](http://file1.renrendoc.com/fileroot_temp2/2020-9/2/aed6b761-fa61-4b00-b369-6e8f15652c41/aed6b761-fa61-4b00-b369-6e8f15652c414.gif)
![web网页设计技术 实验报告_第5页](http://file1.renrendoc.com/fileroot_temp2/2020-9/2/aed6b761-fa61-4b00-b369-6e8f15652c41/aed6b761-fa61-4b00-b369-6e8f15652c415.gif)
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、昆明理工大学信息工程与自动化学院学生实验报告( 201 201 学年第 一 学期 )课程名称:web设计技术 开课实验室: 年 月 日年级、专业、班 学号 姓名 成绩实验项目名称超级链接、表格、使用框架创建多页面布局、表单指导教师 教师评语 教师签名: 年 月 日注:报告内容按实验须知中七点要求进行。1. 选择一本图书,尝试制作书签链接,通过目录链接到各章内容。代码:书签链接网页设计与开发1.网页设计简介2.html基础介绍3.文字与段落4.列表5.超级链接6.表格网页设计简介 几个基本的网页设计概念:超链接、统一资源定位器、网站和网页等;超文本标
2、记语言是够成web页面的主要工具。返回首页html基础介绍 html用于描述功能的符号称为“标记”。<html>、<head>、<body>等都是标记。标记通常分为单标记和双标记两种类型。返回首页文字与段落 主要内容为文字内容标记、文字样式标记、文字修饰标记、段落修饰标记的使用。返回首页列表 列表,顾名思义就是在网页中将相关资料以条目的形式有序或者无序排列而形成的表。常用的列表有无序列表、有序列表和定义列表3种。另外还有不
3、太常用的目录列表和菜单列表。返回首页超级链接 建立超链接的标记是a,以开始,以结束,锚可以指向网络上的任何资源。返回首页表格 表格是网页制作中一种常用的页面布局工具。通过表格可以精确地控制网页各元素在网页中的位置,从而方便的排版和布局,所以,表格是网页排版的灵魂。返回首页截图:2.编写个人主页,建立包含文本链接、电子邮件链接和文件下载链接和图像映射的html页面。代码:个人主页 欢迎光临我的主页 我最喜欢过的书 下载我喜欢的电影 我的家乡 有问题请给我发邮件 我最喜欢的文章 逍遥游逍遥游【题解】 “逍遥
4、”也写作“消摇”,意思是优游自得的样子;“逍遥游”就是没有任何束缚地、自由自在地活动。 【原文】 北冥有鱼,其名曰鲲。鲲之大,不知其几千里也;化而为鸟,其名为鹏。鹏之背,不知其几千里也;怒而飞,其翼若垂天之云。是鸟也,海运则将徙于南冥。南冥者,天池也。齐谐者,志怪者也。谐之言曰:“鹏之徙于南冥也,水击三千里,抟扶摇而上者九万里(11),去以六月息者也(12)。”野马也(13),尘埃也(14),生物之以息相吹也(15)。天之苍苍,其正色邪?其远而无所至极邪(16)?其视下也,亦若是则已矣。且夫水之积也不厚,则其负大舟也无力。覆杯水于坳堂之上(17),则芥为之舟(18);置杯焉则胶,水浅而舟大也。
5、风之积也不厚,则其负大翼也无力,故九万里则风斯在下矣(19)。而后乃今培风(20),背负青天而莫之夭阏者(21),而后乃今将图南。蜩与学鸠笑之曰截图:3.如图是新浪网天气预报的地图,利用图像映射完成当鼠标单击某一个省时,出现一段文字说明。代码:天气预报图像映射 长春长春 阴 南风2级 湿度76% 紫外线最弱郑州郑州郑州,阴有小雨。截图:4.编写出实现如图所示页面效果的关键html代码。其中,a、b、c、d、e均为默认字号和默认字体,并且加粗显示,它们都位于各自单元格的正中间,a单元格的高度为200像素,b单元格的高度为100像素,c单元格的宽度为100像素,高度为200像素。代码:a b c
6、d e a b e c d 截图:5.利用表格知识,制作出如图所示的表格。代码:表格实验 学年第 学期成绩登记表 开课学院:行政班:考核方式: 课程名称: java程序设计(i) 教师姓名: 学分: 学号 姓名 平时 期中 期末 实验 成绩 学号 姓名 平时 期中 期末 实验 成绩 考试/考查成绩统计 90分以上(
7、优秀) 8089(良好) 7079(中等) 6069(及格) 缓考 人 缺考 人 免修 人 实考 人 截图:6.利用框架来设计一个厂字型布局,实现一个新闻管理系统。如图所示:截图:代码:新闻管理系统 7.制作一个留言表单,表单中应包括姓名、性别、电子邮箱、字体大小、颜色、留言内容等,本实例完成后的效果如图所示:代码:留言留言 姓名: *10个字内 性别: 男 女 电子邮箱: * 字体大小 3 2 1 颜色: 留言内容: 实验结果分析:本次试验我们学习了超级链接,学会了图片链接、书签链接、电子邮件链接、下载文件链接等,掌握了图像映射。还学习了表格的使用,如一些表格的标记、表格属性修饰、设置表格行和单元格的属性以
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 表彰大会领导发言稿精彩
- 学生会生活部十月份工作总结(7篇)
- 元旦晚会主持词模板
- 年度回转换热干燥技术与设备竞争策略分析报告
- 北欧美容个人护理电子商务行业市场前景及投资研究报告-培训课件外文版2024.6
- 四年级上册美术教学设计-第3课 画玩具-毛绒玩具写生课 ▏人美版(北京)
- 化妆品绝对成交销售技巧(张湘武)-
- 2024浙江省温州市高三下学期三模历史试题及答案
- 带料加工合同
- 2012年员工劳动合同书修订版
- 银行与信托行业营销方案
- 海上光伏打桩施工方案
- PowerPoint演示文稿教案
- 轮状病毒肠炎患儿的诊疗与护理试题及答案
- 尼泊尔税法简介
- 中华民族多元一体格局与-多元一体格局教学课件
- 2023年黑龙江省绥化市中考道德与法治真题卷(含答案与解析)
- Module 7 Unit 1 My father flew into space in Shenzhou V (教案)-2022-2023学年英语六年级下册
- 2023-2024学年浙江省温州市小学语文一年级期末深度自测试题详细参考答案解析
- 中风中医护理方案护理效果总结分析报告
- 中石化定额章节官方解析交流148篇答疑
评论
0/150
提交评论