Hi-AV影音部落:如何編輯頁面
「影音終極百科」- 最豐富齊全的音響視聽器材線上百科全書
11:42 2008年7月7日的修訂版本 (編輯) Hi-AV編輯部 (討論 | 貢獻) ← 上一個 |
12:31 2008年7月7日的修訂版本 (編輯) Hi-AV編輯部 (討論 | 貢獻) 下一個 → |
||
第1行: | 第1行: | ||
<div align="justify"> | <div align="justify"> | ||
+ | <p> </p> | ||
<p>歡迎將您所瞭解的家庭視聽娛樂知識與其他同好分享,只要您能遵守 [[Hi-AV影音部落:版權訊息|版權歸屬]]中的聲明,[http://www.hi-av.net Hi-AV影音部落]誠心地邀請您參與本【AV終極百科】的編輯!</p> | <p>歡迎將您所瞭解的家庭視聽娛樂知識與其他同好分享,只要您能遵守 [[Hi-AV影音部落:版權訊息|版權歸屬]]中的聲明,[http://www.hi-av.net Hi-AV影音部落]誠心地邀請您參與本【AV終極百科】的編輯!</p> | ||
<p> </p> | <p> </p> | ||
第41行: | 第42行: | ||
<p><strong><font size="5" color="#c0c0c0"><a name="1"></a>如何編輯一個新的或已經有內容的頁面(條目)?</font></strong></p> | <p><strong><font size="5" color="#c0c0c0"><a name="1"></a>如何編輯一個新的或已經有內容的頁面(條目)?</font></strong></p> | ||
<p>在【AV終極百科】左側的「搜尋」欄裡面輸入您所要尋找的頁面,如「Hi-AV終極百科」,然後按下鍵盤上的「Enter鍵」或者搜尋列下方的「進入」,如下圖所示:<br /> | <p>在【AV終極百科】左側的「搜尋」欄裡面輸入您所要尋找的頁面,如「Hi-AV終極百科」,然後按下鍵盤上的「Enter鍵」或者搜尋列下方的「進入」,如下圖所示:<br /> | ||
- | <img height="107" width="195" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080706232937.jpg" alt="" /></p> | + | <img height="107" width="195" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080706232937.jpg" /></p> |
<p> </p> | <p> </p> | ||
- | <p>如果該頁面有內容出現,表示是已經有內容的頁面(條目),直接按頁面上方的「編輯」就可以進入編輯內容。假如出現下圖的狀況,且在「標題相符的文章」裡找不到,就表示【AV終極百科】裡沒有該頁面的內容,請直接用滑鼠點選「查詢」之後的紅色字樣(此範本就是「Hi-AV影音部落」),如下圖所示:</p> | + | <p>如果該頁面有內容出現,表示是已經有內容的頁面(條目),直接按頁面上方的「編輯」就可以進入編輯內容。假如出現下圖的狀況,且在「標題相符的文 章」裡找不到,就表示【AV終極百科】裡沒有該頁面的內容,請直接用滑鼠點選「查詢」之後的紅色字樣(此範本就是「Hi-AV影音部落」),如下圖所示:</p> |
- | <p><img height="268" width="750" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080706234201.jpg" /></p> | + | <p><img height="268" width="750" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080706234201.jpg" alt="" /></p> |
<p> </p> | <p> </p> | ||
<p>點選之後,就可以進入該頁面(此範本是「Hi-AV影音部落」)的編輯頁面,您可以開始輸入並編輯該頁面的內容了,如下圖所示:</p> | <p>點選之後,就可以進入該頁面(此範本是「Hi-AV影音部落」)的編輯頁面,您可以開始輸入並編輯該頁面的內容了,如下圖所示:</p> | ||
- | <p><img height="343" width="749" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080706234231.jpg" /> </p> | + | <p><img height="343" width="749" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080706234231.jpg" alt="" /> </p> |
<p><font color="#ccffff"><em><strong><font size="4">特別提醒:內容編輯完畢之後,別忘了點選頁面最下方的「保存本頁」,內容才會存入【AV終極百科】裡(當然,正式存檔前,可先按「顯示預覽」看看頁面的樣子)。</font></strong></em></font></p> | <p><font color="#ccffff"><em><strong><font size="4">特別提醒:內容編輯完畢之後,別忘了點選頁面最下方的「保存本頁」,內容才會存入【AV終極百科】裡(當然,正式存檔前,可先按「顯示預覽」看看頁面的樣子)。</font></strong></em></font></p> | ||
<p> </p> | <p> </p> | ||
第55行: | 第56行: | ||
<p> </p> | <p> </p> | ||
<p> <strong><font size="5" color="#c0c0c0"><a name="2"></a>如何在頁面裡引用其他頁面的連結?</font></strong></p> | <p> <strong><font size="5" color="#c0c0c0"><a name="2"></a>如何在頁面裡引用其他頁面的連結?</font></strong></p> | ||
- | <p>【AV終極百科】與MediaWiki最強悍的功能,就是能夠很輕鬆地引用【AV終極百科】內其他頁面的內容,輕易地連結到其他的頁面,將其他頁面的內容納入。方法很簡單,就是在輸入文字的時候,在該字詞的左右兩側各加上兩個「英數半形的中括號」(在鍵盤「Enter鍵」左上方的" [ "與" ] ",請特別注意是左右各「兩個」)就可以了!該頁面有內容的話,該字詞就會以藍色字體顯示並可以直接連結,如果該頁面還沒有內容就會以紅色字體顯示,而在日後有人輸入內容後,你的頁面就會立即變為藍色字體,非常方便!</p> | + | <p>【AV終極百科】與MediaWiki最強悍的功能,就是能夠很輕鬆地引用【AV終極百科】內其他頁面的內容,輕易地連結到其他的頁面,將其他頁面 的內容納入。方法很簡單,就是在輸入文字的時候,在該字詞的左右兩側各加上兩個「英數半形的中括號」(在鍵盤「Enter鍵」左上方的" [ "與" ] ",請特別注意是左右各「兩個」)就可以了!該頁面有內容的話,該字詞就會以藍色字體顯示並可以直接連結,如果該頁面還沒有內容就會以紅色字體顯示,而在 日後有人輸入內容後,你的頁面就會立即變為藍色字體,非常方便!</p> |
<p>例如在頁面輸入以下文字:</p> | <p>例如在頁面輸入以下文字:</p> | ||
- | <p> <img height="71" width="746" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080706234822.jpg" alt="" /></p> | + | <p> <img height="71" width="746" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080706234822.jpg" /></p> |
<p> </p> | <p> </p> | ||
<p>可以顯示以下的結果:</p> | <p>可以顯示以下的結果:</p> | ||
- | <p><img height="84" width="750" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080706234920.jpg" alt="" /></p> | + | <p><img height="84" width="750" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080706234920.jpg" /></p> |
<p>其中,「家庭劇院」、「液晶電視」、「電漿電視」、「影像」、「投影機」、「銀幕」與「臨場感」等左右兩側各加了兩個中括號的詞句就變成了藍色或紅色,顯示藍色的即表示【AV終極百科】內已有該頁面可以連結,顯示紅色則表示【AV終極百科】內還沒有該頁面。</p> | <p>其中,「家庭劇院」、「液晶電視」、「電漿電視」、「影像」、「投影機」、「銀幕」與「臨場感」等左右兩側各加了兩個中括號的詞句就變成了藍色或紅色,顯示藍色的即表示【AV終極百科】內已有該頁面可以連結,顯示紅色則表示【AV終極百科】內還沒有該頁面。</p> | ||
<p> </p> | <p> </p> | ||
第70行: | 第71行: | ||
<p>上面的結果乍看之下很完美,但仔細看一下,就會發現連結頁面所顯示的文字有些贅字,例如「液晶電視或電漿電視」,如果能顯示成「液晶或電漿電視」應該會比較好。那麼,能夠讓「液晶電視」只顯示「液晶」但點選時仍會切換到「液晶電視」的頁面嗎?</p> | <p>上面的結果乍看之下很完美,但仔細看一下,就會發現連結頁面所顯示的文字有些贅字,例如「液晶電視或電漿電視」,如果能顯示成「液晶或電漿電視」應該會比較好。那麼,能夠讓「液晶電視」只顯示「液晶」但點選時仍會切換到「液晶電視」的頁面嗎?</p> | ||
<p>可以的,我們可以在左右各兩個中括號內的「液晶電視」右側再加上一個英數半形的垂直分隔線" | "(在鍵盤「Enter」鍵的上方),在垂直分隔線右方可以輸入我們所想要顯示的任何文字,如下圖所示(請注意「液晶電視」與「液晶」之間有一條垂直分隔線):</p> | <p>可以的,我們可以在左右各兩個中括號內的「液晶電視」右側再加上一個英數半形的垂直分隔線" | "(在鍵盤「Enter」鍵的上方),在垂直分隔線右方可以輸入我們所想要顯示的任何文字,如下圖所示(請注意「液晶電視」與「液晶」之間有一條垂直分隔線):</p> | ||
- | <p><img height="73" width="747" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707000726.jpg" alt="" /></p> | + | <p><img height="73" width="747" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707000726.jpg" /></p> |
<p> </p> | <p> </p> | ||
<p>可以顯示以下的結果:</p> | <p>可以顯示以下的結果:</p> | ||
- | <p><img height="84" width="747" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707000810.jpg" alt="" /> </p> | + | <p><img height="84" width="747" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707000810.jpg" /> </p> |
<p> </p> | <p> </p> | ||
<hr width="100%" size="2" /> | <hr width="100%" size="2" /> | ||
第80行: | 第81行: | ||
<p> </p> | <p> </p> | ||
<p><strong><font size="5" color="#c0c0c0"><a name="4"></a>如何對特定文字作外部網頁的連結?</font></strong></p> | <p><strong><font size="5" color="#c0c0c0"><a name="4"></a>如何對特定文字作外部網頁的連結?</font></strong></p> | ||
- | <p>在該位置先加上「一個」(請特別注意只需要「一個」)「英數半形的左側中括號」(在鍵盤「Enter鍵」左上方的" [ "),接著鍵入外部網頁連結「完整的絕對網址」,空一格,再鍵入你要連結的特定文字,接著再加上「一個」「英數半形的右側中括號」(在鍵盤「Enter鍵」左上方的" ] ")即可,例如輸入</p> | + | <p>在該位置先加上「一個」(請特別注意只需要「一個」)「英數半形的左側中括號」(在鍵盤「Enter鍵」左上方的" [ "),接著鍵入外部網頁連結「完整的絕對網址」,空一格,再鍵入你要連結的特定文字,接著再加上「一個」「英數半形的右側中括號」(在鍵盤「Enter 鍵」左上方的" ] ")即可,例如輸入</p> |
- | <p><img height="83" width="300" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707022313.jpg" /></p> | + | <p><img height="83" width="300" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707022313.jpg" alt="" /></p> |
<p> </p> | <p> </p> | ||
<p>以上兩行文字,頁面就會顯示</p> | <p>以上兩行文字,頁面就會顯示</p> | ||
- | <p><img height="76" width="173" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707022358.jpg" /> </p> | + | <p><img height="76" width="173" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707022358.jpg" alt="" /> </p> |
<p> </p> | <p> </p> | ||
<hr width="100%" size="2" /> | <hr width="100%" size="2" /> | ||
第91行: | 第92行: | ||
<p> </p> | <p> </p> | ||
<p><strong><font size="5" color="#c0c0c0"><a name="mailto"></a>如何加入電子郵件(E-mail)發送的連結?</font></strong></p> | <p><strong><font size="5" color="#c0c0c0"><a name="mailto"></a>如何加入電子郵件(E-mail)發送的連結?</font></strong></p> | ||
- | <p>在該位置先加上「一個」(請特別注意只需要「一個」)「英數半形的左側中括號」(在鍵盤「Enter鍵」左上方的" [ "),接著鍵入「mailto:」和「電子郵件位址」,空一格,再鍵入一次「電子郵件位址」或你想要顯示連結的特定文字,接著再加上「一個」「英數半形的右側中括號」(在鍵盤「Enter 鍵」左上方的" ] ")即可,例如輸入</p> | + | <p>在該位置先加上「一個」(請特別注意只需要「一個」)「英數半形的左側中括號」(在鍵盤「Enter鍵」左上方的" [ "),接著鍵入「mailto」、「:」和「電子郵件位址」,空一格,再鍵入一次「電子郵件位址」或你想要顯示連結的特定文字,接著再加上「一個」「英數 半形的 右側中括號」(在鍵盤「Enter 鍵」左上方的" ] ")即可,例如輸入</p> |
- | <p><img height="88" width="316" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707105157.jpg" /></p> | + | <p><img height="88" width="316" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707105157.jpg" alt="" /></p> |
<p> </p> | <p> </p> | ||
<p>以上兩行文字,頁面就會顯示</p> | <p>以上兩行文字,頁面就會顯示</p> | ||
- | <p><img height="76" width="195" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707105227.jpg" /><br /> | + | <p><img height="76" width="195" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707105227.jpg" alt="" /><br /> |
</p> | </p> | ||
<hr width="100%" size="2" /> | <hr width="100%" size="2" /> | ||
第103行: | 第104行: | ||
<p> <a name="5"></a><strong><font size="5" color="#c0c0c0">如何貼圖?</font></strong></p> | <p> <a name="5"></a><strong><font size="5" color="#c0c0c0">如何貼圖?</font></strong></p> | ||
<p>1.將游標移到你想要貼圖的位置。</p> | <p>1.將游標移到你想要貼圖的位置。</p> | ||
+ | <p> </p> | ||
<p>2.點選頁面上方編輯器內「貼圖」的圖樣,如下圖所示:</p> | <p>2.點選頁面上方編輯器內「貼圖」的圖樣,如下圖所示:</p> | ||
- | <p><img height="86" width="750" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707005930.jpg" /></p> | + | <p><img height="86" width="750" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707005930.jpg" alt="" /></p> |
+ | <p> </p> | ||
<p>3.點選彈出視窗的「Upload」,如下圖所示:</p> | <p>3.點選彈出視窗的「Upload」,如下圖所示:</p> | ||
- | <p><img height="512" width="454" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707010009.jpg" /></p> | + | <p><img height="512" width="454" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707010009.jpg" alt="" /></p> |
+ | <p> </p> | ||
<p>4.點選視窗右側的「瀏覽…」,選擇你電腦內想要上傳的圖片(可選擇JPEG或JIF圖,如果圖片過大,請事先裁小,以免影響瀏覽速度,建議單一圖片最好在50KB以下),接著點選「Send it to the server」,如下圖所示:</p> | <p>4.點選視窗右側的「瀏覽…」,選擇你電腦內想要上傳的圖片(可選擇JPEG或JIF圖,如果圖片過大,請事先裁小,以免影響瀏覽速度,建議單一圖片最好在50KB以下),接著點選「Send it to the server」,如下圖所示:</p> | ||
- | <p><img height="513" width="452" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707010050.jpg" /></p> | + | <p><img height="513" width="452" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707010050.jpg" alt="" /></p> |
+ | <p> </p> | ||
<p>5.稍等一下,圖片上傳結束後,顯示以下畫面,按下「確定」,如下圖所示:</p> | <p>5.稍等一下,圖片上傳結束後,顯示以下畫面,按下「確定」,如下圖所示:</p> | ||
- | <p><img height="513" width="456" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707010126.jpg" /></p> | + | <p><img height="513" width="456" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707010126.jpg" alt="" /></p> |
+ | <p> </p> | ||
<p>6.你可以調整圖片的高度、寬度或加上邊框等(也可以完全不管),確定後點選「OK」,圖片就會出現在頁面中了,如下圖所示(「Preview」方框內圖片之外的文字,並不會出現在頁面中,請不用擔心):</p> | <p>6.你可以調整圖片的高度、寬度或加上邊框等(也可以完全不管),確定後點選「OK」,圖片就會出現在頁面中了,如下圖所示(「Preview」方框內圖片之外的文字,並不會出現在頁面中,請不用擔心):</p> | ||
- | <p><img height="514" width="455" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707010153.jpg" /></p> | + | <p><img height="514" width="455" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707010153.jpg" alt="" /></p> |
+ | <p> </p> | ||
<p>7.圖片出現在頁面中之後,你可以拉動圖片調整大小,如下圖所示:</p> | <p>7.圖片出現在頁面中之後,你可以拉動圖片調整大小,如下圖所示:</p> | ||
- | <p><img height="70" width="268" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707010223.jpg" /> </p> | + | <p><img height="70" width="268" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707010223.jpg" alt="" /> </p> |
<p> </p> | <p> </p> | ||
<hr width="100%" size="2" /> | <hr width="100%" size="2" /> | ||
第122行: | 第129行: | ||
<p> <strong><font size="5" color="#c0c0c0"><a name="6"></a>如何加入「水平分隔線」?</font></strong></p> | <p> <strong><font size="5" color="#c0c0c0"><a name="6"></a>如何加入「水平分隔線」?</font></strong></p> | ||
<p>先將游標移到畫面中想加入水平分隔線的位置,點選頁面上方編輯器「加入水平分隔線」的圖示即可,如下圖所示:</p> | <p>先將游標移到畫面中想加入水平分隔線的位置,點選頁面上方編輯器「加入水平分隔線」的圖示即可,如下圖所示:</p> | ||
- | <p><img height="91" width="750" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707014600.jpg" /> </p> | + | <p><img height="91" width="750" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707014600.jpg" alt="" /> </p> |
<p> </p> | <p> </p> | ||
<hr width="100%" size="2" /> | <hr width="100%" size="2" /> | ||
第130行: | 第137行: | ||
<p><strong><font size="5" color="#c0c0c0"><a name="7"></a>如何在頁面加入表格?</font></strong></p> | <p><strong><font size="5" color="#c0c0c0"><a name="7"></a>如何在頁面加入表格?</font></strong></p> | ||
<p>先將游標移到畫面中想加入表格的位置,點選頁面上方編輯器的表格圖示,接著設定表格列數、行數、邊線粗細與表格寬度等資訊即可,如下圖所示:</p> | <p>先將游標移到畫面中想加入表格的位置,點選頁面上方編輯器的表格圖示,接著設定表格列數、行數、邊線粗細與表格寬度等資訊即可,如下圖所示:</p> | ||
- | <p><img height="90" width="750" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707014909.jpg" /></p> | + | <p><img height="90" width="750" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707014909.jpg" alt="" /></p> |
- | <p><img height="408" width="454" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707014933.jpg" /> </p> | + | <p><img height="408" width="454" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707014933.jpg" alt="" /> </p> |
<p> </p> | <p> </p> | ||
<hr width="100%" size="2" /> | <hr width="100%" size="2" /> | ||
第139行: | 第146行: | ||
<p><strong><font size="5" color="#c0c0c0"><a name="8"></a>如何設定文字區塊的對齊屬性?</font></strong></p> | <p><strong><font size="5" color="#c0c0c0"><a name="8"></a>如何設定文字區塊的對齊屬性?</font></strong></p> | ||
<p>先將要設定的文字區塊圈選起來,接著點選頁面上方編輯器文字區塊設定的圖示即可,由左至右分別為「靠左對齊」、「水平置中」、「靠右對齊」與「左右對齊」,如下圖所示:</p> | <p>先將要設定的文字區塊圈選起來,接著點選頁面上方編輯器文字區塊設定的圖示即可,由左至右分別為「靠左對齊」、「水平置中」、「靠右對齊」與「左右對齊」,如下圖所示:</p> | ||
- | <p><img height="92" width="750" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707015334.jpg" /> </p> | + | <p><img height="92" width="750" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707015334.jpg" alt="" /> </p> |
<p> </p> | <p> </p> | ||
<hr width="100%" size="2" /> | <hr width="100%" size="2" /> | ||
第147行: | 第154行: | ||
<p><strong><font size="5" color="#c0c0c0"><a name="9"></a>如何改變文字區塊的顏色?</font></strong></p> | <p><strong><font size="5" color="#c0c0c0"><a name="9"></a>如何改變文字區塊的顏色?</font></strong></p> | ||
<p>先將要設定的文字區塊圈選起來,接著點選頁面上方編輯器的文字顏色設定圖示、選擇想要的顏色即可。不過,由於在【AV終極百科】內「藍色」代表其他頁面或網路的連結、「紅色」則是待撰寫的頁面,強烈建議您避免選擇「藍色」與「紅色」兩個色彩,以免其他讀者容易產生混淆。</p> | <p>先將要設定的文字區塊圈選起來,接著點選頁面上方編輯器的文字顏色設定圖示、選擇想要的顏色即可。不過,由於在【AV終極百科】內「藍色」代表其他頁面或網路的連結、「紅色」則是待撰寫的頁面,強烈建議您避免選擇「藍色」與「紅色」兩個色彩,以免其他讀者容易產生混淆。</p> | ||
- | <p><img height="222" width="749" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707015759.jpg" /></p> | + | <p><img height="222" width="749" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707015759.jpg" alt="" /></p> |
<p> </p> | <p> </p> | ||
<hr width="100%" size="2" /> | <hr width="100%" size="2" /> | ||
第155行: | 第162行: | ||
<p><strong><font size="5" color="#c0c0c0"><a name="10"></a>如何設定「項目標點」?</font></strong></p> | <p><strong><font size="5" color="#c0c0c0"><a name="10"></a>如何設定「項目標點」?</font></strong></p> | ||
<p>先將游標放到要設定「項目標點」的位置,點選頁面上方編輯器「加入項目標點」圖示(如下圖所示),即可自動在每行文字前方加上小方塊圖示顯示項目。該「加入項目標點」右方的圖示是「減少一級子項目」,再右側的圖示則是「增加一級子項目」,可以自由運用。</p> | <p>先將游標放到要設定「項目標點」的位置,點選頁面上方編輯器「加入項目標點」圖示(如下圖所示),即可自動在每行文字前方加上小方塊圖示顯示項目。該「加入項目標點」右方的圖示是「減少一級子項目」,再右側的圖示則是「增加一級子項目」,可以自由運用。</p> | ||
- | <p><img height="74" width="745" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707020338.jpg" /> </p> | + | <p><img height="74" width="745" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707020338.jpg" alt="" /> </p> |
<p> </p> | <p> </p> | ||
<hr width="100%" size="2" /> | <hr width="100%" size="2" /> | ||
第162行: | 第169行: | ||
<p> </p> | <p> </p> | ||
<p><strong><font size="5" color="#c0c0c0"><a name="quicklink"></a>如何加入「目錄」內各段落的快速跳轉連結?</font></strong></p> | <p><strong><font size="5" color="#c0c0c0"><a name="quicklink"></a>如何加入「目錄」內各段落的快速跳轉連結?</font></strong></p> | ||
- | <p>當頁面的內容變得很長時,你一定會希望在頁面最上頭加上一個「目錄」,可以讓讀者快速找到他想要看的內容(像是本頁的「編輯方法說明之快速連結表單」一樣),這應該要如何加入呢?</p> | + | <p>當頁面的內容變得很長時,你一定會希望在頁面最上頭加上一個「目錄」,可以讓讀者快速找到他想要看的內容(像是本頁最上方的「<a href="#contentlist">編輯方法說明之快速連結表單</a>」一樣),這應該要如何加入呢?</p> |
<p>首先,先將游標放到要設定跳轉段落的開頭位置,如下圖就是在「如何加入電子郵件(E-mail)發送的連結?」標題的前面,接著點選頁面上方編輯器的「加入/編輯錨點」圖示:</p> | <p>首先,先將游標放到要設定跳轉段落的開頭位置,如下圖就是在「如何加入電子郵件(E-mail)發送的連結?」標題的前面,接著點選頁面上方編輯器的「加入/編輯錨點」圖示:</p> | ||
- | <p><img height="254" width="750" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707112120.jpg" alt="" /></p> | + | <p><img height="254" width="750" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707112120.jpg" /></p> |
<p> </p> | <p> </p> | ||
- | <p>在「Anchor Name」裡面輸入你所想要命名的錨點名稱(由於之後連結時中文無法正確顯現,建議以數字或英文命名,當然,不能跟同一頁面其他錨點的名稱一樣),然後點選「OK」,如下圖所示(該視窗彈出時如果「Anchor Name」輸入列沒有出現,請將視窗向下拉大):</p> | + | <p>在「Anchor Name」裡面輸入你所想要命名的錨點名稱(由於之後連結時中文無法正確顯現,建議以數字或英文命名,當然,不能跟同一頁面其他錨點的名稱一樣),然後點 選「OK」,如下圖所示(該視窗彈出時如果「Anchor Name」輸入列沒有出現,請將視窗向下拉大):</p> |
- | <p><img height="277" width="379" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707112305.jpg" alt="" /><br /> | + | <p><img height="277" width="379" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707112305.jpg" /><br /> |
</p> | </p> | ||
<p>在游標位置處就會加上剛剛你所命名的錨點圖示了:</p> | <p>在游標位置處就會加上剛剛你所命名的錨點圖示了:</p> | ||
- | <p> <img height="148" width="748" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707112612.jpg" alt="" /></p> | + | <p> <img height="148" width="748" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707112612.jpg" /></p> |
<p> </p> | <p> </p> | ||
<p>接著將游標移到頁面上方「目錄」或你想加入跳轉連結的文字處,將該段文字圈選起來,以下圖的例子就是「如何加入電子郵件(E-mail)發送的連結?」這一段文字:</p> | <p>接著將游標移到頁面上方「目錄」或你想加入跳轉連結的文字處,將該段文字圈選起來,以下圖的例子就是「如何加入電子郵件(E-mail)發送的連結?」這一段文字:</p> | ||
- | <p><img height="229" width="437" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707112720.jpg" alt="" /></p> | + | <p><img height="229" width="437" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707112720.jpg" /></p> |
<p> </p> | <p> </p> | ||
<p>點選頁面上方編輯器「加入/編輯連結」的圖示:</p> | <p>點選頁面上方編輯器「加入/編輯連結」的圖示:</p> | ||
- | <p><img height="106" width="747" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707112937.jpg" alt="" /></p> | + | <p><img height="106" width="747" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707112937.jpg" /></p> |
<p> </p> | <p> </p> | ||
<p>在彈出視窗的「Link Type」下拉式選單中選擇「Link to anchor in the text」:</p> | <p>在彈出視窗的「Link Type」下拉式選單中選擇「Link to anchor in the text」:</p> | ||
- | <p><img height="336" width="405" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707113039.jpg" alt="" /></p> | + | <p><img height="336" width="405" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707113039.jpg" /></p> |
<p> </p> | <p> </p> | ||
<p>接著在下方的「Select an Anchor By Anchor Name」下拉式選單中,選擇你剛剛所命名的錨點名稱(以本例而言就是「maitto」),然後點選「OK」就完工了。</p> | <p>接著在下方的「Select an Anchor By Anchor Name」下拉式選單中,選擇你剛剛所命名的錨點名稱(以本例而言就是「maitto」),然後點選「OK」就完工了。</p> | ||
- | <p><img height="400" width="409" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707113308.jpg" alt="" /></p> | + | <p><img height="400" width="409" alt="" src="http://www.hi-av.net/uploads/mediawiki/image/200807/20080707113308.jpg" /></p> |
<p> </p> | <p> </p> | ||
<hr width="100%" size="2" /> | <hr width="100%" size="2" /> |
12:31 2008年7月7日的修訂版本
歡迎將您所瞭解的家庭視聽娛樂知識與其他同好分享,只要您能遵守 版權歸屬中的聲明,Hi-AV影音部落誠心地邀請您參與本【AV終極百科】的編輯!
特別提醒:在尚未熟悉編輯方法前,您可先進入這個沙盒頁面隨意練習編輯方式!
只要會用WORD,就能輕鬆編輯【AV終極百科】的內容!
由於整合了「所視即所得」編輯器,本【AV終極百科】的編輯方法要比同是使用MediaWiki的維基百科容易得多,只要您會使用Microsoft Word,就能很輕鬆地編輯本【AV終極百科】的內容!
原始的Mediawiki編輯必須使用許多專屬的語法(請參閱維基百科:如何編輯頁面),對於不熟悉的人而言很難運用自如。本【AV終極百科】所整合的編輯器則相當直覺,看過以下的說明,您也能輕鬆處理。
編輯方法說明之快速連結表單: |
在【AV終極百科】左側的「搜尋」欄裡面輸入您所要尋找的頁面,如「Hi-AV終極百科」,然後按下鍵盤上的「Enter鍵」或者搜尋列下方的「進入」,如下圖所示:
如果該頁面有內容出現,表示是已經有內容的頁面(條目),直接按頁面上方的「編輯」就可以進入編輯內容。假如出現下圖的狀況,且在「標題相符的文 章」裡找不到,就表示【AV終極百科】裡沒有該頁面的內容,請直接用滑鼠點選「查詢」之後的紅色字樣(此範本就是「Hi-AV影音部落」),如下圖所示:
點選之後,就可以進入該頁面(此範本是「Hi-AV影音部落」)的編輯頁面,您可以開始輸入並編輯該頁面的內容了,如下圖所示:
特別提醒:內容編輯完畢之後,別忘了點選頁面最下方的「保存本頁」,內容才會存入【AV終極百科】裡(當然,正式存檔前,可先按「顯示預覽」看看頁面的樣子)。
【AV終極百科】與MediaWiki最強悍的功能,就是能夠很輕鬆地引用【AV終極百科】內其他頁面的內容,輕易地連結到其他的頁面,將其他頁面 的內容納入。方法很簡單,就是在輸入文字的時候,在該字詞的左右兩側各加上兩個「英數半形的中括號」(在鍵盤「Enter鍵」左上方的" [ "與" ] ",請特別注意是左右各「兩個」)就可以了!該頁面有內容的話,該字詞就會以藍色字體顯示並可以直接連結,如果該頁面還沒有內容就會以紅色字體顯示,而在 日後有人輸入內容後,你的頁面就會立即變為藍色字體,非常方便!
例如在頁面輸入以下文字:
可以顯示以下的結果:
其中,「家庭劇院」、「液晶電視」、「電漿電視」、「影像」、「投影機」、「銀幕」與「臨場感」等左右兩側各加了兩個中括號的詞句就變成了藍色或紅色,顯示藍色的即表示【AV終極百科】內已有該頁面可以連結,顯示紅色則表示【AV終極百科】內還沒有該頁面。
上面的結果乍看之下很完美,但仔細看一下,就會發現連結頁面所顯示的文字有些贅字,例如「液晶電視或電漿電視」,如果能顯示成「液晶或電漿電視」應該會比較好。那麼,能夠讓「液晶電視」只顯示「液晶」但點選時仍會切換到「液晶電視」的頁面嗎?
可以的,我們可以在左右各兩個中括號內的「液晶電視」右側再加上一個英數半形的垂直分隔線" | "(在鍵盤「Enter」鍵的上方),在垂直分隔線右方可以輸入我們所想要顯示的任何文字,如下圖所示(請注意「液晶電視」與「液晶」之間有一條垂直分隔線):
可以顯示以下的結果:
在該位置先加上「一個」(請特別注意只需要「一個」)「英數半形的左側中括號」(在鍵盤「Enter鍵」左上方的" [ "),接著鍵入外部網頁連結「完整的絕對網址」,空一格,再鍵入你要連結的特定文字,接著再加上「一個」「英數半形的右側中括號」(在鍵盤「Enter 鍵」左上方的" ] ")即可,例如輸入
以上兩行文字,頁面就會顯示
在該位置先加上「一個」(請特別注意只需要「一個」)「英數半形的左側中括號」(在鍵盤「Enter鍵」左上方的" [ "),接著鍵入「mailto」、「:」和「電子郵件位址」,空一格,再鍵入一次「電子郵件位址」或你想要顯示連結的特定文字,接著再加上「一個」「英數 半形的 右側中括號」(在鍵盤「Enter 鍵」左上方的" ] ")即可,例如輸入
以上兩行文字,頁面就會顯示
1.將游標移到你想要貼圖的位置。
2.點選頁面上方編輯器內「貼圖」的圖樣,如下圖所示:
3.點選彈出視窗的「Upload」,如下圖所示:
4.點選視窗右側的「瀏覽…」,選擇你電腦內想要上傳的圖片(可選擇JPEG或JIF圖,如果圖片過大,請事先裁小,以免影響瀏覽速度,建議單一圖片最好在50KB以下),接著點選「Send it to the server」,如下圖所示:
5.稍等一下,圖片上傳結束後,顯示以下畫面,按下「確定」,如下圖所示:
6.你可以調整圖片的高度、寬度或加上邊框等(也可以完全不管),確定後點選「OK」,圖片就會出現在頁面中了,如下圖所示(「Preview」方框內圖片之外的文字,並不會出現在頁面中,請不用擔心):
7.圖片出現在頁面中之後,你可以拉動圖片調整大小,如下圖所示:
先將游標移到畫面中想加入水平分隔線的位置,點選頁面上方編輯器「加入水平分隔線」的圖示即可,如下圖所示:
先將游標移到畫面中想加入表格的位置,點選頁面上方編輯器的表格圖示,接著設定表格列數、行數、邊線粗細與表格寬度等資訊即可,如下圖所示:
先將要設定的文字區塊圈選起來,接著點選頁面上方編輯器文字區塊設定的圖示即可,由左至右分別為「靠左對齊」、「水平置中」、「靠右對齊」與「左右對齊」,如下圖所示:
先將要設定的文字區塊圈選起來,接著點選頁面上方編輯器的文字顏色設定圖示、選擇想要的顏色即可。不過,由於在【AV終極百科】內「藍色」代表其他頁面或網路的連結、「紅色」則是待撰寫的頁面,強烈建議您避免選擇「藍色」與「紅色」兩個色彩,以免其他讀者容易產生混淆。
先將游標放到要設定「項目標點」的位置,點選頁面上方編輯器「加入項目標點」圖示(如下圖所示),即可自動在每行文字前方加上小方塊圖示顯示項目。該「加入項目標點」右方的圖示是「減少一級子項目」,再右側的圖示則是「增加一級子項目」,可以自由運用。
當頁面的內容變得很長時,你一定會希望在頁面最上頭加上一個「目錄」,可以讓讀者快速找到他想要看的內容(像是本頁最上方的「編輯方法說明之快速連結表單」一樣),這應該要如何加入呢?
首先,先將游標放到要設定跳轉段落的開頭位置,如下圖就是在「如何加入電子郵件(E-mail)發送的連結?」標題的前面,接著點選頁面上方編輯器的「加入/編輯錨點」圖示:
在「Anchor Name」裡面輸入你所想要命名的錨點名稱(由於之後連結時中文無法正確顯現,建議以數字或英文命名,當然,不能跟同一頁面其他錨點的名稱一樣),然後點 選「OK」,如下圖所示(該視窗彈出時如果「Anchor Name」輸入列沒有出現,請將視窗向下拉大):
在游標位置處就會加上剛剛你所命名的錨點圖示了:
接著將游標移到頁面上方「目錄」或你想加入跳轉連結的文字處,將該段文字圈選起來,以下圖的例子就是「如何加入電子郵件(E-mail)發送的連結?」這一段文字:
點選頁面上方編輯器「加入/編輯連結」的圖示:
在彈出視窗的「Link Type」下拉式選單中選擇「Link to anchor in the text」:
接著在下方的「Select an Anchor By Anchor Name」下拉式選單中,選擇你剛剛所命名的錨點名稱(以本例而言就是「maitto」),然後點選「OK」就完工了。