Team:SUSTC-Shenzhen-A/Biodesign Tutorial
From 2012.igem.org
(Difference between revisions)
(5 intermediate revisions not shown) | |||
Line 158: | Line 158: | ||
<div> <tr> | <div> <tr> | ||
<td><div> | <td><div> | ||
- | <h1 class="title"> BioDesign Tutorial</h1> <ul> | + | |
+ | <h1 class="title"> BioDesign Tutorial</h1> | ||
+ | |||
+ | |||
+ | <a name="Video" ></a> | ||
+ | <h3 class="title1"> Video tutorial</h3> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg"/> | ||
+ | |||
+ | <p align="center"> | ||
+ | <embed src="http://player.youku.com/player.php/sid/XNDY3Mzg4Njcy/v.swf" | ||
+ | width="480" height="400" | ||
+ | type="application/x-shockwave-flash"> | ||
+ | </embed></p> | ||
+ | <p align="center"> Note: There will be a 6-second Chinese ad at the beginning of this video.</p> | ||
+ | |||
+ | <h3 class="title1"> Step by step instruction</h3> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg"/> | ||
+ | <ul> | ||
<a href="#Folder">Folder page | <a href="#Folder">Folder page | ||
</a> | </a> | ||
Line 170: | Line 187: | ||
<a href="#Mail">Mail page | <a href="#Mail">Mail page | ||
</a> | </a> | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
+ | <br/> | ||
<table border="0" cellspacing="0" cellpadding="0"> | <table border="0" cellspacing="0" cellpadding="0"> | ||
<tr> | <tr> | ||
Line 181: | Line 198: | ||
<tr><td><a name="Folder" ></a> | <tr><td><a name="Folder" ></a> | ||
<p class="title1"> Folder page</p> | <p class="title1"> Folder 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/e/e6/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_1.png" valign="top" align="left" width="300" height = "480" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ><img src="https://static.igem.org/mediawiki/2012/b/b7/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_2.png" valign="top" align="right" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p> | <p><img src="https://static.igem.org/mediawiki/2012/e/e6/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_1.png" valign="top" align="left" width="300" height = "480" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ><img src="https://static.igem.org/mediawiki/2012/b/b7/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_2.png" valign="top" align="right" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p> | ||
Line 243: | Line 260: | ||
<td><a name="File" ></a> | <td><a name="File" ></a> | ||
<p class="title1"> File page</p> | <p class="title1"> File 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/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_4.png" valign="top" align="left" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/6/60/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_5.png" valign="top" align="right" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p> | <p><img src="https://static.igem.org/mediawiki/2012/2/26/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_4.png" valign="top" align="left" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/6/60/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_5.png" valign="top" align="right" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p> | ||
<p> </p> | <p> </p> | ||
Line 273: | Line 290: | ||
<a name="Drawing"></a> | <a name="Drawing"></a> | ||
<p class="title1"> Drawing page</p> | <p class="title1"> Drawing 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/4/41/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_6.png" valign="top" align="left" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/5/54/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_7.png" valign="top" align="right" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ></p> | <p><img src="https://static.igem.org/mediawiki/2012/4/41/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_6.png" valign="top" align="left" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/5/54/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_7.png" valign="top" align="right" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ></p> | ||
<p> </p> | <p> </p> | ||
Line 524: | Line 541: | ||
<tr> | <tr> | ||
<td> | <td> | ||
- | <p><img src="https://static.igem.org/mediawiki/2012/ | + | <p><img src="https://static.igem.org/mediawiki/2012/6/66/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_24.png" valign="top" align="left" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/6/6d/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_25.png" valign="top" align="right" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ></p> |
<p> </p> | <p> </p> | ||
- | <p class="title"> <--( | + | <p class="title"> <--(24)</p> |
<p> </p> | <p> </p> | ||
- | <p> | + | <p> For objects in “part.”, you can move one group close to another to connet them.</p> |
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 534: | Line 551: | ||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
- | <p> | + | <p> You can press the button to disconnect them.</p> |
<p> </p> | <p> </p> | ||
- | <p class="title"> ( | + | <p class="title"> (25)--></p> |
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 544: | Line 561: | ||
<p> </p> | <p> </p> | ||
<br/> | <br/> | ||
- | + | <p> </p> | |
- | + | ||
<p> </p> | <p> </p> | ||
</td> | </td> | ||
Line 552: | Line 568: | ||
<tr> | <tr> | ||
<td> | <td> | ||
- | <p><img src="https://static.igem.org/mediawiki/2012/ | + | <p><img src="https://static.igem.org/mediawiki/2012/d/df/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_70.png" valign="top" align="left" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/9/90/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_71.png" valign="top" align="right" width="300"height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ></p> |
<p> </p> | <p> </p> | ||
- | <p class="title"> <--( | + | <p class="title"> <--(26)</p> |
<p> </p> | <p> </p> | ||
- | <p> Click the | + | <p> Click the button at the top right to save this picture (Fig.26). </p> |
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 562: | Line 578: | ||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
- | <p> & | + | <p> Come back, you’ll see the icon has change into the saved picture (Fig.27).</p> |
<p> </p> | <p> </p> | ||
- | <p class="title"> ( | + | <p class="title"> (27)--></p> |
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 578: | Line 594: | ||
</tr> | </tr> | ||
- | + | <tr> | |
- | <td | + | <td> |
- | + | <p><img src="https://static.igem.org/mediawiki/2012/e/ef/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_72.png" valign="top" align="left" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/f/f8/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_73.png" valign="top" align="right" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ></p> | |
- | + | ||
- | <p><img src="https://static.igem.org/mediawiki/2012/ | + | |
<p> </p> | <p> </p> | ||
- | <p class="title"> <--( | + | <p class="title"> <--(28)</p> |
<p> </p> | <p> </p> | ||
- | <p> | + | <p> Click the microscope button in FIle page at the bottom to search a file (Fig.28). </p> |
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 592: | Line 606: | ||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
- | <p> & | + | <p>  Click the button at the bottom right to present the files in a table (Fig.29).</p> |
- | + | ||
- | + | ||
<p> </p> | <p> </p> | ||
+ | <p class="title"> (29)--></p> | ||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 602: | Line 615: | ||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
+ | <br/> | ||
+ | |||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 608: | Line 623: | ||
<tr> | <tr> | ||
- | <td><a name=" | + | <td><a name="Mail" ></a> |
- | <p class="title1"> | + | <p class="title1"> Mail 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/ | + | <p><img src="https://static.igem.org/mediawiki/2012/b/bf/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_74.png" valign="top" align="left" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/5/5a/SUSTC-Shenzhen-A_BioDesign_tutorial_fig_75.png" valign="top" align="right" width="300" height="480" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p> |
<p> </p> | <p> </p> | ||
- | <p class="title"> <--( | + | <p class="title"> <--(30)</p> |
<p> </p> | <p> </p> | ||
- | <p> | + | <p> Come back to the Folder page. Click the envelope button at the bottom right to the file that you want to email to your friend! (Fig.30)</p> |
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 621: | Line 636: | ||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
- | <p> | + | <p> Click the ‘done’ button. Send the chosen files to your friends (Fig.31)!</p> |
<p> </p> | <p> </p> | ||
- | <p class="title"> ( | + | <p class="title"> (31)--></p> |
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 636: | Line 651: | ||
</tr> | </tr> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</table> | </table> | ||
- | + | ||
<div></td> | <div></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
- | + | ||
Latest revision as of 03:57, 27 October 2012