Team:KIT-Kyoto/かずこ

From 2012.igem.org

(Difference between revisions)
m
m
Line 3: Line 3:
<body>
<body>
<div id="NAKAMI">
<div id="NAKAMI">
-
<h1>MEMO</h1>
+
<h1><font color="red">♥</font>MEMO</h1>
:)アコーディオン...ナビで動くかっこいやつ2012度版<a href="https://2012.igem.org/Team:KIT-Kyoto/Template/header">→ソース</a>
:)アコーディオン...ナビで動くかっこいやつ2012度版<a href="https://2012.igem.org/Team:KIT-Kyoto/Template/header">→ソース</a>
<br>
<br>
Line 16: Line 16:
:)実験ノート、Protocol、2011年度。<a href="https://2012.igem.org/Team:KIT-Kyoto/足立">→</a>
:)実験ノート、Protocol、2011年度。<a href="https://2012.igem.org/Team:KIT-Kyoto/足立">→</a>
<br>
<br>
-
<h1>How to upload lab note 2012</h1>
+
<h1><font color="red">♥</font>How to upload Notebook 2012</h1>
<font color="red" size="3">このページのタグをコピーしてもかな打ちなので反映されません!!もしコピーするならソースをコピペ。</font>
<font color="red" size="3">このページのタグをコピーしてもかな打ちなので反映されません!!もしコピーするならソースをコピペ。</font>
 +
<br>
 +
<br>
 +
注意すべき記号…°C(このままコピペして!)
 +
<br>
<br>
<br>
<strong>1.</strong>URLに<font color="#e95295">https://2012.igem.org/Team:KIT-Kyoto/Notebook-名前</font>と打って新しい自分専用ページを作る。
<strong>1.</strong>URLに<font color="#e95295">https://2012.igem.org/Team:KIT-Kyoto/Notebook-名前</font>と打って新しい自分専用ページを作る。
Line 26: Line 30:
<br>
<br>
基本的にはすべて<…>〜</…>。
基本的にはすべて<…>〜</…>。
-
例外は改行タグ。編集画面で改行しただけでは、改行されないので<br>を入れる。
+
Exception!!改行タグ。編集画面で改行しただけでは、改行されないので<font color="#e95295"><br></font>を入れる。
-
<li><h1>…見出しタグ。数字を変えると、<h1>1</h1><h2>2</h2><h3>3</h3><h4>4</h4>な感じで大きさが変わる。</li>
+
<li><font color="#e95295"><h1></font>…見出しタグ。数字を変えると、<h1>1</h1><h2>2</h2><h3>3</h3><h4>4</h4>な感じで大きさが変わる。</li>
-
<li><img src="">…画像読み込み。画像をuploadして""内にURLを貼る。大きさをかえたいきはスペース入れてwidth="" height=""を入れる。</li>
+
<li><font color="#e95295"><img src=""></font>…画像読み込み。画像をuploadして""内にURLを貼る。大きさをかえたいきはスペース入れてwidth="" height=""を入れる。</li>
-
<li><table border><tr><td>…表作るのに必要なタグ。もし4×3の表をつくりたい時は、
+
<li><font color="#e95295"><table border><tr><td></font>…表作るのに必要なタグ。もし4×3の表をつくりたい時は、
<br>
<br>
<br>
<br>
Line 55: Line 59:
<br>
<br>
</li>
</li>
-
<li><font color="色" size="数字">でフォント関係の設定。色はカラーコードでも、標準カラーならred、greenとか打っても反映されます。</li>
+
<li><font color="#e95295"><font color="色" size="数字"></font>でフォント関係の設定。色はカラーコードでも、標準カラーならred、greenとか打っても反映されます。</li>
-
<li><I>は斜体にする。<strong>は強調。</li>
+
<li><font color="#e95295"><I></font>は斜体にする。<font color="#e95295"><strong></font>は強調。</li>
-
<li><a href="">…</a>リンクをはるタグ。画像タグと組み合わせることで画像にリンクをはれます。→<a href=""><img src=""></a>
+
<li><font color="#e95295"><a href="">…</a></font>リンクをはるタグ。画像タグと組み合わせることで画像にリンクをはれます。→<font color="#e95295"><a href=""><img src=""></a></font>
 +
</li>
 +
<li><font color="#e95295"><sub></font>…化学反応式に必要。もし水の生成の式を書きたいなら、
 +
<br>
 +
<br>
 +
2H<sub>2</sub>+O<sub>2</sub>→2H<sub>2</sub>って書くと、2H<sub>2</sub>+O<sub>2</sub>→2H<sub>2</sub>O のようになります。
</li>
</li>
-
 
