Page Help
{% extends "base2.html" %}
{% block title %}
    <title>
        Help
    </title>
{% endblock %}
{% block style %}
<style type="text/css">
    p.pic_border{
    border-style: double;
    border-color:#e8e8e8
    }
    hr {
    border: 0;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    width:100%;
    text-align: left;
    }
 
    pre hr {
    color: #000000;
    background-color: #000000;
    width: 90%;
 
    }
    img {
        width: 90%;
    }
</style>
<link href="/stylesheets/top1.css" rel="stylesheet" type="text/css"/>
{% endblock %}
 
{% block aftertopbar %}
    <ol>
        <div align="center">
        <lh><h3>使用說明</h3>
        <li>請先創立GOOGLE帳戶<br />
        <li>登入後你可以在首頁看到最新文章和右邊的功能列<br />
        <p class="pic_border">
            <img src="http://c.blog.xuite.net/c/9/0/d/15472665/blog_417698/txt/7682468/155.png" />
        </p>
 
        <br />
        <hr align="center">
        <br />
 
        <li>在首頁點選建立後可以來到建立頁面的控制頁 <br />
        <p class="pic_border">
            <img src="http://c.blog.xuite.net/c/9/0/d/15472665/blog_417698/txt/7682468/156.png" />
        </p>
 
        <br />
        <hr align="center">
        <br />
 
        <b>標題</b>即是你的文章標題<br />
        <b>頁面名稱</b>則是你這篇文章的網址位址,目前命名規則是:http://saplmewikibooks.appspot.com/帳戶名稱-頁面名稱<br />
        內容則是你的文章內容,目前支援wiki語法,也可以外連顯示圖片<br />
        左下角的<b>標籤</b>則是讓你更方便的自訂這篇文章的所屬分類 <br />
 
        <br />
        <hr align="center">
        <br />
 
        <li>為了讓你更快上手,下列提供幾個功能語法 <br />
        <p class="pic_border">
            <table border="1">
                <caption>一般文書語法</caption>
                <tr>
                    <th>輸入</th>
                    <th>輸出</th>
                </tr>
                <tr>
                    <td>------</td>
                    <td>
                        <pre><hr align="center"></pre>
                    </td>
                <tr>
                    <td>**粗體**</td>
                    <td><b>粗體</b></td>
                </tr>
 
                <tr>
                    <td>//斜體//</td>
                    <td><em>斜體</em></td>
                </tr>
 
                <tr>
                    <td>--刪除線--</td>
                    <td><s>刪除線</s></td>
                </tr>
 
                <tr>
                    <td>__底線__</td>
                    <td><u>底線</u></td>
                </tr>
 
                <tr>
                    <td>上標^^content^^</td>
                    <td>上標<sup>content</sup></td>
                </tr>
 
                <tr>
                    <td>下標,,content,,</td>
                    <td>下標<sub>content</sub></td>
                </tr>
            </table>
            <br />
            <table border="1">
            <caption>字體大小語法</caption>
            <tr>
                <th>輸入</th>
                <th>輸出</th>
            </tr>
            <tr>
                <td>[[size=smaller]smaller size]</td>
                <td><span style="font-size: smaller;">smaller size</span></td>
            </tr>
 
            <tr>
                <td>[[size=xx-small]xx-small size]</td>
                <td><span style="font-size:xx-small;">xx-small size</span></td>
            </tr>
 
            <tr>
                <td>[[size=x-small]x-small size]</td>
                <td><span style="font-size:x-small;">x-smallsize</span></td>
            </tr>
 
            <tr>
                <td>[[size=large]large size]</td>
                <td><span style="font-size:large;">large size</span></td>
            </tr>
 
            <tr>
                <td>[[size=x-large]x-large size]</td>
                <td><span style="font-size:x-large;">x-large size</span></td>
            </tr>
 
            <tr>
                <td>[[size=xx-larger]xx-largesize]</td>
                <td><span style="font-size:xx-large;">xx-large size</span></td>
            </tr>
 
            <tr>
                <td>[[size=80%]80% size]</td>
                <td><span style="font-size:80%;">80% size</span></td>
            </tr>
 
            <tr>
                <td>[[size=0.8em]0.8em size]</td>
                <td><span style="font-size:0.8em;">0.8em size</span></td>
            </tr>
 
            <tr>
                <td>[[size=100%]100% size]</td>
                <td><span style="font-size:100%;">100% size</span></td>
            </tr>
 
            <tr>
                <td>[[size=1em]1em size]</td>
                <td><span style="font-size:1em;">1em size</span></td>
            </tr>
 
            <tr>
                <td>[[size=150%]150% size]</td>
                <td><span style="font-size:150%;">150% size</span></td>
            </tr>
 
            <tr>
                <td>[[size=1.5em]1.5em size]</td>
                <td><span style="font-size:1.5em;">1.5em size</span></td>
            </tr>
 
            <tr>
                <td>[[size=10px]10px size]</td>
                <td><span style="font-size:10px;">10px size</span></td>
            </tr>
 
            <tr>
                <td>[[size=20.25px]20.25px size]</td>
                <td><span style="font-size:20.25px;">20.25px size</span></td>
            </tr>
            </table>
        </p>
        <p class="pic_border">
            <table border="1">
                <caption>項目語法</caption>
                <tr>
                    <th>輸入</th>
                    <th>輸出</th>
                </tr>
                <tr>
                    <td># 項目1</td>
                    <td><ol><li>項目1</li></ol></td>
                </tr>
                <tr>
                    <td>* 項目1</td>
                    <td>
                        <ul>
                            <li>項目1</li>
                        </ul>
                    </td>
                </tr>
            </table>
        </p>
        <p class="pic_border">
            <table border="1">
                <caption>標題語法</caption>
                <tr>
                    <th>輸入</th>
                    <th>輸出</th>
                </tr>
                <tr>
                    <td>+ 標題1</td>
                    <td><h1>標題1</h1></td>
                </tr>
 
                <tr>
                    <td>++ 標題2</td>
                    <td><h2>標題2</h2></td>
                </tr>
 
                <tr>
                    <td>+++ 標題3</td>
                    <td><h3>標題3</h3></td>
                </tr>
 
                <tr>
                    <td>++++ 標題4</td>
                    <td><h4>標題4</h4></td>
                </tr>
 
                <tr>
                    <td>+++++ 標題5</td>
                    <td><h5>標題5</h5></td>
                </tr>
 
                <tr>
                    <td>++++++ 標題6</td>
                    <td><h6>標題6</h6></td>
                </tr>
            </table>
        </p>
        <p class="pic_border">
            <table border="1">
                <caption>
                    連結語法<br />(※此語法僅限於一行內使用一次)
                </caption>
                <tr>
                    <th>輸入</th>
                    <th>輸出</th>
                </tr>
                <tr>
                    <td>[img 圖片網址]<br />例如:[img http://avatars.plurk.com/3470153-big6.jpg]</td>
                    <td>結果:<br /><img src="http://avatars.plurk.com/3470153-big6.jpg" style="max-width:30%;"></td>
                </tr>
 
                <tr>
                    <td>[[http://www.google.com.tw/ | Google]]</td>
                    <td><a href="http://www.google.com.tw/">Google<a></td>
                </tr>
 
                <tr>
                    <td>
                        [youtube 影片編號]
                        <br />
                        例如:http://www.youtube.com/watch?v=mqsrPNXEGdc
                        <br />
                        取得http://www.youtube.com/watch?v=影片編號
                        <br />
                        輸入:[youtube mqsrPNXEGdc]
                    </td>
                    <td>
                        <iframe width="560" height="349" src="http://www.youtube.com/embed/mqsrPNXEGdc" frameborder="0" allowfullscreen></iframe>
                    </td>
                </tr>
 
            </table>
        </p>
 
        </div>
    </ol>
    {% if firstuse %}
        <form> <INPUT TYPE="button" class ='button1' VALUE="建立" onClick="location='/create'"> </form>
    {% endif %}
{% endblock %}