diff --git a/asserts/page-extract-rule.bmml b/asserts/page-extract-rule.bmml
new file mode 100644
index 0000000..fec8d3e
--- /dev/null
+++ b/asserts/page-extract-rule.bmml
@@ -0,0 +1,9 @@
+<mockup version="1.0" skin="sketch" fontFace="Balsamiq Sans" measuredW="1154" measuredH="470" mockupW="709" mockupH="470">
+  <controls>
+    <control controlID="0" controlTypeID="com.balsamiq.mockups::BrowserWindow" x="445" y="0" w="709" h="470" measuredW="450" measuredH="400" zOrder="0" locked="false" isInGroup="-1">
+      <controlProperties>
+        <text>A%20Web%20Page%0Ahttp%3A//</text>
+      </controlProperties>
+    </control>
+  </controls>
+</mockup>
\ No newline at end of file
diff --git a/webmagic-avalon/webmagic-admin/src/main/webapp/WEB-INF/pages/create_spider.ftl b/webmagic-avalon/webmagic-admin/src/main/webapp/WEB-INF/pages/create_spider.ftl
index e69de29..4cd838c 100644
--- a/webmagic-avalon/webmagic-admin/src/main/webapp/WEB-INF/pages/create_spider.ftl
+++ b/webmagic-avalon/webmagic-admin/src/main/webapp/WEB-INF/pages/create_spider.ftl
@@ -0,0 +1,14 @@
+<html>
+<head>
+    <script src=""></script>
+</head>
+
+<div class="url-box">
+    <input type="text" id="url-input">
+</div>
+
+<div class="content-show">
+
+</div>
+
+</html>
\ No newline at end of file
