Team:Chiba/Internal/foredit

From 2008.igem.org

>戻る

iGEM用Wikiの編集のための小技(?)＆基本手順紹介ページです。


Wiki操作はだいたい*[http://ja.wikipedia.org/wiki/Wikipedia:%E7%B7%A8%E9%9B%86%E3%81%AE%E4%BB%95%E6%96%B9#.E7.94.BB.E5.83.8F.E3.83.BB.E9.9F.B3.E5.A3.B0.E3.83.BB.E5.8B.95.E7.94.BB wikipedia-Wikiの編集の仕方]を参照すればできますが、ちょっとした補足をこのページで行いたいと思います。

どうやらiGEMのWikiは普通のWikiと違い、使えないタグなどもあるようです。


ここで紹介する入力例の最初の"<"は例として表示するために日本語入力の"＜"になっています。

そのままコピペしても使えないのでご注意ください。


Contents

基本操作

みんなで編集しよう！

ユーザ名、パスワードを入力してログイン！

あとは画面左上のeditボタンを押せば、Wiki編集スタートです！

書きたいことを入力し終わったら、まずはShow overviewボタンで完成図を確認。

それで大丈夫そうなら、Save Pageボタンを押して編集完了！とっても簡単よ！


注意点

  • 日本語入力をしない！
このページは日本語用ぺージ（と勝手に決めている）なので日本語を使っていますが、大会用のページには日本語入力はできません。
例えば℃を日本語の"℃"で入力すると、海外のPCでは文字化けが起こります。常に英語で"°C"と入力するように心がけましょう。
盲点として、数字や（かっこ）、および！マークなども要注意です！！
  • 小文字を使う！
例えば"dH2O"。多少めんどうですが"dH＜sub>2</sub＞O"と入力すればすぐ表示されます。

基本技

リンクバーの作り方

｛| style="color:white（色）;
" cellpadding="3" cellspacing="3" border="0" width="100%（バーの幅）" align="center" class="menu" |
！align="center"|（リンク先１）
！align="center"|（リンク先２）
！align="center"|（リンク先３）
…
|｝

と入力しています。特にChibaのWikiでは以下のようなものを使っています。

ホーム メンバー紹介 プロジェクト紹介 作成したDNAパーツ ノート

テーブルの作り方

以下のように入力すると 

＜table width="315" border="2" cellpadding="0" cellspacing="0" bordercolor="#000000"><tr>
<td width="50">井山</td>
<td width="257">Edinburgh 2006 </td>
</tr>
<tr>
<td>杉山</td>
<td>Mississippi state 2006 </td>
</tr>
<tr>
<td>香取</td>
<td>toronto 2006 </td>
</tr>
</table>


井山 Edinburgh 2006
杉山 Mississippi state 2006
香取 toronto 2006

このように表示されます。便利なので実験ノートに使ってみてください。


よく使ってるテーブル的な背景の作り方

%の部分はテーブルやテーブルの隙間の幅のサイズを示しています。 

＜table border=0 width="100%">＜tr>＜td width="75%" valign="top">
＜div style="background:#aaaaaa;padding:3px;">
左側コンテンツのタイトル
＜/div>＜div style="background:#dddddd;padding:5px;">
左側コンテンツの内容
</div></td>
＜td width="1%">
＜!-- spacing --></td>
＜td width="24%" valign="top">＜div style="background:#aaaaaa; padding:3px;">
右側コンテンツのタイトル
＜/div>
＜div style="background:#dddddd;padding:5px;">
右側コンテンツの内容
</div></td></tr></table>

スタイルシート

Chiba2008のWikiは以下のスタイルシートで統一しています。 ページを編集する際は、このスタイルシートをページの頭に貼り付けてから編集してください。 

＜html><link rel="stylesheet" href="https://2008.igem.org/wiki/index.php?
title=User:Maiko/chiba.css&action=raw&ctype=text/css" type="text/css" /></html>


簡易スタイルシート

あまり使わないとは思いますが一応紹介まで。

スタイルシートの内容の一例

  • 文字の色を変える 
＜html><head><style type="text/css"> 
＜!--
h1 { color: red; } 
p { color: green; } 
--> 
</style></head><body> 
＜h1>この文字は赤になります</h1> 
＜p>この文字は緑になります</p> 
＜p>この文字も緑です</p> 
＜p>しつこいけどこの文字も緑です</p> 
</body> 
</html>


  • 文字のサイズを変える 
＜html><head><style type="text/css"> 
＜!-- 
p {font-size: 200%; 
font-weight: bold; 
font-family: "Century Gothic","ＭＳ 明朝",serif; } 
--> 
</style></head><body> 
＜p>明朝体のフォントが出るはずなんですが…試した結果ここのWikiじゃだめみたいです。英語だけ変化しました。</p></body></html>

カレンダー

｛{#calendar: title=カレンダーの名前 |year=2008（表示したい西暦） | month=04（表示したい月）}}

ChibaのWikiで使っている以下のカレンダーはこのタイトル部分に"Team:Chiba/Calendar-Home"と入力したものです。


April
MTWTFSS
  [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/1_April_2008&action=edit 1] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/2_April_2008&action=edit 2] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/3_April_2008&action=edit 3] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/4_April_2008&action=edit 4] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/5_April_2008&action=edit 5] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/6_April_2008&action=edit 6]
