<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #42413C;
margin: 0;
padding: 0;
color: #000;
background-color: #FFF;
}
/* ~~ 元素/标签选择器 ~~ */
ul, ol, dl { /* 由于浏览器之间的差异,最佳做法是在列表中将填充和边距都设置为零。为了保持一致,您可以在此处指定需要的数值,也可以在列表所包含的列表项(LI、DT 和 DD)中指定需要的数值。请注意,除非编写一个更为具体的选择器,否则您在此处进行的设置将会层叠到 .nav 列表。 */
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
padding-right: 15px;
padding-left: 15px; /* 向 div 内的元素侧边(而不是 div 自身)添加填充可避免使用任何方框模型数学。此外,也可将具有侧边填充的嵌套 div 用作替代方法。 */
text-align: left;
}
a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框(当该图像包含在链接中时) */
border: none;
}
/* ~~ 站点链接的样式必须保持此顺序,包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
color: #42413C;
text-decoration: none; /* 除非将链接设置成极为独特的外观样式,否则最好提供下划线,以便可从视觉上快速识别 */
}
a:visited {
color: #6E6C64;
text-decoration: none;
}
a:hover, a:active, a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
text-decoration: none;
}
/* ~~ 此固定宽度容器包含其它 div ~~ */
.container {
width: 960px;
background: #FFF;
margin: 0 auto; /* 侧边的自动值与宽度结合使用,可以将布局居中对齐 */
}
/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符,该占位符应替换为您自己的链接徽标 ~~ */
.header {
background-color: #CCC;
}
/* ~~ 这是布局信息。 ~~
1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样,您可以避免使用任何“方框模型数学”。请注意,如果向 div 自身添加任何侧边填充或边框,这些侧边填充或边框将与您定义的宽度相加,得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充,并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。
*/
.content {
padding: 10px 0;
}
/* ~~ 脚注 ~~ */
.footer {
padding: 10px 0;
background-color: #999;
text-align: center;
}
/* ~~ 其它浮动/清除类 ~~ */
.fltrt { /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
float: right;
margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
float: left;
margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer,则可以将此类放置在 <br /> 或空 div 中,作为 #container 内最后一个浮动 div 之后的最终元素 */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.daohan { background-color: #FC0;
height: 40px;
width: 60px;
}
.ziti { font-family: "黑体";
font-size: 16px;
color: #FFF;
text-align: center;
}
-->
</style>
<link href="css/a.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
position:absolute;
left:724px;
top:372px;
width:1143px;
height:499px;
z-index:100;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#apDiv2 {
position:absolute;
left:147px;
top:121px;
width:920px;
height:475px;
z-index:1;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<table width="964" border="0">
<tr>
<td width="153" height="111" bgcolor="#CCCCCC"><h2>智慧校园</h2></td>
<td width="767"><img src="image/123/dh.gif" width="622" height="46" hspace="80" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="517,3,616,39" href="lxwm.html" />
<area shape="rect" coords="386,7,493,39" href="ptjs.html" />
<area shape="rect" coords="255,4,366,40" href="index3.html" />
<area shape="rect" coords="136,7,229,39" href="index2.html" />
<area shape="rect" coords="4,0,101,42" href="index1.html" />
</map></td>
</tr>
</table>
<!-- end .header --></div>
<div class="content"><!-- end .content -->
<div class="shouye1">
<table width="100%" border="0">
<tr>
<td><img src="image/123/tiandi4.jpg" width="729" height="455" hspace="100" /></td>
</tr>
<tr>
<td><table width="946" border="0">
<tr>
<td width="280" height="282"><h1>平台介绍
</h1>
<p>Ipad双屏教学环境:左侧投影显示教师机,右侧屏幕学生机展示。双屏在教学中有很好效果。<br />
ipad教室系统与原有设备相结合,组成了整个试验系统。其中硬件包括:学校已有设备: <br />
投影/大屏幕电视(2套。其中显示教师Ipad内容使用正投,显示学生Ipad内容使用大屏幕电视)。 <br />
学校局域网(苹果无线基站通过局域网连接,以便访问外网。)<br />
公司外借设备:<br />
Ipad40台(37台学生机,3台教师机),Apple TV(2台,分别连接教师投影和学生机显示大屏); <br />
Apple无线路由1台(组成Ipad教室无线网络,提供无线服务); <br />
Aplle计算机(服务器1台,为Iteach教学系统等提供后台服务); Apple笔记本(2台,教学中师、生使用的ibook电子书的制作)经过组装后,硬件系统架设的结构图如下。基本上分成四个部分:基本设备(Ipad,40台),显示部分(Apple Tv分别接投影与大屏幕),后台服务设备(Apple路由器及苹果计算机服务器)和支持部分(苹果笔记本,用来制作ibook教学材料)。<br />
公司的外借系统是以ipad教学系统为主,需要与学校的基础设备相结合。系统工作同时说明了,学校在未来建设ipad教室时需要考虑的基本设备配备、组成情况。<br />
2. 制作-应用系统的构成。 <br />
</p>
<p> </p></td>
<td width="327"><p> </p>
<p><br />
教学整体工作过程中应当分成"制作-应用"两个子系统组成。<br />
教学中重要的不是有什么设备,而是有什么样的资源。为了保证教学资源的有效性,学校需要尽量地掌握制作教学资源的能力。因此分成教学资源制作系统和教学资源应用系统。虽然上课时主要是后者,但前者不可或缺。<br />
在制作体系中主要使用的软硬件是:苹果机+ibook Author进行独立开发电子教材。教学活动的应用主要以ipad+ibook为主。在维护阶段中,需要辅以Apple服务器为教师及学生ipad下载资源、调整ipad中的软件。"制作-应用"系统需要共同工作才能更好地发挥效能。在学校中,基于苹果的软件、硬件工
没有合适的资源?快使用搜索试试~ 我知道了~
静态网页设计期末作业
共43个文件
jpg:24个
html:11个
swf:3个
5星 · 超过95%的资源 需积分: 48 299 下载量 99 浏览量
2014-06-28
12:00:58
上传
评论 13
收藏 2.34MB RAR 举报
温馨提示
dreamweaver的静态网页设计较为简单 智慧校园为主题的网页制作
资源推荐
资源详情
资源评论
收起资源包目录
web.rar (43个子文件)
web
index2.html 9KB
jxzy.html 8KB
kthd.html 7KB
index1.html 10KB
zxzj.html 8KB
lxwm.html 10KB
ptjs.html 11KB
qth.html 8KB
image
123
dh1.jpg 225KB
20130823024403157.jpg 36KB
pingdi2.jpg 49KB
sy.jpg 55KB
2.jpg 37KB
t01a6bd77fa18466fac.jpg 31KB
010.swf 10KB
pingdi3.jpg 61KB
img03.jpg 5KB
dh.gif 137KB
img04.jpg 5KB
1.jpg 36KB
dh.jpg 83KB
pingtai1.jpg 71KB
logo.jpg 23KB
Thumbs.db 92KB
pad.jpg 85KB
ssy.jpg 31KB
035.swf 52KB
2-1.jpg 76KB
img05.jpg 29KB
tiandi4.jpg 52KB
未标题-1.jpg 75KB
tiandi3.jpg 54KB
tiandi5.jpg 1.02MB
tiandi1.jpg 22KB
img02.jpg 4KB
3.jpg 34KB
067.swf 12KB
Thumbs.db 99KB
css
lvy.css 369B
a.css 222B
ipad.html 9KB
index3.html 8KB
wuxianduomeiti1.html 9KB
共 43 条
- 1
qq_17002365
- 粉丝: 1
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页