部落格製作教學
 81 則留言

▍留言區域大動工（含表單設計） [ Version 2.0 Power by Andy Liu . ]

█ 版本說明：

Version 2.0
　　有鑑於部分人士喜歡求新求變，在此推出2.0版的教學文件！這次新的版本主要是提供「回應區的表單」和「每月文章彙集」這兩部分的語法修改補充教學！(請見文章最底下「補充說明」的部分)

新增「回應區的表單」語法說明
新增「每月文章彙集」語法說明
★ 新增修改「邊框大小、樣式、顏色」CSS語法說明

Version 1.0
　　很多人都喜歡在「留言區」加上背景圖片，但是卻不知道語法如何修改，故推出此教學文件！

█ 事前準備：

　　文章用色說明：紅字：語法的指令綠字：指令的參數 紫字：語法註解
　　留言區域？這是哪阿？在BLOG首頁你不會發現到他的蹤影，但是在每一篇文章最底下都會有個「回應」的部分，這就是今天的主題囉！
　　那這個部分到底有什麼好變化的呢？又能玩出什麼花樣呢？且先看看下面圖一的部分，這就是我在我的BLOG動的手腳！(★注意：I Need You有看到嗎？以後看文章要多多回應喔！^^)
　　想要和我一樣在留言區域裡面加上背景嗎？想讓留言區域更生動、更吸引人嗎？那就趕緊看下去囉！

[圖一]

█ 觀念說明：

★注意：觀念說明此部分，如果你是CSS、HTML語法初學者可以先略過，直接跳到「語法說明」，這部分主要是進階，針對一些想要真的學習語法、瞭解語法的朋友，而不是只是Step by Step，將語法複製、貼上，能夠真的瞭解語法的原理，靈活運用！
　　在正式進入文章之前，先必須有一個基本常識，CSS能夠讓我們自訂HTML標籤的樣式！觀念來囉！什麼是HTML標籤呢？所謂HTML標籤就是我們在寫HTML語法長常會看到的""這個部分！為何要說到：CSS能夠讓我們自訂HTML標籤的樣式呢？舉個例子來說：我們在編寫HTML語法時，假如只打上
這個標籤，是代表要將文字大小變大！
範例：從
變成

　　這是我們單純使用
語法時是這樣，但是CSS提供了一個很方便我們編寫網頁管理的功能，讓我們能夠定義標籤的樣式，也就是你如果覺得
的語法只是單純讓字體變大，不夠好用，你可以自己定義
的功能，例如不僅僅變大，還能改變字體的顏色。但是你可能會問說，HTML語法不是就有的功能，可以直接調整顏色嗎？幹嘛多此一舉呢？沒錯！這麼方法的確可以，但是如果你的網頁有很多地方要用到
呢？那你是不是每次都要設定一次阿，這時候如果在CSS就定義好
的樣式，不就方便多了嗎？
　　之所以要講到這個觀念是因為和接下來我們要作的動作有關，要在「留言區域」動手腳，當然要先知道它是什麼咚咚！在HTML語法裡面，稱呼「留言區域」為「文字區塊」，在語法中是使用：「textarea」！接下來我們就往下繼續看下去吧！

█ 語法說明：

