分類彙整:教學

教學

網誌背景音樂

其實這個東西早就寫好了,只是因為配合他的網站一直是半成品,所以遲遲未公佈,

只是我衡量一下自己的狀況,如果等到整個網站寫完應該是明年暑假了。

最佳瀏覽狀況是1024*768,不過如果是其他的流覽狀況功能也是正常的,

反正先申請帳號,如果申請過mineserver的帳號了,那就趕快去申請重寄認證信,

如果使用Yahoo的信箱,可能會出現在垃圾郵件匣內。

之後找到會員服務,有一個上傳網誌背景音樂的地方,將喜歡的音樂上傳之後,

系統會給你一段html碼,貼到支援html的地方就可以了。

註:音樂大小不得超過3.0M
  音樂檔案目前僅支援wav wma mp3 rm midi,推薦"wma、midi"

網址:http://www.mineserver.com/

簡易的html原始碼-儲存格樣式

上次介紹的東西如果忘記了,趕快點底下的連結複習一下唷!
http://cleanwind.mineserver.com/mysite/blog/index.php?entry=entry051105-111029

如果…如果你連表格怎麼畫都忘了,那(大泣…奔)(我確定我有過度三八的傾向),
好,不用管我因為高三壓力過大的症狀,請看最早的介紹吧^^
http://cleanwind.mineserver.com/mysite/blog/index.php?entry=entry051101-010738