[http://2008.igem.org/Team:Chiba/Calendar-Home/7_April_2008 7] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/8_April_2008&action=edit 8] [http://2008.igem.org/Team:Chiba/Calendar-Home/9_April_2008 9] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/10_April_2008&action=edit 10] [http://2008.igem.org/Team:Chiba/Calendar-Home/11_April_2008 11] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/12_April_2008&action=edit 12] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/13_April_2008&action=edit 13]
[http://2008.igem.org/Team:Chiba/Calendar-Home/14_April_2008 14] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/15_April_2008&action=edit 15] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/16_April_2008&action=edit 16] [http://2008.igem.org/Team:Chiba/Calendar-Home/17_April_2008 17] [http://2008.igem.org/Team:Chiba/Calendar-Home/18_April_2008 18] [http://2008.igem.org/Team:Chiba/Calendar-Home/19_April_2008 19] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/20_April_2008&action=edit 20]
[http://2008.igem.org/Team:Chiba/Calendar-Home/21_April_2008 21] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/22_April_2008&action=edit 22] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/23_April_2008&action=edit 23] [http://2008.igem.org/Team:Chiba/Calendar-Home/24_April_2008 24] [http://2008.igem.org/Team:Chiba/Calendar-Home/25_April_2008 25] [http://2008.igem.org/Team:Chiba/Calendar-Home/26_April_2008 26] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/27_April_2008&action=edit 27]
[http://2008.igem.org/Team:Chiba/Calendar-Home/28_April_2008 28] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/29_April_2008&action=edit 29] [http://2008.igem.org/wiki/index.php?title=Team:Chiba/Calendar-Home/30_April_2008&action=edit 30]


カウントダウン

iGEMにはたくさんの重要な締め切りがあります！

忘れずに期限を守るためにもこのカウントダウン機能は有効です！

Wiki凍結(10/29)まで 日

これを表示させるには以下のような入力が必要になります。 ちなみに期限が過ぎるとマイナス表示になります。 


Wiki凍結(10/29)まで
 ＜script type="text/javascript">＜!-- today = (new Date()).getTime();
 jamboree = new Date(2008, 9, 29, 23, 59, 59, 999);
 document.write('' + Math.ceil((jamboree-today)/(1000*60*60*24)) + '');
 // -->＜/span>
 ＜/html>日
Retrieved from "http://2008.igem.org/Team:Chiba/Internal/foredit"