Team:Chiba/Internal/foredit

From 2008.igem.org

(Difference between revisions)
(→基本技)
(→基本技)
Line 36: Line 36:
==基本技==
==基本技==
===リンクバーの作り方===
===リンクバーの作り方===
-
  ｛| style="color:white（文字色）;" cellpadding="3" cellspacing="3" border="0" width="100%（バーの幅）"  
+
  ｛| style="color:white（文字色）;" cellpadding="3" cellspacing="3" border="0" width="100%（バーの幅）" align="center" class="menu" |
-
align="center" class="menu" |
+
  ！align="center"|[[Team:Chiba/j|ホーム]]（リンク先１）
-
  !align="center"|[[Team:Chiba/j|ホーム]]（リンク先１）
+
  ！align="center"|[[Team:Chiba/Team/j|メンバー紹介]]（リンク先２）
-
  !align="center"|[[Team:Chiba/Team/j|メンバー紹介]]（リンク先２）
+
  ！align="center"|[[Team:Chiba/Project/j|プロジェクト紹介]]（リンク先３）
-
  !align="center"|[[Team:Chiba/Project/j|プロジェクト紹介]]（リンク先３）
+
　…
　…
-
  |}
+
  |｝
と入力しています。特にChibaのWikiでは以下のようなものを使っています。
と入力しています。特にChibaのWikiでは以下のようなものを使っています。

Revision as of 14:29, 14 December 2008

>戻る

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


Wiki操作はだいたい*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>
左側コンテンツの内容
</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
MTWTFSS
  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>日
Retrieved from "http://2008.igem.org/Team:Chiba/Internal/foredit"