如果你都沒忘(或是忘光光但是已經複習完了),我們繼續往下走。上次告訴各位的是"整個表格"的設定,但是我要如何單獨設定儲存格呢?方法其實很簡單,只要在<td>的標籤中加入屬性就可以囉^^(如果你到這邊發現你看不懂,你可以A.回去複習一下 B.當作沒這篇文章)(但是不准只給我一分啦>"<這要打很久耶QQ)

底下是可以寫在<td>標籤中的語法。
<td width="" height="" align="" valign="" bgcolor="">
width   設定儲存格的寬度
height  設定儲存格的高度
align   <font color="red">*</font>設定儲存格的水平對齊方式
valign  <font color="red">*</font>設定儲存格的垂直對齊方式
bgcolor 設定儲存格的背景顏色

不過要注意的是,調整單一儲存格的寬度或高度,可是會影響同行或同列的儲存格的。
而且如果設定跟整個表格(<table>標籤)抵觸,在IE中會以表格的設定為主喔^^
<font color="red">*</font>align標籤共有三種選擇:right(靠右)、left(靠左)、center(置中)
<font color="red">*</font>valign標籤也有三種選擇:top(靠上)、bottom(靠下)、middle(置中)

底下是一段表格的範例,把圖與原始碼相比較你就會懂囉^^
<table border="1" cellspacing="0" bordercolordark="green" bordercolorlight="green" height="80">
<tr>
<td height="35%" align="left">清風小築◎</td>
<td height="35%" width="20%"> </td>
</tr>
<tr>
<td height="63%" bgcolor="yellow"> </td>
<td height="63%" width="20%" valign="top">師師</td>
</tr>
</table>


<table border="1" cellspacing="0" bordercolordark="green" bordercolorlight="green" height="80">
<tr>
<td height="35%" align="left">清風小築◎</td>
<td height="35%" width="20%"> </td>
</tr>
<tr>
<td height="63%" bgcolor="yellow"> </td>
<td height="63%" width="20%" valign="top">師師</td>
</tr>
</table>

最後還是要提醒一下,畫表格利用FrontPage、Dreamweaver等tools代勞就可以了^^還有一個<th>標籤是儲存格的標題,功能與<td>可以說是一模一樣,只是在<th>與<td>裡的字體不大一樣,不過這個標籤沒什麼人在用也是真的。

簡易的html原始碼-表格樣式

上次是說到表格的架構,也介紹了三個標籤:<table><tr><td>

接下來就是要介紹如何編輯表格囉!這次先教大家欄寬、列高、框線粗細的設定。

<table border="" width="" height=""
cellspacing="" cellpadding="" bgcolor="">

<pre>
border 設定外部框線粗細
width 設定欄(行)寬
height 設定列高
cellspacing 設定內部框線粗細
cellpadding 設定資料與內框線之距離
bgcolor 設定表格背景顏色
bordercolorlight 設定表格亮框線顏色
bordercolordark 設定表格暗框線顏色</pre>
範例:畫一個長佔瀏覽器的10%,寬佔40%的表格,背景為紅色,
框線為1px且為綠色,外框線與內框線須相距3px,表格內的文字要跟框線相距5px
<table border="1" width="40%" height="10%" cellspacing="3" cellpadding="5" bgcolor="red" bordercolordark="green" bordercolorlight="green">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

<table border="1" width="40%" height="10%" cellspacing="3" cellpadding="5" bgcolor="red" bordercolordark="green" bordercolorlight="green">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

簡易的html原始碼-表格架構

首先我要跟大家道歉,因為自己的懶散讓網誌的進度落後嚴重,而且不只網誌進度落後,
連帶也影響到了網站的進度,對於這點師師真的是難辭其咎,在這邊很慎重的像各位道歉。
其實我一直再思考是不是要換主題,畢竟html原始碼也差不多到盡頭了,
表格與框架根本是不常用的東西,而且現在有所謂的FxxxxPage之類的tools,
只要做好之後換到程式碼的頁面複製一下即可完成了,介紹表格的原始碼真的有必要嗎?
不過畢竟有始還是應該有終,而且每次修改表格都要打開tools編輯也的確蠻麻煩的,
倘若我們可以對於這些標籤(Teg)有所認識,就可以直接修改了。

廢話不多說了,相信大家都有注意到,大部分的html都有一個特性:
就是起始標籤與結束標籤,而形式大概都是<xyz></xyz>
讓我們直接看一個例子吧!假設一個2(行)X3(列)的表格,那麼程式碼的結構如下:

<table>
 <tr>
  <td> </td>
  <td> </td>
 </tr>
 <tr>
  <td> </td>
  <td> </td>
 </tr>
 <tr>
  <td> </td>
  <td> </td>
 </tr>
</table>

<table>...</table>用來宣告中間是表格
<tr>...</tr>用來宣告列數,有幾列就有幾組<tr>標籤
<td>...</td>則是用來宣告行數,有幾行就有幾組
以上是表格的基本架構,下週我將教大家做基本的編輯。11/06待續

(註)畫表格的動作麻煩使用tools代勞,不然到時候眼睛脫窗不要怪我>"<

趨勢科技:5種網路釣魚常用技巧

<font color=”green”>1.詐騙網址公開呈現-詐騙技巧難度</font>:★<font color=”red”>★</font>
這或許是最容易辨識的技巧。在這種技巧中,詐騙者完全不試圖隱藏實際的網路釣魚URL,因此在網址列中可清楚看到網路釣魚URL。有時詐騙者還會使用看似一般正常網域的網域名稱。

<font color=”green”>2.偽造網址列-詐騙技巧難度</font>:★★<font color=”red”>★★★★</font>
這種技巧會改變瀏覽器的網址列,在網址列顯示一般正常的網址。整體呈現的效果就像是一個背景為白色的文字物件遮住網路釣魚URL,上面顯示一般正常的銀行網址。然而,只要檢查網頁的內容視窗即可看出偽造網站的真正網址。

<font color=”green”>3.使用彈出式視窗-詐騙技巧難度</font>:★★★<font color=”red”>★★★★★</font>
這種技巧會利用指令碼 (script) 在背景開啟一個正常的網站。而偽造的彈出式視窗通常與正常網站沒有差別,而且是在背景開啟。它會讓使用者誤認為彈出式視窗與官方正式網頁有直接關聯。有時彈出式視窗只會遮住正常網站的一部分。

<font color=”green”>4.在網路釣魚郵件中使用表單–詐騙技巧難度</font>:★★★★<font color=”red”>★★★</font>
有時收到的網路釣魚郵件是 HTML 格式的郵件。其中包含用來收集使用者個人/帳戶資訊的嵌入式表單。被竊取的詳細資訊通常會傳送至特定的電子郵件地址,或張貼至特定網站中。

<font color=”green”>5.偽造網站–詐騙技巧難度</font>:★★★★★<font color=”red”>★★</font>
這種技巧會花一些工夫製作與被信任的真正網站一模一樣的複本。偽造的網站與真正的網站外觀完全相同,甚至連最微小的細節都不會遺漏。偽造的網站中所顯示的連結都屬於同一個網路釣魚網域。

師師補充:

大部分的網站並沒有使用所謂的https進行資料加密,趨勢科技無疑是在癡人說夢,但是國內稍具規模的入口網站,例如Yahoo是利用寫入cookie的方式避免駭客利用程式惡意嘗試密碼,當失敗太多次時,該電腦會被Yahoo自動寫入禁止登錄的cookie,必須等cookie時間失效能繼續登錄Yahoo!

同時我個人認為以難度區分的話,趨勢科技的分類並不正確,紅色表示我的分等,第2、3項應該比較難才對,第1、4、5項只要有基本的html能力及對於C語言之認識都可以完成了!而第2、3項需要除了需要以上兩種能力外,更必須對script有了解,其中第三項甚至需要入侵網站之伺服器才有辦法完成,我實在不懂他們怎麼分級的@@?

不過大家也不用害怕啦^.^目前最新的植入病毒方式是寫入一些程式碼至電腦中再執行,所以只要有安裝微軟的SP2應該都可以擋下這類的攻擊!但是如果自己跑去開一些自以為怪怪的圖片(尤其是男生),中毒也是理所當然的 🙂

不過目前網路釣魚並不算太興盛,畢竟完整的木馬程式可以給予的資料太多了,而且只要被植入木馬後所有資料都將有可能外洩(諾頓的防火牆似乎可以切斷本機與對方的連線進而阻止遠端的控制)總而言之,無論是使用哪家的防毒軟體,千萬不要關閉"防火牆或是即時掃描"!