最近在正StoneAgeDict,
呵呵，不过好像都是88250和zy在正
我又开始了界面的编写
现在把代码贴下
css就不贴了，虽然会有很大的差异
呵呵
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>StoneAgeDict</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Dict" content="query words" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script language="javascript">
function openWin(u, w, h) {
var l = (screen.width - w) / 2;
var t = (screen.height - h) / 2;
var s = ‘width=’ + w + ‘, height=’ + h + ‘, top=’ + t + ‘, left=’ + l;
s += ‘, toolbar=no, scrollbars=yes, menubar=no, location=no, resizable=no’;
open(u, ‘EditWord’, s);
}
</script>
<ul id="nav">
<li><a href="#">Contact</a></li>
<li><a href="#">Company</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Services</a></li>
<li><a class="selected" href="#">Home</a></li>
</ul>
<div id="title">StoneAgeDict</div>
<div id="slogan">Contented: Set up dictionary by youself</div>
</div> <!– end header –>
<div id="path">
<a href="#">Home</a>
/
<a href="#">Section Title</a>
/
<a href="#">Subsection Title</a>
/
<a href="#">Page Title</a>
</div>
<div id="maincontent">
<h2>Translation</h2>
<a href="#">English to Chaniese</a> |
<a href="#">Chaniese to English</a>
<table width="544" height="406" border="1">
<tr>
<td height="32" colspan="2"><input type="text" size="50"/>
<input type="submit" value="lookup"/>
</td>
</tr>
<tr>
<td width="26"> </td>
<td width="165">
<table>
word definition1 from user 1<br>
<div align="right">author: Vanessa</div><br>
<form name="eval" onSubmit="return eval();">
<div align="right">
<input type="checkbox" name="good" align="right">Good
<input type="checkbox" name="better">Better
<input type="checkbox" name="best">Best<br>
</div>
</form>
<div align="right">
<a href="javascript:void(openWin(‘Edit.html’, 400, 300));">Edit</a>
</div>
<hr>
And so on
</table>
</td>
</tr>
</table>
</div>
<div id="sidecontent">
<h2>Login</h2>
<form name="login">
Name
<input name="text" type="text" size="10"/>
<br>
Password<input type="password" size="10"/>
<br>
<div align="right">
<input name="submit" type="submit" value="sub"/>
</div>
</form>
<h2>News</h2>
Optional text introducing news items.
<ul>
<li><a href="#"> News item link 1</a> (May 15, 2006)</li>
<li><a href="#"> News item link 2</a> (May 12, 2006)</li>
<li><a href="#"> News item link 3</a> (May 7, 2006)</li>
</ul>
<h2>Notes</h2>
Optional text introducing notes.
<ul>
<li> Marginal note that explains something.</li>
</ul>
<h2>Links</h2>
Optional text introducing links.
<ul>
<li><a href="#"> Related link 1</a></li>
<li><a href="#"> Related link 2</a></li>
</ul>
<h2>Help</h2>
Optional text indroducing help.
<ul>
<li><a href="#"> Help link 1</a></li>
<li><a href="#"> Help link 2</a></li>
</ul>
</div>
<div id="footer">
<div id="copyrightdesign">
Copyright © 2008 Zy Daniel Vanessa |
Design by <a href=#>StoneAge</a>
</div>
<div id="footercontact">
<a href="#">Contact</a>
</div>
</div>
</body>
</html>
这个是相当简单了，其中主要的就是弹出窗口居中
代码见高亮窗口