Team:SUSTC-Shenzhen-A/Biosearch Tutorial
From 2012.igem.org
(Difference between revisions)
m |
|||
(16 intermediate revisions not shown) | |||
Line 102: | Line 102: | ||
#talkbubble_c2 { | #talkbubble_c2 { | ||
width: 862px; | width: 862px; | ||
- | height: | + | height:6000px; |
// background:#EFEFEF; | // background:#EFEFEF; | ||
background:#ffffff; | background:#ffffff; | ||
Line 154: | Line 154: | ||
<body > | <body > | ||
- | <table width="899" border="0" cellspacing=" | + | <table width="899" border="0" cellspacing="0px" cellpadding="0px" align="center"> |
<div> <tr> | <div> <tr> | ||
- | <td><div | + | <td><div> |
- | < | + | <h1 class="title"> BioSearch Tutorial</h1> <ul> |
- | <a href="#Search">Search page | + | <a href="#Search">Search page |
- | </a> | + | </a> |
- | <a href="#Catalog">Catalog page | + | <a href="#Catalog">Catalog page |
- | </a> | + | </a> |
- | <a href="#Favourite">Favourite page | + | <a href="#Favourite">Favourite page |
- | </a> | + | </a> |
- | <a href="#More">More | + | <a href="#More">More |
- | </a> | + | </a> |
- | <a href="# | + | <a href="#Video">Video tutorial |
</a> | </a> | ||
</ul> | </ul> | ||
Line 180: | Line 180: | ||
<tr><td><a name="Search" ></a> | <tr><td><a name="Search" ></a> | ||
- | <p class=" | + | <p class="title1"> Search page</p> |
<img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg"> | <img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg"> | ||
Line 194: | Line 194: | ||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
- | <p> Click the ‘Tutorial’ button, you can learn how to use the | + | <p> Click the ‘Tutorial’ button, you can learn how to use the functions of this page. Click ‘Okey’ button to exit.</p> |
<p> </p> | <p> </p> | ||
<p class="title"> (2)--></p> | <p class="title"> (2)--></p> | ||
Line 270: | Line 270: | ||
<p class="title"> <--(7)</p> | <p class="title"> <--(7)</p> | ||
<p> </p> | <p> </p> | ||
- | <p> Click the biobrick name, you can browse the detail information of this | + | <p> Click the biobrick name, you can browse the detail information of this BioBrick. </p> |
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 277: | Line 277: | ||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
- | <p> Click the ‘add’ button, you can add this biobrick to your bookmark (Favorites). In the alert, you can add your own tag to this biobrick. <strong>You need click the ‘return’ button to submit.</strong></p> | + | <p> Click the ‘add’ button, you can add this biobrick to your bookmark (Favorites). In the alert, you can add your own tag to this biobrick. <strong>You need to click the ‘return’ button to submit.</strong></p> |
<p> </p> | <p> </p> | ||
<p class="title"> (8)--></p> | <p class="title"> (8)--></p> | ||
Line 292: | Line 292: | ||
<tr> | <tr> | ||
<td><a name="Catalog" ></a> | <td><a name="Catalog" ></a> | ||
- | <p class=" | + | <p class="title1"> Catalog page</p> |
<img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg"> | <img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg"> | ||
<p><img src="https://static.igem.org/mediawiki/2012/2/26/BiosearchPage9.png" valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/b/bf/BiosearchPage10.png" valign="top" align="right" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p> | <p><img src="https://static.igem.org/mediawiki/2012/2/26/BiosearchPage9.png" valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/b/bf/BiosearchPage10.png" valign="top" align="right" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p> | ||
Line 349: | Line 349: | ||
<tr> | <tr> | ||
<td><a name="Favourite" ></a> | <td><a name="Favourite" ></a> | ||
- | <p class=" | + | <p class="title1"> Favourite page</p> |
<img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg"> | <img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg"> | ||
<p><img src="https://static.igem.org/mediawiki/2012/b/bb/BiosearchPage13.png" valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/3/31/BiosearchPage14.png" valign="top" align="right" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p> | <p><img src="https://static.igem.org/mediawiki/2012/b/bb/BiosearchPage13.png" valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/3/31/BiosearchPage14.png" valign="top" align="right" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p> | ||
Line 355: | Line 355: | ||
<p class="title"> <--(13)</p> | <p class="title"> <--(13)</p> | ||
<p> </p> | <p> </p> | ||
- | <p> In the favorites page, you can see all the biobricks you have added.</p> | + | <p> In the "favorites" page, you can see all the biobricks you have added.</p> |
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 411: | Line 411: | ||
<tr> | <tr> | ||
<td><a name="More" ></a> | <td><a name="More" ></a> | ||
- | <p class=" | + | <p class="title1"> More</p> |
<img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg"> | <img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg"> | ||
<p><img src="https://static.igem.org/mediawiki/2012/d/dc/BiosearchPage16.png" valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/6/64/BiosearchPage17.png" valign="top" align="right" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p> | <p><img src="https://static.igem.org/mediawiki/2012/d/dc/BiosearchPage16.png" valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/6/64/BiosearchPage17.png" valign="top" align="right" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p> | ||
Line 417: | Line 417: | ||
<p class="title"> <--(16)</p> | <p class="title"> <--(16)</p> | ||
<p> </p> | <p> </p> | ||
- | <p> In the more page, you can get some information about synthetic biology and | + | <p> In the "more" page, you can get some information about synthetic biology and biobricks.</p> |
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 423: | Line 423: | ||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
- | <p> | + | <p> On the bottom, there is the feedback part.</p> |
<p> </p> | <p> </p> | ||
<p class="title"> (17)--></p> | <p class="title"> (17)--></p> | ||
Line 460: | Line 460: | ||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
- | <p class="title1"> | + | </br> |
+ | </br> | ||
+ | </br> | ||
+ | </br> | ||
+ | <a name="Video"></a> | ||
+ | <p class="title1"> Video tutorial</p> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg"> | ||
<p> </p> | <p> </p> | ||
- | <p align="center"><embed src="http://player.youku.com/player.php/sid/ | + | <p align="center"><embed src="http://player.youku.com/player.php/sid/XNDU1MTY3OTQ0/v.swf" play="true" quality="high" width="540" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></p><a name="video"></a> |
</td> | </td> | ||
</tr> | </tr> |
Latest revision as of 10:32, 26 October 2012