Biomod/2014/fit test.html: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(38 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<head>
<style type="text/css" >
<style type="text/css" >


ul.pulldown_menu_1 {
#dropmenu{
list-style: none; /* 先頭記号を消す */
  list-style: none;
 
  width:900px;
  height: 55px;
  margin: 85px  auto 100px;
  padding: 0;
  background: #8a9b0f;
  border-bottom: 5px solid #535d09;
  border-radius: 3px 3px 0 0;
}
#dropmenu li{
  position: relative;
  width: 16.666666666666%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #6e7c0c;
  color: #eff7b1;
}
}
ul.pulldown_menu_1 li {
#dropmenu > li:hover > a{
float: left;  /*リスト項目を横方向に並べる */
  border-radius: 3px 3px 0 0;
width: 200px; /*リスト項目の幅 */
 
 
}
}
ul.pulldown_menu_1 ul {
#dropmenu li ul{
list-style: none; /* 2段目の先頭記号を消す */
  list-style: none;
padding: 0px; /* 2段目の左位置を1段目に揃える */
  position: absolute;
margin: 0px;
  top: 100%;
width: 200px; /* リスト項目の幅 */
  left: 0;
 
  margin: 0;
  padding:0;
  border-radius: 0 0 3px 3px;
}
}
ul.pulldown_menu_1 a {
#dropmenu li ul li{
background-color: black; /* 背景色 */
  overflow: hidden;
color: red; /* 文字色 */
  width: 100%;
display: block; /*ブロックレベルに */
  height:0;
text-align: center; /* 文字を中央合わせに */
  color: #fff;
padding: 10px; /* 内部の余白 */
  -moz-transition: .2s;
border: 1px #9999FF solid; /* 枠線 */
  -webkit-transition: .2s;
text-decoration: none; /* 下線を消す */
  -o-transition: .2s;
outline: none; /* 選択時の点線枠線を消す */
  -ms-transition: .2s;
border-radius: 0px 0px 0px 0px; /* タブに丸みをつける */
  transition: .2s;
 
 
 
}
}
ul.pulldown_menu_1 ul a {
#dropmenu li ul li a{
border-radius: 0px; /* 2段目以降はタブに丸みをつけない */
  padding: 13px 15px;
 
  background: #6e7c0c;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
}
}
ul.pulldown_menu_1 a:hover {/* マウスカーソルが乗っている状態 */
#dropmenu li:hover ul li{
 
  overflow: visible;
color: blue; /* 文字色 */
  height: 43px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
}
ul.pulldown_menu_1 a:active {/* マウスがクリックされている状態 */
#dropmenu li:hover ul li:first-child{
 
  border-top: 0;
color: red; /* 文字色 */
}
}
ul.pulldown_menu_2 ul {
#dropmenu li:hover ul li:last-child{
display: none; /* 通常は表示しない */
  border-bottom: 0;
}
}
ul.pulldown_menu_2 li:hover > ul {
#dropmenu li:hover ul li:last-child a{
display: block; /* マウスが乗ったら表示する */
  border-radius: 0 0 3px 3px;
}
}
hr {
border-width: 0px 0px 0px 0px;
border-style: solid;
height: 0px;
}
</style>
</style>
</head>
</head>
<body>
<body>
<div style="background: url(/images/4/46/Fitaoback.png);">


<div style="background: url(/images/f/ff/Fitback.png);" height="2000">


<img src="/images/4/46/Fitaologo.PNG" alt" alt="" width="422" height="98" hspace="0" align="left">


<hr>
<br>


<img src="/images/7/7c/Fitlogo.PNG" alt" alt="" width="352" height="82" hspace="0" align="left">
<hr size="0" width="100%" color="#ffffff" noshade>


<ul id="dropmenu">
  <li><a href="http://openwetware.org/wiki/Biomod/2014/Fukuoka#home">Home</a>


<ul class= "pulldown_menu_1 pulldown_menu_2">
<li><a href= "http://openwetware.org/wiki/Biomod/2014/Fukuoka"> Top</a>
  <ul>
    <li><a href= "http://openwetware.org/wiki/Biomod/2014/Fukuoka#a"> Abstract</a></li>
    <li><a href= "stepuphtml1.html">  1-2</a></li>
    <li><a href= "stepuphtml1.html"> STEP 1-3</a></li>
  </ul>
