思洋互动网站建设学前班

采集器模块界面设计

采集器模块设计到界面设计共有两个部分，按功能分为内容自动采集器管理界面和采集内容列表页面。广州网站建设

8.3.1  采集器管理界面

采集器管理管理界面通常由采集器描述、所属栏目、列表页面地址、列表页匹配描述、内容页匹配描述组成。采集器管理管理界面的HTML核心功能设计代码如下：

广州网站设计

1. <table align=center cellspacing=0 cellpadding=0> 
2.     <form method="post"> 
3.     <tr class=head> 
4.         <td colspan="2">采集器管理</td> 
5.     </tr> 
6.     <tr class=line> 
7.         <td width="11%">采集器描述</td> 
8.         <td width="89%"> 
9.         <input name="Title" type="text" class="input" 
10.             id="Title" size="40" value="" /></td> 
11.     </tr> 
12.     <tr class=line> 
13.         <td width="11%">所属栏目</td> 
14.         <td width="89%"><select name="Category"> 
15.             <option value="1">汽车频道</option> 
16.         </select></td> 
17.     </tr> 
18.     <tr class=line> 
19.         <td valign="top">列表页面地址</td> 
20.         <td><input name="EnterUrl" type="text" class="input" 
21.             value="列表页面地址" size="60" /></td> 
22.     </tr> 
23.     <tr class=line> 
24.         <td valign="top">列表页匹配描述</td> 
25.         <td><textarea name="ListPreg" cols="80" rows="4" class="input">列        表页匹配描述</textarea></td> 
26.     </tr> 
27.     <tr class=line> 
28.         <td valign="top">内容页匹配描述</td> 
29.         <td><textarea name="ContentPreg" cols="80" rows="4" class="input">      内容页匹配描述</textarea></td> 
30.     </tr> 
31.     <tr class=line> 
32.         <td colspan="2" align="center"><input name="Submit" type="submit" 
33.             class="btn" value="提交" /> <input name="Submit" type="button" 
34.             class="btn" value="返回" onclick="history.go(-1);" /></td> 
35.     </tr> 
36.     </form> 
37. </table> 

 

将上面的代码保存为manage.php文件，在浏览器中加载此文件，预览效果如图8.1所示。

图8.1  采集器管理界面