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 %}