</li>
<li><a href= "fit_Introduction.html"> Introduction</a>
     <ul>
     <ul>
    <li><a href= "fit_Introduction.html#a"> Background</a></li>
 
    <li><a href= "fit_Introduction.html#b"> Motivation</a></li>
      <li><a href="http://openwetware.org/wiki/Biomod/2014/Fukuoka#abs">Abstract</a></li>
      <li><a href="http://openwetware.org/wiki/Biomod/2014/Fukuoka#vid">Video</a></li>
 
     </ul>
     </ul>
  </li>
  <li><a href="fit_Introduction.html#pro">Projects</a>
    <ul>
      <li><a href="fit_Introduction.html#back">background & Motivation</a></li>
      <li><a href="fit_Introduction.html#goal">Goals</a></li>


</li>
    </ul>
<li><a href= "stepuphtml3.html"> Project</a>
  </li>
  <li><a href="fit_Approach and Goals.html#des">Design</a>
     <ul>
     <ul>
    <li><a href= "fit_Approach and Goals.html#a"> Approach and Goals</a></li>
      <li><a href="fit_Approach and Goals.html#ear">Early Design</a></li>
    <li><a href= "fit_Approach and Goals.html#b"> Design</a></li>
      <li><a href="fit_Approach and Goals.html#fin">Final Design</a></li>
    <li><a href= "stepuphtml3.html"> STEP 3-3</a></li>
     
    <li><a href= "stepuphtml3.html"> STEP 3-4</a></li>
     </ul>
     </ul>
</li>
  </li>
<li><a href= "stepuphtml4.html"> Method</a>
  <li><a href="fit_Method.html#met">Method</a>
    <ul>
      <li><a href="fit_Method.html#a">Barrel particle</a></li>
      <li><a href="fit_Method.html#b">DNA modified</a></li>
      <li><a href="fit_Method.html#c">樽と人形の結合</a></li>
   <li><a href="fit_Method.html#d">樽人形剣</a></li>
   <li><a href="fit_Method.html#e">Material</a></li>
  </ul>
  </li>
  <li><a href="fit_Results and Discussion.html#">Result and Discassions</a>
     <ul>
     <ul>
    <li><a href= "fit_Method.html#a"> シリカ</a></li>
      <li><a href="fit_Results and Discussion.html#a">Barrel particle and Doll particle</a></li>
    <li><a href= "fit_Method.html#b"> シリカDNA</a></li>
      <li><a href="fit_Results and Discussion.html#b">DNA modified</a></li>
    <li><a href= "fit_Method.html#c"> キャラクタ</a></li>
      <li><a href="fit_Results and Discussion.html#c">樽と人形の結合</a></li>
   <li><a href= "fit_Method.html#d"> 予備</a></li>
      <li><a href="fit_Results and Discussion.html#d">樽人形剣</a></li>
   <li><a href="fit_Results and Discussion.html#e">Conclusion</a></li>
     </ul>
     </ul>
</li>
  </li>
<li><a href= "Results and Discussion"> Results and Discussion</a>
  <li><a href="fit_Member.html#team">Team</a>
     <ul>
     <ul>
    <li><a href= "fit_Results and Discussion.html#a"> たる</a></li>
      <li><a href="fit_Member.html#men">Menber</a></li>
    <li><a href= "fit_Results and Discussion.html#b"> たるとDNA</a></li>
      <li><a href="fit_Member.html#spo">Sponsor</a></li>
    <li><a href= "fit_Results and Discussion.html#c"> たるとDNAとDNA</a></li>
     
     </ul>
     </ul>
</li>
  </li>
</ul>
</ul>




<hr size="0" width="100%" color="#ffffff" noshade>
<img src="top-みどり.png" alt="" width="80" height="43" hspace="3" vspace="2" align="left">
<hr size="1" width="100%" color="#440000" noshade>




<div align="center">
<div align="center">
<font size="4" color="#8b0000" face="Arial"><b>Abstract</b></font>
<font size="6" color="#000022" face="Arial"><b>Abstract</b></font>


<font size="3" color="#8b0000" face="Arial">
<font size="4" color="#000022" face="Arial">


<p>
<p>
Line 121: Line 167:
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<br>
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<br>


<br><br><br><br><br>
</p>


</p>
</div>
</div>
</font>
</font>


<hr size="1" width="100%" color="#440000" noshade>
 
 
<font size="3" color="#000022" face="Arial">
 