+
<h1><font color="red">♥</font>Macのショートカット</h1>
-
<h1>Macのショートカット</h1>
+
command+C=コピー
command+C=コピー
<br>
<br>
Line 69: Line 77:
command+A=ページ全てコピー
command+A=ページ全てコピー
<br>
<br>
-
Shift+Delete=Backspace
+
control+D=Delete
-
<h1>役に立ったサイト</h1>
+
<h1><font color="red">♥</font>役に立ったサイト</h1>
colorのとこにコピペすればいいだけ→<a href="http://www.colordic.org/w/">日本の伝統色</a>
colorのとこにコピペすればいいだけ→<a href="http://www.colordic.org/w/">日本の伝統色</a>
<br>
<br>

Revision as of 03:28, 26 August 2012

MEMO

:)アコーディオン...ナビで動くかっこいやつ2012度版→ソース
:)Wikiの全体の配置を決めてるテンプレート2012年度版→ソース
:)Top画像のスライドショーのテンプレート→ソース
:)2010年編集ページ
:)いちいち飛ぶのがめんどくさくてボツにした
:)実験ノート、Protocol、2011年度。

How to upload Notebook 2012

このページのタグをコピーしてもかな打ちなので反映されません!!もしコピーするならソースをコピペ。

注意すべき記号…°C(このままコピペして!)

1.URLにhttps://2012.igem.org/Team:KIT-Kyoto/Notebook-名前と打って新しい自分専用ページを作る。
2.上の編集ボタンから内容をつくる。文字を打つだけじゃページは真っ白、<html>〜</html>(すべて英数)でくくること。
3.最低限必要なタグ一覧。しめくくる順番間違うとくずれることあります;(
基本的にはすべて<…>〜</…>。 Exception!!改行タグ。編集画面で改行しただけでは、改行されないので<br>を入れる。
  • <h1>…見出しタグ。数字を変えると、

    1

    2

    3

    4

    な感じで大きさが変わる。
  • <img src="">…画像読み込み。画像をuploadして""内にURLを貼る。大きさをかえたいきはスペース入れてwidth="" height=""を入れる。
  • <table border><tr><td>…表作るのに必要なタグ。もし4×3の表をつくりたい時は、

    <Tr><Td>1行1列(・ω<)</Td><Td>1行2列(●´ω`●)>/Td><Td>1行3列(*´ェ`*)</Td></Tr>
    <Tr><Td>2行1列(・・*)</Td><Td>2行2列(๑′ᴗ‵๑)</Td><Td>2行3列( ̄^ ̄)ゞ</Td></Tr>
    <Tr><Td>3行1列( ´ u ` )</Td><Td>3行2列(`・ω・´)</Td><Td>3行3列(・ω・)</Td></Tr>
    <Tr><Td>4行1列(o˘◡˘o)</Td><Td>4行2列( *`ω´)</Td><Td>4行3列(゜∀゜)</Td></Tr>

    こんなかんじになる↓とりあえずソースコピペしてやると楽かな。
    1行1列(・ω<)1行2列(●´ω`●)1行3列(*´ェ`*)
    2行1列(・・*)2行2列(๑′ᴗ‵๑)2行3列( ̄^ ̄)ゞ
    3行1列( ´ u ` )3行2列(`・ω・´)3行3列(・ω・)
    4行1列(o˘◡˘o)4行2列( *`ω´)4行3列(゜∀゜)

  • <font color="色" size="数字">でフォント関係の設定。色はカラーコードでも、標準カラーならred、greenとか打っても反映されます。
  • <I>は斜体にする。<strong>は強調。
  • <a href="">…</a>リンクをはるタグ。画像タグと組み合わせることで画像にリンクをはれます。→<a href=""><img src=""></a>
  • <sub>…化学反応式に必要。もし水の生成の式を書きたいなら、

    2H<sub>2</sub>+O<sub>2</sub>→2H<sub>2</sub>って書くと、2H2+O2→2H2O のようになります。
  • Macのショートカット

    command+C=コピー
    command+V=ペースト
    command+A=ページ全てコピー
    control+D=Delete

    役に立ったサイト

    colorのとこにコピペすればいいだけ→日本の伝統色
    スライドショーつくるの。jQueryでやるか迷ったけど、そこに力入れても…→Flickr
    一番わかりやすかった!!→アコーディオンのソース
    Wiki独特のタグとかはここから→Wiki編集
    Twitterのウィジェット。すぐできる!!!!→Twitter
    Web上でアンケートするとき、集計するときもこれでやれば楽。→CubeQuery
    画像の編集するなら→GIMP