Team:SUSTC-Shenzhen-A/Biodesign Tutorial

From 2012.igem.org

(Difference between revisions)
m
Line 165: Line 165:
   <td><img src="https://static.igem.org/mediawiki/2012/e/ec/Sustc_shenzhen_a_biodesign_tutorial1.png"  valign="top" align="left" width="300"  style="BORDER:#CCFFCC 5px dashed;margin:10px;" >
   <td><img src="https://static.igem.org/mediawiki/2012/e/ec/Sustc_shenzhen_a_biodesign_tutorial1.png"  valign="top" align="left" width="300"  style="BORDER:#CCFFCC 5px dashed;margin:10px;" >
   </td>
   </td>
-
   <td><p><p align="left"><b><big><-- Fig.1 </b></big> </p><br/><br/>&nbsp;&nbsp;Touching a picture, you select it. As shown in Fig.1, you have selected 4 pictures whose borders become red or blue. The red border means that there will be lines coming from the corresponding pictures and pointing to the blue-border pictures.<br/><br/>
+
   <td><p><p align="left"><b><big><-- Fig.1 </b></big> </p><br/><br/>&nbsp;&nbsp; A picture can be selected by touching it. As shown in Fig.1, you have selected 4 pictures whose borders become red or blue. The red border means that there will be lines coming from the corresponding pictures and pointing to the blue-border pictures.<br/><br/>
<p align="right"><b><big> Fig.2 --> </b></big></p><br/>
<p align="right"><b><big> Fig.2 --> </b></big></p><br/>
&nbsp;&nbsp;Fig.2 shows what happens after the selecting.</p>
&nbsp;&nbsp;Fig.2 shows what happens after the selecting.</p>
Line 178: Line 178:
   <td><img src="https://static.igem.org/mediawiki/2012/7/7b/Sustc_shenzhen_a_biodesign_tutorial3.png"  valign="top" align="left" width="300"  style="BORDER:#CCFFCC 5px dashed;margin:10px;" >
   <td><img src="https://static.igem.org/mediawiki/2012/7/7b/Sustc_shenzhen_a_biodesign_tutorial3.png"  valign="top" align="left" width="300"  style="BORDER:#CCFFCC 5px dashed;margin:10px;" >
   </td>
   </td>
-
   <td><p><p align="left"><b><big><-- Fig.3 </b></big> </p><br/><br/>&nbsp;&nbsp;Touching curves, if they become red and dashed, you select it, as it is shown in Fig.3.<br/><br/>
+
   <td><p><p align="left"><b><big><-- Fig.3 </b></big> </p><br/><br/>&nbsp;&nbsp;Touching curves, if they become red and dashed, it means that you've selected it, as it is shown in Fig.3.<br/><br/>
<p align="right"><b><big> Fig.4 --> </b></big></p><br/>
<p align="right"><b><big> Fig.4 --> </b></big></p><br/>
&nbsp;&nbsp;After selecting the curves, click the 'Edit' button on the top right to change the arrow type of the selected curves. See Fig.4</p>
&nbsp;&nbsp;After selecting the curves, click the 'Edit' button on the top right to change the arrow type of the selected curves. See Fig.4</p>

Revision as of 15:43, 26 September 2012

Quick tutorial

Select pictures


<-- Fig.1



   A picture can be selected by touching it. As shown in Fig.1, you have selected 4 pictures whose borders become red or blue. The red border means that there will be lines coming from the corresponding pictures and pointing to the blue-border pictures.

Fig.2 -->


  Fig.2 shows what happens after the selecting.

Select curves and arrows


<-- Fig.3



  Touching curves, if they become red and dashed, it means that you've selected it, as it is shown in Fig.3.

Fig.4 -->


  After selecting the curves, click the 'Edit' button on the top right to change the arrow type of the selected curves. See Fig.4

<-- Fig.5



  Please pay attention to the arrows of the red dashed curves. They have changed from triangle-like arrows into spear-like arrows. See Fig.5

Delete curves and arrows


<-- Fig.6



  Select a curve. Then press the 'Delete' button the top left. The selected curve and arrow will be deleted.

Footbar.jpg