实习三、网页制作基础与发布
--- 08地信
一、实习目的
1. 理解HTML文档的基本结构
2. 掌握地图网页中使用的主要HTML元素及其属性
3. 练习使用文本编辑器编写简单的地图网页
4. 掌握运用IIS（微软的Web服务器）发布静态网页的方法
5. 理解URL，并掌握如何通过URL访问局域网中的Web站点
二、实习要求
1. 使用UltraEdit（或其它文本编辑器，如Notepad）编写一个静态地图网页，并命名为HelloMap.html
2. 通过IIS发布HelloMap.html
3. 在局域网中的其他机器上通过Web浏览器（如IE，或Firefox）访问HelloMap.html
重点掌握
1. HTML表单(Form)标签的用法，它用于向Web服务器发送用户请求，实现网页交互
2. 用于地图显示的Image表单元素的用法：<input type="image" src="">
三、实习步骤
1. 创建静态地图网页HelloMap.html
a. 打开文本编辑器，键入构成HTML文档结构的基本标记：<html/>、<head/>、<title/>和
<body/>，注意标记的顺序和嵌套关系。
b. 为网页添加标题“Hello Map”。
c. 在<body/>标记中实现网页的页面布局：简单网页
o 首先，创建一个<div>容器，设置其对齐方式为居中，并在该容器中使用<form>标记创建表单，设置其name属性为“frmMap”。
o 在表单中使用<table>标签创建表格，设置表格长为600、宽为600。
o 使用<tr>标签将表格分为三行。
第一行高度为25，以5号字居中显示文字“WebGIS实习三(HelloMap.html)”。
第二行高度为25，使用<input>标签平均放置四个单选按钮，分别显示“全图”、“缩小”、“放大”、“漫游”。注意设置单选按钮的name属性、value属性，其中name属性都为“mapTool”。
第三行高度为400，用于显示地图。使用<input>标签显示地图图片，注意设置其name和src属性。
d. 在<head/>和<body >之间键入用<style>标签标记的<td>单元格样式，包括背景颜，文字样式等，实现为表格中的< td>单元格设置简单样式。
e. 新建HelloMap文件夹，保存文件到该文件夹并命名为HelloMap.html。
2. 并发布HelloMap.html
a. 选择一种方法发布HelloMap.html。
o 方法一：通过IIS管理器发布。
o 方法二：通过鼠标右键>属性>Web共享发布
o 方法三：复制Hellomap文件夹到系统盘(一般是计算机的C：盘)的  c:\inetpub\wwwroot\。3. 在Web浏览器地址栏中输入localhost/hellomap/hellomap.html，通过URL访问HelloMap.html。
网页预期效果如下图：
四、实验截图：实验代码截图
实验结果截图
五、实验小结
本次实验进一步学习理解HTML文档的基本结构，学习并掌握了地图网页中使用的主要HTML 元素及
其属性，练习使用文本编辑器编写简单的地图网页并掌握运用IIS（微软的Web服务器）发布静态网页的方法，学习理解URL，并掌握如何通过URL访问局域网中的Web站点，使用UltraEdit（或其它文本编辑器，如Notepad）编写一个静态地图网页，并命名为HelloMap.html 。通过IIS发布HelloMap.html 。在局域网中的其他机器上通过Web浏览器。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。