基礎ゼミチーム/basic seminar team/design: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 358: Line 358:


<h2>Selector</h2>
<h2>Selector</h2>
<img src="">
<img src="http://openwetware.org/images/thumb/1/12/Illust12.png/800px-Illust12.png" width="700px" height="446px">
<p></p>
<p></p>



Revision as of 03:04, 2 September 2012

<html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <title>BIOMOD 2012 Tohoku basic seminar team Wiki</title>

<script language="JavaScript">

</script>



<style type="text/css"> @charset "Shift_JIS";

/* CDP 001 css 06/12/1 */ /* Copyright (c) 2006 WebDesignTemplates[http://wdt.pekori.jp] All rights reserved. */

/* default */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} /* fonts(Yahoo UI) */ body { font: 13px arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } table { font-size: inherit; font: 100%; } select,input,textarea { font: 99% arial,helvetica,clean,sans-serif; }

/* 全体設定 */ html {

} body { } body#INDEX { } div#PAGETOP { width: 100%; font-size: 100%; color: #454341; } hr { display: none; } a:link { color: #414191; } a:visited { color: #414161; } a:hover { color: #914141; } a:active { color: #914141; }

/* ヘッダー */ div#HEADER { margin-bottom: 20px; border-top: solid 4px #595956; border-bottom: double 3px #FFFFFF; background: #DCDCDA; } h1#wiki-mode1 { padding: 0.3em 1em 0.3em 21px; font-size: 167%; letter-spacing: 0.2em; color: #9A4414; } ul#PAN { position: absolute; top: 10px; right: 0px; text-align: right; }

  1. INDEX ul#PAN{

display: none; }

  1. PAN li{

display: inline; }

  1. PAN a{

text-decoration: none; }

  1. PAN a:after{

content: "->"; }

