基礎ゼミチーム/basic seminar team/design
<html><head> </head> <style type="text/css"> /* 一番外側のboxのかこいです。幅1000px、高さ2000px */
- wrapper{
width:1000px; /*height:2000px;*/ }
/* タイトルのboxです。内側は上に10px、左側30px*/
div#head-1{
color:#008000;
font-size:30px;
width:970px;
height:40px;
padding:10px 0px 0px 30px;
}
/* タイトル下の太めアンダーライン 枠が3px X 2で6pxずらしてる */
- head-under{
height:7px; width:994px; border-style:solid; border-width:3px; border-color:#98FB98; background-color:#008000; }
/* メニューの外枠 */
div#menu{
width:1000px;
height:40px;
text-align:center;
padding:8px 0px;
font-size:22px;
}
/* リンクボタン左端 線なしなので200px */ div#HOME{ width:140px; height:30px; float:left; }
/* リンクボタン線あり 線の幅2pxと中の枠198px */ div#bottun{ width:138px; height:30px; border-style:solid; border-width:0px 0px 0px 2px; float:left; }
/* リンクボタン */ a:link{ color:black; }
/* リンクボタン 押したことのあるやつの色 */ a:visited{ color:#777; }
/* カーソル置いた時の変化 背景が変わる */ a:hover div{ background-color:#eee; }
/* ヘッドの下の細い線 */
- under-line{
clear:left; width:1000px; height:4px; background-color:green; margin:6px 0px; }
/*ここまでヘッドのスタイルシート*/
/* タイトルの配置 */
- line-title{
width:912px; height:30px; float:left; margin:10px 0px 0px 30px; }
/* タイトル文字 */
font#head{
valign:bottom;
font-size:27px;
color:#8B4513;
}
/* 左上の白いBOX */
- line1
{ background-color:white; float:left; width:28px; height:40px; }
/*左真ん中の色つき横側線*/
- line2{
background-color:#FF4500; width:20px; height:40px; float:left; }
/* 真ん中左の空白 */
- line2-5{
clear:left; float:left; width:20px; height:6px; background-color:white; }
/* 真ん中の細長線*/
- line3{
height:6px; background-color:#FF4500; width:950px; float:left; }
/* 下側左の空白 */
- line4{
background-color:white; width:28px; height:5px; float:left; clear:left; }
/*下真ん中の色つき縦線 */
- line5{
background-color:#FF4500; width:20px; height:5px; float:left; }
/* した右側の空白 */
- line6{
background-color:white; width:932px; height:5px; float:left; }
/* タイトル下空白 */
- yohaku{
width:1000px; clear:left; height:7px; }
/* 記事左側余白 */
- kiji-line1{
width:36px; background-color:white; float:left; clear:left; height:2px; }
/* 記事左側色つき線 */
- kiji-line2{
width:3px; float:left; height:500px; background-color:#8B4513; }
/* 記事内容 幅931px＋マージン15px×2＋3px＋36px ＝ 1000px */
- kiji{
width:931px; /*height:500px;*/ float:left; background-color:white; padding:15px; border-style:solid; border-width:0px 0px 3px 3px; border-color:#8B4513; }
</style>
<body>
<div id="wrapper">
<!-- ここから大枠 -->
<div id="head-1"> BIOMOD2012 Tohoku Team B </div>
<div id="head-under"></div>
<!-- メニューバーの囲い -->
<div id="menu">
<div style="float:left;width:10px;height:30px;">
</div>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team"><div id="HOME">
HOME
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/project"><div id="bottun">
Project
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/design"><div id="bottun">
Design
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/experiment_result"><div id="bottun">
Experiment
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/diary"><div id="bottun">
Diary
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/member">
<div id="bottun">
Team
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/link">
<div id="bottun">
Link
</div></a>
<div style="float:left;width:10px;height:30px;"></div>
<br>
<div id="under-line"> </div>
</div>
<div id="line1"></div> <div id="line2"></div>
<div id="line-title"> <font id="head">Our Robot, "D-NApper" </font> </div> <div id="line2-5"></div> <div id="line3"></div>
<div id="line4"></div> <div id="line5"></div> <div id="line6"></div>
<div id="yohaku"></div> <div id="kiji-line1"></div> <div id="kiji"> <img src="http://openwetware.org/images/4/41/Illust10-1.png" width="538px" height="406px"><br> <font size="5">W</font>e're making a molecular robot that can capture an object DNA and put it inside the robot.<br> Our robot has the function we named "Selector".<br> <br> <font size="5">"S</font>elector" is single-stranded DNA which has complementary sequences to the "Target DNA" here and there, and consecutive adenine sequences in other portion. We have three "Selectors", and the inner "Selector" attaches to the target more strongly.
When "Selector 1" catches the "Target DNA", the left sequences (which are not complementary and do not attach to the object) make loops. Then the structure shrinks and becomes shorter.<br>
<br> <font size="5">T</font>hanks to "Selector 1", the robot can select and draw the target DNA close to the robot. Next, "Selector 2" receives the target DNA from "Selector 1". And "Selector 3" receives the target from "Selector 2". Thanks to "Selector 2" and "Selector 3", the robot can deliver only the object inside certainly.<br> <br> <font size="5">T</font>hen, we will explain the body structure containing these functions.<br> We design the robot like a tube of hexagonal base. In case it is too difficult to form and observe, we also design a triangle prism body. As for the latter shape, we made the same kind of structure last year. We've acquired some know-how of it.<br> <br> <font size="5">W</font>e think the robot should have a lid so that nothing would come in from the back. So we arrange "Selectors" symmetrically.<br> <img src="http://openwetware.org/images/thumb/1/12/Illust12.png/800px-Illust12.png" width="600px" height="382px"> </div>
<div id="yohaku"></div>
<!-- ここまで大枠 -->
</div>
</body>
</html>
