文档介绍：武汉理工大学学生实验报告书实验课程名称网络软件编程技术开课学院计算机科学与技术学院指导老师姓名毛雪涛学生姓名学生专业班级软件 sy1101 20 13— 20 14学年第二学期学生学号 012111068 0 实验课成绩实验课程名称: 网络软件编程技术实验项目名称构建移动 HTML 输入表单实验成绩实验者专业班级组别同组者实验日期 2014 年6月4日一部分: 实验预****报告( 包括实验目的、意义, 实验基本原理与方法, 主要仪器设备及耗材,实验方案与技术路线等) 实验目的: 理解如何通过一些简单的 CSS (包括 CSS3 )让 WEB 表单具有与原生应用类似的感官与体验,以及如何规范大量 Javascript 应用的组织结构。实验基本原理与方法: body { margin: 0px; min-height: 480px; font-family: Arial; } form ul{ margin: 0px; padding: 6px; list-style-type: none; } form ul li{ margin: 00 4px 0; -webkit-border-radius: 4px; border: 1px solid #666666; padding: 4px; } form ul { -webkit-border-radius: 0px; border: 0; padding: 0; } -inline li{ border: 0px; color: red; padding: 0px; } input[type=submit] { border: 1px solid white; background: -webkit-gradient(linear, left top, left bottom, color-stop(, #F8F8F8), color-stop(, #AAAAAA)); -webkit-border-radius: 6px; -webkit-box-shadow: 00 4px #333333; width: 100%; padding: 6px; } { font-size: ; padding: 8px 4px 4px 8px; background: #333333; color: #AAAAAA; border-bottom: 2px solid #AAAAAA; margin: 00 4px 0; } { background: -webkit-gradient(linear, left top, left bottom, color-stop(, #666666), color-stop(, #3A3A3A), color-stop(, #222222), color-stop(, #000000)); -webkit-box-shadow: 0 2px 1px #AAAAAA; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; font-size: ; color: white; padding: 10px 8px; margin: 0 6px 6px 6px; text-align: center; } 主要仪器及耗材: 基于 X8086 处理器的 PC机 RAM:2G HSSD : 40G 第二部分:实验过程记录上机房进行代码调试工作,显示如下图所示的即为调试成功。第三部分结果与讨论面向移动 WEB 的 HTML 与面向桌面的 HTML 相差无几--- 只不过屏幕尺寸更小。此外,人们越来越多的将精力放在了性能优化上, 因为通过移动宽带连接进行浏览时, 移动设备的带块要低很多, 所以我们要学会使用适当的技术使得应用在硬件设备远逊于桌面设备的移动设备上有更好的显示。实验课程名称: 网络软件编程技术实验项目名称 HTML5 Storage API 实验成绩实验者专业班级组别同组者实验日期 2014 年6月4日一部分: 实验预****报告( 包括实验目的、意义, 实验基本原理与方法, 主要仪器设备及耗材,实验方案与技术路线等) 实验目的: 学****如何使用 HTML5 中的 API 进行客户端储存数据,比如 WEB Storage Web SQL Database. 实验基本原理与方法: <html> <head> <title>Web Storage Tester</title> <meta name="viewport" content="w