Team:ZJU-China/Protocol

From 2011.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 1: Line 1:
{{Template:Zjuheader}}
{{Template:Zjuheader}}
-
 
+
{{Template:Zjucss_Notebook}}
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
Line 6: Line 6:
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
 +
 +
 +
<style>
<style>
-
.footer{
+
#biofilmpro{width:770px;}
-
background-color:#666666;
+
#p_intro{color:white;
-
padding:10px;
+
font-size:20px;
-
text-align:center;
+
cursor: pointer;
 +
font-weight: bold;}
 +
#p_intro:hover{text-decoration:underline;}
 +
#p_model{
 +
font-size:20px;
 +
cursor: pointer;
 +
color:white;
 +
font-weight: bold;}
 +
#p_model:hover{text-decoration:underline;}
 +
 
 +
 +
#summ{
 +
width:770px;
 +
background-color:#999
}
}
-
.footer a{
+
#sheetleft{
-
color:#cccccc;
+
background-color:#91b8d7;}
-
margin:10px;
+
#notesheet{
-
text-decoration:none;
+
font-size:10pt;
 +
margin-left:15px;
}
}
-
.footer a:hover {
+
#nsheet{width:770px;}
-
color:#FFF;
+
 
-
text-decoration:none;
+
 
-
cursor:pointer;
+
 
</style>
</style>
 +
 +
 +
<!-- include the Tools -->
 +
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
 +
 +
 +
 +
</head>
</head>
-
<body><div id="contentwrapper">
+
<body>
 +
<div id="contentwrapper">
<div class="main">
<div class="main">
<div  class="pagetitle" id="nbook">
<div  class="pagetitle" id="nbook">
-
       <h3>Notebook | Protocol</h3>  
+
       <table style="background-color:transparent;" width="750" border="0" cellspacing="0" cellpadding="1">
 +
  <tr>
 +
    <td ><h3>Protocol</h3></td>
 +
    <td ></td>
 +
  </tr>
 +
</table>
 +
<p style="margin-left:10px;"></p>
</div>
</div>
-
<div class="leftbar">
+
 
-
<ul id="week">
+
 
-
<li id="w1">tech1</li>
+
 
-
<li id="w2">tech2</li>
+
-
<li id="w3">tech3</li>
+
    <div id="leftul"><div class="leftul">  
-
<li id="w4">tech4</li>
+
                <div id="accordion">  
-
<li id="w5">tech5</li>
+
<h4>May&June</h4>
-
<li id="w6">tech6</li>
+
<div class="pane" style="height:140px;"><a href="https://2011.igem.org/Team:ZJU-China/Notebook/Brainstorm">In the two months we discussed some new ideas and finally decided our project<br/>>> Click to see our brainstorm</a></div>
-
<li id="w7">tech7</li>
+
<h4 >July</h4>
-
</ul>
+
 +
<div class="pane" >  
 +
                <a  href="https://2011.igem.org/Team:ZJU-China/Notebook">In this month we......<br/>>>Click to see</a>
 +
 +
 +
 +
 +
 +
</div>
 +
 +
<h4 >August</h4>
 +
 +
<div class="pane">  
 +
                <a  href="https://2011.igem.org/Team:ZJU-China/Notebook/August">In this month we......<br/>>>Click to see</a>
 +
 +
 +
</div>
 +
 +
<h4 >September</h4>
 +
 +
<div class="pane" >  
 +
                <a  href="https://2011.igem.org/Team:ZJU-China/Notebook/September">In this month we......<br/>>>Click to see</a>
 +
 +
 +
</div>
 +
<h4 class="current">Protocol</h4>
 +
        <div class="pane" style="display:block;"><a href="https://2011.igem.org/Team:ZJU-China/Protocol">>>Click to see our lab protocol about biofilm formation</a></div>
 +
</div>
 +
 
 +
<a href="#jumptop"><img style="margin-top:10px;" src="https://static.igem.org/mediawiki/2011/4/45/Zju-jump-top.jpg" width="160"></a>
</div>
</div>
-
<div class="bigblock"><div class="inner" id="week1">
+
<!-- activate tabs with JavaScript -->
-
<div class="block" id="monday">
+
<script>
-
<h3>tech1</h3>
+
$(function() {
 +
 +
$("#accordion").tabs("#accordion div.pane", {tabs: 'h4', effect: 'slide', initialIndex: null});
 +
});
 +
</script>
 +
<!-- Navigation scroll follow -->
 +
    <script type="text/javascript">
 +
        $(window).scroll(function () {
 +
            var scrollPos = $(window).scrollTop();
 +
            if (scrollPos > 310) {
 +
                $(".leftul").addClass("stickToTop");
 +
            } else {
 +
                $(".leftul").removeClass("stickToTop");
 +
            }
 +
   
 +
        });
 +
    </script>
 +
</div>
 +
         
 +
  <div class="bigblock">
 +
<div class="block" id="biofilmpro">
 +
<h3>Biofilm Formation</h3>
<hr/>
<hr/>
-
<p>.............</p>
+
<p>Biofilm Formation Protocol with common lab equipment:</p>
 +
<a style="display:block;margin:20px;"  href="http://ung.igem.org/wiki/images/b/b1/Biofilm_protocol.pdf"><img src="http://ung.igem.org/wiki/images/1/1b/Adobe_Reader_Logo.jpg" width="40" height="40"/>download PDF version</a>
</div>
</div>
-
</div>
+
 
<!-- 11111111111111111111111111111111111111111111111111 -->
<!-- 11111111111111111111111111111111111111111111111111 -->
-
<div class="inner" id="week2">
+
<div class="block" id="summ">
 +
<h3>Basic Protocols</h3><hr/>
 +
<p>&nbsp;</p>
<div class="block" id="monday">
<div class="block" id="monday">
-
<h3>tech2</h3>
+
<p>AxyPrep™ Plasmid Miniprep Kit</p>
<hr/>
<hr/>
-
<p>...............</p>
+
<a style="display:block;margin:20px;"  href="http://static0.jadedpixel.com/s/files/1/0001/7488/files/axyprep_plasmid_mini_protocol.pdf"><img src="http://ung.igem.org/wiki/images/1/1b/Adobe_Reader_Logo.jpg" width="40" height="40"/>download PDF version</a>
-
</div>
+
</div>
</div>
 +
<!-- 2222222222222222222222222222222222222222222 -->
<!-- 2222222222222222222222222222222222222222222 -->
-
<div class="inner" id="week3">
+
 
<div class="block" id="monday">
<div class="block" id="monday">
-
<h3>tech3</h3>
+
<p>AxyPrep™ PCR Cleanup Kit</p>
<hr/>
<hr/>
-
<p>..................</p>
+
<a style="display:block;margin:20px;"
-
</div>
+
href="http://static3.jadedpixel.com/s/files/1/0001/7488/files/axyprep_pcr_cleanup_protocol.pdf"><img src="http://ung.igem.org/wiki/images/1/1b/Adobe_Reader_Logo.jpg" width="40" height="40"/>download PDF version</a>
</div>
</div>
 +
<!-- 3333333333333333333333333333333333333 -->
<!-- 3333333333333333333333333333333333333 -->
-
<div class="inner" id="week4">
+
 
<div class="block" id="monday">
<div class="block" id="monday">
-
<h3>tech4</h3>
+
<p>TaKaRa Agarose Gel DNA Purification Kit Ver.2.0</p>
<hr/>
<hr/>
-
<p>...............</p>
+
<a style="display:block;margin:20px;"
-
</div>
+
href="http://www.takara.com.cn/explain/D/DV805A.pdf"><img src="http://ung.igem.org/wiki/images/1/1b/Adobe_Reader_Logo.jpg" width="40" height="40"/>download PDF version</a>
</div>
</div>
 +
<!-- 444444444444444444444444444444444 -->
<!-- 444444444444444444444444444444444 -->
-
<div class="inner" id="week5">
+
 
<div class="block" id="monday">
<div class="block" id="monday">
-
<h3>tech5</h3>
+
<p>Chemically competent E.coli preparation.</p>
<hr/>
<hr/>
-
<p>...............</p>
+
<a style="display:block;margin:20px;"
-
</div>
+
href="http://www.openwetware.org/wiki/Preparing_chemically_competent_cells">See official protocol</a>
</div>
</div>
 +
<!-- 55555555555555555555555555555555555555 -->
<!-- 55555555555555555555555555555555555555 -->
-
<div class="inner" id="week6">
+
 
<div class="block" id="monday">
<div class="block" id="monday">
-
<h3>tech6</h3>
+
<p>Transformation</p>
<hr/>
<hr/>
-
<p>....................</p>
+
<a style="display:block;margin:20px;"
-
</div>
+
href="http://www.openwetware.org/wiki/Transforming_chemically_competent_cells_%28Inoue%29">See official protocol</a>
</div>
</div>
 +
<!-- 666666666666666666666666666666666 -->
<!-- 666666666666666666666666666666666 -->
-
<div class="inner" id="week7">
+
 
<div class="block" id="monday">
<div class="block" id="monday">
-
<h3>tech7</h3>
+
<p>Colony PCR:</p>
<hr/>
<hr/>
-
<p>......................</p>
+
<a style="display:block;margin:20px;"
 +
href="http://www.openwetware.org/wiki/Endy:Colony_PCR">See official protocol</a>
 +
</div>
 +
<div class="block" id="mondy">
 +
<p>Agarose gel electrophoresis</p><hr/>
 +
<a style="display:block;margin:20px;"
 +
href="http://www.openwetware.org/wiki/Agarose_gel_electrophoresis">See official protocol</a>
</div>
</div>
</div>
</div>
-
<!-- 7777777777777777777777777777 -->
 
<script type="text/javascript">
<script type="text/javascript">
-
document.getElementById('w1').onclick= function(){
+
 
-
document.getElementById('week2').style.display='none'
+
</script>
-
document.getElementById('week3').style.display='none'
+
 
-
document.getElementById('week4').style.display='none'
+
 
-
document.getElementById('week5').style.display='none'
+
 
-
document.getElementById('week6').style.display='none'
+
-
document.getElementById('week7').style.display='none'
+
-
document.getElementById('week1').style.display='block'
+
-
    };
+
-
    document.getElementById('w2').onclick= function(){
+
-
document.getElementById('week1').style.display='none'
+
-
document.getElementById('week3').style.display='none'
+
-
document.getElementById('week4').style.display='none'
+
-
document.getElementById('week5').style.display='none'
+
-
document.getElementById('week6').style.display='none'
+
-
document.getElementById('week7').style.display='none'
+
-
document.getElementById('week2').style.display='block'
+
-
    };
+
-
    document.getElementById('w3').onclick= function(){
+
-
document.getElementById('week2').style.display='none'
+
-
document.getElementById('week1').style.display='none'
+
-
document.getElementById('week4').style.display='none'
+
-
document.getElementById('week5').style.display='none'
+
-
document.getElementById('week6').style.display='none'
+
-
document.getElementById('week7').style.display='none'
+
-
document.getElementById('week3').style.display='block'
+
-
    };
+
-
    document.getElementById('w4').onclick= function(){
+
-
document.getElementById('week2').style.display='none'
+
-
document.getElementById('week3').style.display='none'
+
-
document.getElementById('week1').style.display='none'
+
-
document.getElementById('week5').style.display='none'
+
-
document.getElementById('week6').style.display='none'
+
-
document.getElementById('week7').style.display='none'
+
-
document.getElementById('week4').style.display='block'
+
-
    };
+
-
    document.getElementById('w5').onclick= function(){
+
-
document.getElementById('week2').style.display='none'
+
-
document.getElementById('week3').style.display='none'
+
-
document.getElementById('week4').style.display='none'
+
-
document.getElementById('week1').style.display='none'
+
-
document.getElementById('week6').style.display='none'
+
-
document.getElementById('week7').style.display='none'
+
-
document.getElementById('week5').style.display='block'
+
-
    };
+
-
    document.getElementById('w6').onclick= function(){
+
-
document.getElementById('week2').style.display='none'
+
-
document.getElementById('week3').style.display='none'
+
-
document.getElementById('week4').style.display='none'
+
-
document.getElementById('week5').style.display='none'
+
-
document.getElementById('week1').style.display='none'
+
-
document.getElementById('week7').style.display='none'
+
-
document.getElementById('week6').style.display='block'
+
-
    };
+
-
    document.getElementById('w7').onclick= function(){
+
-
document.getElementById('week2').style.display='none'
+
-
document.getElementById('week3').style.display='none'
+
-
document.getElementById('week4').style.display='none'
+
-
document.getElementById('week5').style.display='none'
+
-
document.getElementById('week6').style.display='none'
+
-
document.getElementById('week1').style.display='none'
+
-
document.getElementById('week7').style.display='block'
+
-
    };
+
-
</script></div></div><p style ="clear:both"></p>
+
</div>
</div>
 +
<p style ="clear:both"></p>
 +
<p style ="clear:both"></p>
 +
           
<div class="footer" id="footer"><a href="https://2011.igem.org/"> iGem 2011 Home Page</a>
<div class="footer" id="footer"><a href="https://2011.igem.org/"> iGem 2011 Home Page</a>
           <a href="http://ung.igem.org/Special:Upload/"> Upload Files</a>
           <a href="http://ung.igem.org/Special:Upload/"> Upload Files</a>
Line 172: Line 210:
</body>
</body>
</html>
</html>
-
{{Template:Zjucss_Notebook}}
 

Latest revision as of 03:01, 6 October 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Protocol

Biofilm Formation

Biofilm Formation Protocol with common lab equipment:

download PDF version

Basic Protocols

 

AxyPrep™ Plasmid Miniprep Kit

download PDF version

AxyPrep™ PCR Cleanup Kit

download PDF version

TaKaRa Agarose Gel DNA Purification Kit Ver.2.0

download PDF version

Chemically competent E.coli preparation.

See official protocol

Transformation

See official protocol

Colony PCR:

See official protocol

Agarose gel electrophoresis

See official protocol

Retrieved from "http://2011.igem.org/Team:ZJU-China/Protocol"