<center>
<table style="background-color:#ffffff;filter:alpha(opacity= 20);-moz-opacity: 0.5;opacity: 0.5;"
border="1" align="center" width="90%" height="1045" hspace="3" vspace="3" bordercolor="#666666">
<caption align="left">Material</caption>
<tr>
<th align="center" valign="middle" width="200" height="5">Structural formula</th>
<th align="center" valign="middle" width="200" height="5">Name</th>
<th align="center" valign="middle" width="200" height="5">Manufacturer</th>
<th align="center" valign="middle" width="100" height="5">Grade</th>
</tr>
<tr>
<td align="center" valign="middle" width="200" height="130"><img alt="" src="/images/2/2c/1.png.gif"/  width="160" height="100" border=""/></td>
<td align="center" valign="middle" width="200" height="130">Sulfo-NHS</td>
<td align="center" valign="middle" width="200" height="130">DOUJINDO</td>
<td align="center" valign="middle" width="100" height="130">200mg
</td>
</tr>
<tr>
<td align="center" valign="middle" width="200" height="130"><img alt="" src="/images/3/3b/FIT%EF%BC%92.png.gif" width="180" height="90" border=""/></td>
<td align="center" valign="middle" width="200" height="130">Tetraethyl orthosilicate<br>
(Tetraethoxysilane; TEOS)
</td>
<td align="center" valign="middle" width="200" height="130">Wako</td>
<td align="center" valign="middle" width="100" height="130">500mg</td>
</tr>
<tr>
<td align="center" valign="middle" width="200" height="130"><img alt="" src="/images/9/98/FIT%EF%BC%93.png.gif" width="180" height="90" border="" /></td>
<td align="center" valign="middle" width="200" height="50">3-aminopropyltriethoxysilane</td>
    <td align="center" valign="middle" width="200" height="50">Wako</td>
    <td align="center" valign="middle" width="100" height="50">25g</td>
</tr>
<tr>
<td align="center" valign="middle" width="200" height="130"><img alt="" src="/images/1/1f/FIT%EF%BC%94.png.png" width="230" height="120" border=""/></td>
<td align="center" valign="middle" width="200" height="130">1 - (3-dimethylaminopropyl) carbodiimide hydrochloride</td>
<td align="center" valign="middle" width="200" height="130">TGI</td>
<td align="center" valign="middle" width="100" height="130">5g</td>
</tr>
<tr>
<td align="center" valign="middle" width="200" height="130"><img alt="" src="/images/c/cf/FIT%E3%80%80%EF%BC%95.gif" width="150" height="100" border=""/></td>
<td align="center" valign="middle" width="200" height="130">N-N-dimethylformamide</td>
<td align="center" valign="middle" width="200" height="130">TGI</td>
<td align="center" valign="middle" width="100" height="130">200mg</td>
</tr>
<tr>
<td align="center" valign="middle" width="200" height="130"><img alt="" src="/images/0/0a/FIT_6.gif" width="145" height="90" border=""/></td>
<td align="center" valign="middle" width="200" height="130">Succinic anhydride</td>
<td align="center" valign="middle" width="200" height="130">Wako</td>
<td align="center" valign="middle" width="100" height="130">25g</td>
</tr>
<tr>
<td align="center" valign="middle" width="200" height="130"><img alt="" src="/images/7/73/FIT_7.gif" width="200" height="70" border=""/></td>
<td align="center" valign="middle" width="200" height="130">Cetyltrimethylammonium bromide</td>
<td align="center" valign="middle" width="200" height="130">Wako</td>
<td align="center" valign="middle" width="100" height="130">25g</td>
</tr>
<tr>
<td align="center" valign="middle" width="200" height="130"><img alt="" src="/images/c/c2/FIT_8.gif" width="180" height="90" border=""/></td>
<td align="center" valign="middle" width="200" height="130">MES
</td><td align="center" valign="middle" width="200" height="130">DOUJINDO
</td><td align="center" valign="middle" width="100" height="130">25g
</td>
</tr>
</table>
 
<br><br><br>
 
<table border="1" rules="rows" style="background-color:#ffffff;filter:alpha(opacity= 20);-moz-opacity: 0.5;opacity: 0.5;"
align="center" width="80%" height="200" hspace="3" vspace="3" bordercolor="#666666">
  <caption align="left">Table 3</caption>
  <tr>
  <th>Fluorescent molecule</th><th>Place</th><th>Excitation wavelength</th><th>Maximum fluorescence wavelength</th>
  </tr>
  <tr align="center" valign="middle">
  <td>TAMRA(red)</td><td>Sword</td><td>550nm</td><td>580nm</td>
  </tr>
  <tr align="center" valign="middle">
  <td>FITC(green)</td><td>Barrel</td><td>498nm</td><td>522nm</td>
  </tr>
</table>
 
<br><br><br>
 