　　在之前我們已經知道「文字區塊」的HTML語法是：「textarea」，因此我們就開始從這裡著手吧！
/* 語法開始 */
　　 textarea{
　　　background-image:url(圖片位址);     /* 圖片連結位置 */ 　　　background-attachment:fixed;            /* 圖片位置是否要固定 …

 部落格製作教學
 58 則留言

▍在BLOG中放置影片 [ Version 1.0 Power by Andy Liu . ]

█ 事前準備：

　　文章用色說明：紅字：語法的指令 綠字：指令的參數 紫字：語法註解
　　更新速度永遠跟不上求新求變的各位！哈哈！前幾天剛剛有人問怎麼在網誌中放置背景，我也才剛寫好教學文件沒有多久，突然這幾天又有好多位網友在詢問，如果要放置影片呢？又要怎樣處理呢？答案其實已經在「▍在BLOG中放置音樂」這篇教學文件裡面了！不相信？恩！沒關係，我們繼續看下去吧！
　　PS1 　如果你是第一次看此篇文章，沒有看到「▍在BLOG中放置音樂」這篇教學文件的朋友，請麻煩你花點時間先看完「▍在BLOG中放置音樂」這篇教學文件，相信會更容易上手的！（部分重複語法不在此在說明！抱歉！）

█ 語法說明：

　　首先，先回答這個問題：「你看過『▍在BLOG中放置音樂」這篇教學文件』了嗎？對於裡面所談到的語法都熟悉了嗎？」。如果你的答案是「肯定」的，那恭喜接下來的步驟就快完成了！
　　還記得下面這個語法吧！

　　沒錯這就是放置背景音樂的語法，現在你只要將「背景的音樂網址」改成「影片的放置網址」就可以了！如下列的語法：

　　真的就只有這樣嗎？這麼簡單？沒錯，就是這麼簡單！那一定有人會想，那前面寫這麼多廢話幹嘛，就直接告訴我們這一行語法就好了阿！沒錯，當然是可以這樣，不過接下來要介紹的幾個語法才是更重要的！如果你想要讓你的「影片播放器」更為貼切好用，下面有幾個語法是你該好好揣摩的喔！
　　首先先來介紹大家熟悉的兩個語法，寬度與高度！在播放音樂的部分或許沒有這麼重要，但是在影片當中，便顯的很重要，怎麼說呢？因為影片有影片本身的大小，在設定播放器時，必須配合著影片大小，否則設定過小，會導致影片無法觀看；設定太大又會造成影片模糊，雖然看似一個小動作，但是也有不少的學問在裡面喔！

Width(寬)：播放面版的寬度，可以自行設定！
Height（高）：播放面版的高度，可以自行設定！

　　PS2　一般來說較常見的影片大小為320*240。

Hidden(隱藏)：決定播放器是否隱藏！屬性有：false：是顯示撥放器 true：是隱藏撥放器

　　PS3　除非影片有設定自動播放，不然不應該隱藏播放器！這樣會導致使用者無法觀看喔！

Loop(迴圈)：決定影片是否重複播放！之前有提到 Ture 和 False 的用法，這次提一下另一種用法！ 屬性有：loop=1：表示撥放一次即停止 loop=-1：表示無限撥放 loop=N：表示播放N次 (N必須為正整數)
Volume(聲音)：設定影片音量大小。屬性：volume="0-100″ 0為靜音 100為最大聲
StartTime(開始時間)：設定影片從幾分幾秒開始撥放。屬性：StartTime="分:秒" 分/秒為數字
Controls(控制)：控制影片播放器的大小。 屬性有：

Controls="console " …

 部落格製作教學
 35 則留言

▍魔法快速編輯漂亮文章 [ Version 1.5 Power by Andy Liu . ]

█ 事前準備：

　　文章用色說明：紅字：語法的指令綠字：指令的參數 紫字：語法註解
　　其實這只不過是個簡單的小技巧，稱不上什麼「語法」教學，但是我是覺得蠻好用的！「魔法快速編輯文章」聽起來好像很炫，其實也沒有這麼誇張拉，還魔法咧！你們可以看到「教學分享」裡面的文章，比起其他文章要來的「有看頭」，許多重點的部分都有加入顏色，使得瀏覽起來更為方便、舒服！一般來說要達到這樣的效果，只要在發表新文章時，在文章裡面加入語法控制就可以了，或者在發表文章時也有一個「進階編輯器」，都能夠幫助我們更為視覺化的編輯文章，但是說真的，網誌裡面發表文章的文字區塊還是有許多限制，文章一長，便顯的有點礙手礙腳！現在就往下看吧，一個好用的小技巧！

█ 觀念說明：

★注意：你必須要有 Microsoft Office FrontPage 或者是 Macromedia Dreamweaver 這兩套軟體其中一套！
　　這個小技巧，主要是利用這些網頁編輯軟體WYSIWYG(所見及所得)的特性，所謂的所見及所得就是說，在編輯網頁的時候，你想要什麼樣式，例如文字要紅色、要粗體、大小、位置怎樣，都可以直接調整，你不用自己寫語法，程式便能夠幫你編輯好，而且你在程式畫面看到的編輯畫面，就是網頁上傳之後的畫面，簡單來說，網誌（BLOG）經常都要動用的「語法手術」，常常你編寫了一段程式，就要讓他重新整理一次，才能看到結果，如果不滿意，又要回到「修改」中，去修改語法，真的是很麻煩！現在你能很方便的使用 Microsoft Office FrontPage 或者是 Macromedia Dreamweaver 這兩套軟體其中一套，來編寫網頁，編寫好了之後，再直接將「原始碼」貼到網誌裡面，就樣一來不是就方便多囉！
　　或許有的人覺得這樣好像多此一舉，反而更顯的麻煩，但是這樣的步驟其實不難！往下看下去就知道囉！
　　在此之前，我先來列出幾個使用這種方式編輯文章的優點：

所見及所得，不會發生要重複作修正的問題！
檔案可以直接存成網頁的檔案，儲存方便，檔案管理也方便許多！
不需要學習或記得太多的語法！
編輯文章更為快速！
(保留！有想到再補充！^^)

█ 實際操作：

首先先開啟你的 Microsoft Office FrontPage 或者是 Macromedia Dreamweaver 軟體

[圖一]

請先隨便開始一個空白的頁面（檔案），先隨便打上幾個文字(如圖二)！例如：我愛魔法快速編輯漂亮文章

★注意：在此僅作為示範，實際內容當然依照你文章的內容編寫！至於 Microsoft Office FrontPage 或是 Macromedia Dreamweaver 的軟體操作，並不是本文的重點，在此並不贅述，您可以參考相關書籍，以作進一步學習！

[圖二]

接著請注意[圖三] (Microsoft Office FrontPage畫面)和[圖四] (Macromedia Dreamweaver畫面)。分別找到「程式碼」的部分，將其點一下，作切換的動作！

　　★注意：正常情況下，一進入軟體應該是處於「設計」的狀態！

[圖三]
　

[圖四]
　　PS1 …

 部落格製作教學
 243 則留言

▍在BLOG中放置音樂 [ Version 1.1 Power by Andy Liu . ]
 
█ 事前準備：
 
　　文章用色說明：紅字：語法的指令 綠字：指令的參數 紫字：語法註解
　　首先要學如何在BLOG中放置背景音樂，就必須先瞭解HTML語法！玩BLOG的初學者常常很容易將CSS語法和HTML語法搞混（等我有空我在寫一篇文章來說明這兩種的不同好囉！），簡單來說HTML語法一定會有"<>"，所有的HTML語法都一定是包含在"<>"裡面。所以以後看到"<>"，一定就不是CSS語法，但是不一定是HTML語法，這個要分清楚，不過我們先不在這裡討論這個！只要先釐清一個觀念：CSS語法不會出現"<>"這種符號！
　　至於放置背景音樂有兩種方式，一種是有播放面版(如圖一)，而另一種就像我的BLOG：沒有播放面版，是看不到播放面版但是卻能播放音樂！

[圖一]
 
 
█ 語法說明：
 
　　瞭解放置背景音樂的形式之後，我們開始介紹播放音樂的HTML語法了！
　　第一種：有播放面版之語法
<embed src="http://你上傳的音樂檔完整路徑" width="100″ height="50″ loop="true" autostart="true">

Src：為連結的語法，主要是看你音樂的檔案在哪，就寫怎樣！
Width(寬)：播放面版的寬度，可以自行設定！
Height（高）：播放面版的高度，可以自行設定！
Loop(迴圈)：設定音樂是否要重複播放。要重複播放：ture 不重複播放：false
Autostart(自動開始)：設定載入網頁時，音樂是否要自動播放。要自動播放：ture 不自動播放：false

　　PS1 　Embed：此為HTML語法中「插入元件」的語法！請務必記得後要也要加上，代表語法結束！
　　PS2　一般來說HTML語法大都是相對應的 代表開始 代表結束
　　第二種：沒有播放面版之語法
<embed src="http://你上傳的音樂檔完整路徑" hidden="true" loop="true" autostart="true">

Src：為連結的語法，主要是看你音樂的檔案在哪，就寫怎樣！
Hidden(隱藏)：你的播放面版要不要隱藏。要隱藏：true 不隱藏：false。
★注意：如果你隱藏面版，記得autostart要設定為true。

　　PS3　第一種和第二種的語法其實是共通的，看你的需要為何要適度的加入語法！只要加上<embed>裡面就可以了！
 
 
█ 實際操作：
 
　　目前語法的介紹已經算是完畢了！但是最多人有問題的部分就是：「我知道語法怎麼寫，但是我究竟要怎樣加到BLOG當中呢？」
　　一般來說（此以無名小站的BLOG為例），有下列幾個地方可以加入HTML語法！

在BLOG的「網誌設定」(如圖一)裡面的網誌名稱(如圖三)、網誌敘述(如圖三)！

[圖二]

[圖三]

在BLOG左邊或右邊（依照每個人得BLOG而不一定）的選單中的「連結管理」(如圖四、五)！

[圖四]

[圖五]
更正：與法應該貼在連結管理中的[名稱]欄位中，而不是[網址]欄位中喔！
2007/04/10修正

　　最後，你只要在以上的這三個地方，都可以加入播放背景音樂的語法！加入之後，就可以開始享受音樂的饗宴囉！
 
█ 補充說明：
 
　　此部分會收集一些網友發表的問題，然後再加以整理、解答！會隨時更新，請多多注意！
Q1：為何我的BLOG找不到「連結管理」？
Ans：那可能是你第一次使用BLOG或是未曾建立新的「資料夾」，你可以參閱圖六，找到「資料夾管理」點選之後便可以新增資料夾(如圖七)，然後點一下「新增」之後，便會像圖八一樣，接著填上自己想要的資料夾名稱，然後按「確定」即可！（★注意：一定要按「確定」設定才會生效！至於「順序」的選項可以自己設定，沒有規定一定要怎樣！）接下來回到BLOG首頁，再選單的部分就可以看到一個新多出來的部分（如圖九），再圖九當就能夠看到「連結管理」了！

[圖六]

[圖七]

[圖八]

[圖九]
 
 
|| 歡迎轉載 但請勿盜用|| http://andyliu.24cc.com
Copyright (C) 2004 Andyliu Design . All rights reserved .