/* メニュー */ div#MENU { width: 210px; float: left; }

  1. MENU h2{

width: 150px; margin: 0 20px 1em 20px; padding: 0.2em 10px; border: none; font-size: 107%; letter-spacing: 0.2em; color: #BA7464; }

  1. MENU ul{

width: 170px; margin: 0 20px 1em 20px; border-bottom: double 3px #FBFBFA; }

  1. MENU li{

margin-bottom: 15px; padding-top: 0.1em; background: #FBFBFA; }

  1. MENU li.menu-on {

background: #ECECEA; }

  1. MENU li a{

display: block; width: 150px; padding: 0.4em 10px 0.4em 10px; border-bottom: dotted 2px #DCDCDA; font-weight: bold; text-decoration: none; }

  1. MENU li a:hover,#MENU li a:active{

border-bottom: solid 2px #BA8474; text-decoration: none; }

/* 記事部分 */ div#KIZI { margin: 0 20px 0 210px; padding: 0 0 0 20px; border-left: solid 10px #FBFBFA; } div#KIZI h2 { padding: 0.3em 0; border-bottom: solid 1px #CCCCCA; color: #BA7464; font-size: 122%; letter-spacing: 0.2em; } div.text { margin: 0.5em 2.5em 1.5em 0; line-height: 1.7; } .text p { margin-bottom: 1em; } h3 { padding: 0.6em 0 0.4em 0; letter-spacing: 0.1em; } h4 { padding: 0.5em 0 0.2em 0; letter-spacing: 0.1em; } h5,h6 { padding: 0.4em 0 0.2em 0; } .text ul.modori { text-align: right; font-size: 85%; list-style: none; } .modori a:link,.modori a:visited{ color: #BA7464; }

/* リスト */ .text ol { margin: 0 0 1em 35px; list-style: decimal; } .text ul { margin: 0 0 1em 35px; list-style: square; } dl { margin: 0 0 1em 5px; } dt { color: #9A5434; font-weight: bold; } dd { margin: 0 1em 1em 1.5em; }

/* フッター */ div#FOOTER { width: 100%; clear: left; text-align: right; margin-top: 20px; border-top: double 3px #FFFFFF; border-bottom: solid 6px #595956; background: #DCDCDA; }

  1. FOOTER h2 {

display: none; }

  1. FOOTER ul {

padding: 0.8em 2em; }

  1. FOOTER li {

display: inline; padding: 0 0.5em; font-size: 92%; }

  1. FOOTER a{

text-decoration: none; } address { display: inline; }

/* 強調・追加・削除 */ em { font-weight: bold; } strong{ font-weight: bold; color: #814121; } ins { text-decoration: underline; } del { text-decoration: line-through; }

/* フォーム */

input { margin-top: 0.5em; } input#TEXT { border: solid 1px #CCCCCA; } input#BUTTON { padding: 1px 0.5em; border: double 3px #CCCCCA; background: #EDEDEA; } textarea { margin-top: 0.5em; border: solid 1px #CCCCCA; } select { margin-top: 0.5em; border: solid 1px #CCCCCA; }

/* 引用 */ blockquote { padding-left: 0.8em; margin: 1em; border-left: 2px dashed #EAEAED; } cite,q { text-decoration: underline; }

/* 整形済みテキスト */ pre { padding: 0.3em; border: solid 1px #DADADC; font-size: 92%; font-family: monospace; }

/* 物理要素 */ b { font-weight: bold; } /* 太字 */ i { font-style: italic; } /* 斜体 */ big { font-size: 107%; } /* 文字大 */ small { font-size: 85%; } /* 文字小 */ tt { font-family: monospace; } /* 等幅 */ </style> </head> <body id="INDEX"> <div id="PAGETOP">


<!--================--> <!--  ヘッダー  --> <!--================--> <div id="HEADER"> <h1 id="wiki-mode1">BIOMOD基礎ゼミチーム Wiki</h1> <ul id="PAN">

 <li>index</li>

</ul> </div> <hr>


<!--================--> <!--  メニュー  --> <!--================--> <div id="MENU"> <h2>menu</h2>

<ul>
  <li id="MENU01" class="menu-on"><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">TOP</a></li>
  <li id="MENU02"><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">Design</a></li>
  <li id="MENU03"><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">Diary</a></li>
  <li id="MENU04"><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">Experiment result</a></li>
  <li id="MENU05"><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">Member</a></li>
  <li id="MENU06"><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">Link</a></li>  

</ul> </div> <hr>


<!--================--> <!--  記事部分  --> <!--================--> <div id="KIZI"> <h2>D-NApper</h2>

<div style="background-color:#bbb;margin:20px 100px 20px 100px;text-align:center;"> <img src="http://openwetware.org/images/4/41/Illust10-1.png" width="538px" height="406px"><br> The illustration of our robot, "D-NApper" </div>

<div class="text"> <p> <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. The interior of more inner "Selector" is more complementary to the target.

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 our robot. Next, "Selector 2" receives the target DNA from "Selector 1". And "Selector 3" receives. 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 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 require a lid so that nothing would come in from the back. So we arrange loop and tournament structures symmetrically. </p>

<h2>Selector</h2> <img src="http://openwetware.org/images/thumb/1/12/Illust12.png/800px-Illust12.png" width="700px" height="446px"> <p></p>


<ul class="modori">

 <li><a href="#PAGETOP">TOP</a></li>

</ul>

</div> <hr> <!-- <h2>注意事項</h2> <div class="text"> <h3>文法記述</h3> <p></p> <ul class="modori">

 <li><a href="#PAGETOP">TOP</a></li>

</ul> </div> --> <hr>

<h2>履歴</h2> <div class="text">

<dl>
  <dt></dt>
  <dd></dd>
</dl>

<ul class="modori">

 <li><a href="#PAGETOP">TOP</a></li>

</ul> </div> <hr>

</div>


<!--================--> <!--  フッター  --> <!--================--> <div id="FOOTER"> <h2>連絡先</h2> <ul>

<li id="FOOTER01"><a href="#PAGETOP">TOP</a></li>
<li id="FOOTER02"><address><a href="mailto:mail@address.com">mail</a></address></li>
<li id="FOOTER03"><address><a href="http://css.poromeria.com/">CSS Designplate</a></address></li>

</ul> </div>

</div> <a href=""></a>

</body> </html>