<table style="background-color:#ffffff;filter:alpha(opacity= 20);-moz-opacity: 0.5;opacity: 0.5;"  border="1" align="center" width="90%" height="440" hspace="3" vspace="3" bordercolor="#666666">
<caption align="left">Apparatus</caption>
<tr>
<th align="center" valign="middle" width="100" height="50">Device name</th>
<th align="center" valign="middle" width="100" height="50">Manufacturer
Model number
</th>
<th align="center" valign="middle" width="200" height="50">Measurement condition </th>
<th align="center" valign="middle" width="200" height="50">Photograph</th>
        <th align="center" valign="middle" width="200" height="50">Explanations of equipment</th>
</tr>
<tr>
<td align="center" valign="middle" width="100" height="130">Spectrophotometer</td>
<td align="center" valign="middle" width="100" height="130">HITACHI F-2500</td>
<td align="center" valign="middle" width="200" height="130">WL Range:
450nm~650nm
Scanning Speed:
60nm/min
  </td>
<td align="center" valign="middle" width="200" height="130"><img alt="" src="/images/6/6d/FIT_9.png" width="150" height="130" border=""/>  </td>
     <td align="center" valign="middle" width="200" height="130">This device can see the concentration of the solution, the material characteristics, the structure of the molecule.  </td>
</tr>
<tr>
<td align="center" valign="middle" width="100" height="130">SEM</td>
<td align="center" valign="middle" width="100" height="130">KEYENC VE-7800</td>
<td align="center" valign="middle" width="200" height="130">WL Range:
450nm~650nm
Scanning Speed:
60nm/min
  </td>
<td align="center" valign="middle" width="200" height="130"><img alt="" src="/images/9/9f/FIT_10.png" width="150" height="130" border="">  </td>
     <td align="center" valign="middle" width="200" height="130">It is possible to significantly change the magnification easily. In addition, photography is possible.  </td>
</tr>
<tr>
<td align="center" valign="middle" width="100" height="130">Confocal laser scanning microscope
(CLSM)
</td>
<td align="center" valign="middle" width="100" height="130">Nikon ECLIPSE-Ti</td>
<td align="center" valign="middle" width="200" height="130">Ar-Laser (488nm)
Garvano mirror scanner
  </td>
<td align="center" valign="middle" width="200" height="130"><img alt="" src="/images/8/8e/FIT_11.png" width="150" height="130" border=""></td>
     <td align="center" valign="middle" width="200" height="130">It is possible to obtain a high resolution image in focus in the field of view for the entire sample surface with irregularities.
Three-dimensional shape measurement non-destructive, non-contact is possible
  </td>
</tr>
</table>
 
 
 
</center>
 
 
<br><br><br>
 
</font>
<hr>
</div>
</div>
</body>
</body>

Latest revision as of 17:43, 25 October 2014

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <style type="text/css" >

  1. dropmenu{
 list-style: none;
 width:900px;
 height: 55px;
 margin: 85px  auto 100px;
 padding: 0;
 background: #8a9b0f;
 border-bottom: 5px solid #535d09;
 border-radius: 3px 3px 0 0;

}

  1. dropmenu li{
 position: relative;
 width: 16.666666666666%;
 float: left;
 margin: 0;
 padding: 0;
 text-align: center;

}

  1. dropmenu li a{
 display: block;
 margin: 0;
 padding: 15px 0 11px;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 line-height: 1;
 text-decoration: none;

}

  1. dropmenu li:hover > a{
 background: #6e7c0c;
 color: #eff7b1;

}

  1. dropmenu > li:hover > a{
 border-radius: 3px 3px 0 0;

}

  1. dropmenu li ul{
 list-style: none;
 position: absolute;
 top: 100%;
 left: 0;
 margin: 0;
 padding:0;
 border-radius: 0 0 3px 3px;

}

  1. dropmenu li ul li{
 overflow: hidden;
 width: 100%;
 height:0;
 color: #fff;
 -moz-transition: .2s;
 -webkit-transition: .2s;
 -o-transition: .2s;
 -ms-transition: .2s;
 transition: .2s;

}

  1. dropmenu li ul li a{
 padding: 13px 15px;
 background: #6e7c0c;
 text-align: left;
 font-size: 16px;
 font-weight: normal;

}

  1. dropmenu li:hover ul li{
 overflow: visible;
 height: 43px;
 border-top: 1px solid #7c8c0e;
 border-bottom: 1px solid #616d0b;

}

  1. dropmenu li:hover ul li:first-child{
 border-top: 0;

}

  1. dropmenu li:hover ul li:last-child{
 border-bottom: 0;

}

  1. dropmenu li:hover ul li:last-child a{
 border-radius: 0 0 3px 3px;

}

