Team:Chiba/Internal/foredit

From 2008.igem.org

(Difference between revisions)

Revision as of 14:28, 14 December 2008

>戻る

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

Wiki操作はだいたい*wikipedia-Wikiの編集の仕方を参照すればできますが、ちょっとした補足をこのページで行いたいと思います。

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

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

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

基本操作

みんなで編集しよう！

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

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

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

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

注意点

日本語入力をしない！

このページは日本語用ぺージ（と勝手に決めている）なので日本語を使っていますが、大会用のページには日本語入力はできません。

例えば℃を日本語の"℃"で入力すると、海外のPCでは文字化けが起こります。常に英語で"°C"と入力するように心がけましょう。

盲点として、数字や（かっこ）、および！マークなども要注意です！！

小文字を使う！

例えば"dH₂O"。多少めんどうですが"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では以下のようなものを使っています。

ノート|}

テーブルの作り方

以下のように入力すると

＜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>

左側コンテンツの内容

</td>

＜td width="1%">

＜!-- spacing --></td><td width="24%" valign="top">

右側コンテンツのタイトル

＜/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
M	T	W	T	F	S	S
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	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>日

@@ Line 35: / Line 35: @@
 ==基本技==
+===リンクバーの作り方===
+ ｛| style="color:white（文字色）;" cellpadding="3" cellspacing="3" border="0" width="100%（バーの幅）"
+ align="center" class="menu" |
+ !align="center"|[[Team:Chiba/j|ホーム]]（リンク先１）
+ !align="center"|[[Team:Chiba/Team/j|メンバー紹介]]（リンク先２）
+ !align="center"|[[Team:Chiba/Project/j|プロジェクト紹介]]（リンク先３）
+　…
+ |}
+と入力しています。特にChibaのWikiでは以下のようなものを使っています。
+{|style="color:white;" cellpadding="3" cellspacing="3" border="0" width="100%" align="center" class="menu" |
+!align="center"|[[Team:Chiba/j|ホーム]]
+!align="center"|[[Team:Chiba/Team/j|メンバー紹介]]
+!align="center"|[[Team:Chiba/Project/j|プロジェクト紹介]]
+!align="center"|[[Team:Chiba/Parts/j|作成したDNAパーツ]]
+!align="center"|[[Team:Chiba/Internal|ノート]]|}
 ===テーブルの作り方===
 以下のように入力すると
@@ Line 68: / Line 87: @@
 このように表示されます。便利なので実験ノートに使ってみてください。
+===よく使ってるテーブル的な背景の作り方===
+%の部分はテーブルやテーブルの隙間の幅のサイズを示しています。
+ ＜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>
 ===スタイルシート===