统一目录下的资源结构图:
<html>
<head>
<link rel="stylesheet" href="gallery.css" type="text/css" media="screen" charset="utf-8"/>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="container">
<div id="header">
<h1>StarTrackr!</h1>
</div>
<div id="content">
<h2>Around Town Last Night</h2>
<div id="ajaxInProgress"></div>
<div id="photos">
<fieldset id="photoDetails">
<legend>Photo Tagging</legend>
<form id="details">
<p id="status"></p>
<p>
<label for="name">Name:</label><br/>
<input type="text" class="textField" name="name" id="name" />
</p>
<p>
<label for="tags">Tags:</label><br/>
<input type="text" class="textField" name="tags" id="tags" />
</p>
<p>
<input type="hidden" name="id" id="id">
<input type="button" value="update" id="update" />
</p>
</form>
<div id="gallery"></div>
</fieldset>
</div>
</div>
</div>
</body>
</html>
<head>
<link rel="stylesheet" href="gallery.css" type="text/css" media="screen" charset="utf-8"/>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="container">
<div id="header">
<h1>StarTrackr!</h1>
</div>
<div id="content">
<h2>Around Town Last Night</h2>
<div id="ajaxInProgress"></div>
<div id="photos">
<fieldset id="photoDetails">
<legend>Photo Tagging</legend>
<form id="details">
<p id="status"></p>
<p>
<label for="name">Name:</label><br/>
<input type="text" class="textField" name="name" id="name" />
</p>
<p>
<label for="tags">Tags:</label><br/>
<input type="text" class="textField" name="tags" id="tags" />
</p>
<p>
<input type="hidden" name="id" id="id">
<input type="button" value="update" id="update" />
</p>
</form>
<div id="gallery"></div>
</fieldset>
</div>
</div>
</div>
</body>
</html>