hr {

border-width: 0px 0px 0px 0px;
border-style: solid;
height: 0px;
}


</style> </head>

<body>


<img src="/images/4/46/Fitaologo.PNG" alt" alt="" width="422" height="98" hspace="0" align="left">




  • <a href="http://openwetware.org/wiki/Biomod/2014/Fukuoka#home">Home</a>
  • <a href="fit_Introduction.html#pro">Projects</a>
    • <a href="fit_Introduction.html#back">background & Motivation</a>
    • <a href="fit_Introduction.html#goal">Goals</a>
  • <a href="fit_Approach and Goals.html#des">Design</a>
    • <a href="fit_Approach and Goals.html#ear">Early Design</a>
    • <a href="fit_Approach and Goals.html#fin">Final Design</a>
  • <a href="fit_Method.html#met">Method</a>
    • <a href="fit_Method.html#a">Barrel particle</a>
    • <a href="fit_Method.html#b">DNA modified</a>
    • <a href="fit_Method.html#c">樽と人形の結合</a>
    •    
    • <a href="fit_Method.html#d">樽人形剣</a>
    •    
    • <a href="fit_Method.html#e">Material</a>
  • <a href="fit_Results and Discussion.html#">Result and Discassions</a>
    • <a href="fit_Results and Discussion.html#a">Barrel particle and Doll particle</a>
    • <a href="fit_Results and Discussion.html#b">DNA modified</a>
    • <a href="fit_Results and Discussion.html#c">樽と人形の結合</a>
    • <a href="fit_Results and Discussion.html#d">樽人形剣</a>
    •    
    • <a href="fit_Results and Discussion.html#e">Conclusion</a>
  • <a href="fit_Member.html#team">Team</a>
    • <a href="fit_Member.html#men">Menber</a>
    • <a href="fit_Member.html#spo">Sponsor</a>



Abstract

  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb






Material
Structural formula Name Manufacturer Grade
<img alt="" src="/images/2/2c/1.png.gif"/ width="160" height="100" border=""/> Sulfo-NHS DOUJINDO 200mg
<img alt="" src="/images/3/3b/FIT%EF%BC%92.png.gif" width="180" height="90" border=""/> Tetraethyl orthosilicate

(Tetraethoxysilane; TEOS)

Wako 500mg
<img alt="" src="/images/9/98/FIT%EF%BC%93.png.gif" width="180" height="90" border="" /> 3-aminopropyltriethoxysilane Wako 25g
<img alt="" src="/images/1/1f/FIT%EF%BC%94.png.png" width="230" height="120" border=""/> 1 - (3-dimethylaminopropyl) carbodiimide hydrochloride TGI 5g
<img alt="" src="/images/c/cf/FIT%E3%80%80%EF%BC%95.gif" width="150" height="100" border=""/> N-N-dimethylformamide TGI 200mg
<img alt="" src="/images/0/0a/FIT_6.gif" width="145" height="90" border=""/> Succinic anhydride Wako 25g
<img alt="" src="/images/7/73/FIT_7.gif" width="200" height="70" border=""/> Cetyltrimethylammonium bromide Wako 25g
<img alt="" src="/images/c/c2/FIT_8.gif" width="180" height="90" border=""/> MES DOUJINDO 25g




Table 3
Fluorescent moleculePlaceExcitation wavelengthMaximum fluorescence wavelength
TAMRA(red)Sword550nm580nm
FITC(green)Barrel498nm522nm




                 
Apparatus
Device name Manufacturer

Model number

Measurement condition Photograph Explanations of equipment
Spectrophotometer HITACHI F-2500 WL Range:

450nm~650nm Scanning Speed: 60nm/min

<img alt="" src="/images/6/6d/FIT_9.png" width="150" height="130" border=""/> This device can see the concentration of the solution, the material characteristics, the structure of the molecule.
SEM KEYENC VE-7800 WL Range:

450nm~650nm Scanning Speed: 60nm/min

<img alt="" src="/images/9/9f/FIT_10.png" width="150" height="130" border=""> It is possible to significantly change the magnification easily. In addition, photography is possible.
Confocal laser scanning microscope

(CLSM)

Nikon ECLIPSE-Ti Ar-Laser (488nm)

Garvano mirror scanner

<img alt="" src="/images/8/8e/FIT_11.png" width="150" height="130" border="">It is possible to obtain a high resolution image in focus in the field of view for the entire sample surface with irregularities.

Three-dimensional shape measurement non-destructive, non-contact is possible







</body>