訪客留言簿

星期五, 5月 30, 2008

[資安通知] Flash Player 9,0,124,0 安全漏洞

(這篇最後的更新時間好像是 2008.08.13 16:30 UTC+8 左右)

[ 問題概要 | 解決方法 | 監視檢查 | 新安全漏洞 ]

注意一下,這是有安裝 Flash Player 的人都要擔心一下的,不確定你的 Flash Player 版本的話,請上 Macromedia(被 Adobe 買下的 Flash 技術公司)官網查詢你的 Flash Player 版本。(另外我標題沒寫好, 124 是更新版,所以應該寫成「124 修正的~」才好,但是有些非官方網站說這版尚末完全修復,建議各位還是小心點好。)

Firefox 使用者請先暫時安裝 Stop AutoplayNoScript 擴充套件,調一下設定將 Flash 全擋下來,或是參考「懶人筆記」寫的移除舊版並暫時安裝 Flash Player 10 beta 測試版 ,不過免安裝版本的 Firefox 得要自己找到程式安裝路徑下的 plugins 資料夾下的 NPSWF32.dll 砍掉的樣子。(另外擋 Flash 的擴充套件我不推薦 Flashblock 的主要原因是以前有吃 CPU 的不好經驗,新版不知有沒有改善。另外聽人說 MediaWrap 也有類似功能,有裝這個的可以試試。)

詳細的請先看 Adobe 官方 4/8 的公告,這次受影響的是 Adobe Flash Player 「含 9.0.115.0 以前的版本」,還有「含 8.0.39.0 以前的版本」。

問題概要

Flash Player 有安全漏洞 → 在 Flash 中可以塞些東西讓人在瀏覽時不知不覺間去下載惡意程式碼 → 只要是有裝 Flash Player 都會中獎 → 不過依下載的惡意程式碼不同會有不同的安全問題 → 總之擋掉 Flash 或是擋掉 cn 網域可以安全一小段時間 → 重點是要 Adobe 跟 Macromedia 趕快放出更新版來啦(註: 9.0.124.0 有修補好了)

上面是我猜測的,詳細的內容請再看下面的那堆相關連結(尤其是 Trend 網頁的那篇)。另外能讀英文的,看一下這篇說明 SQL Injection Attack 的應該會比較清楚這次的攻擊手法。

在此感謝巴哈洽特上的理察老兄,這篇文章全部的英文網頁連結都他提供的(懶人筆記的連結也是),我只是順手收起來整理而已。當然還有許多在巴哈洽特上參與討論的人,也感謝你們點醒我啦。 XD

解決方法

雖然上 Macromedia 網站可以檢查是不是 9.0.124.0 版,不過 Flash Player 好像不會移除舊版,所以你最好下載執行 Flash Player Uninstaller 一下,再重新安裝 9.0.124.0 版本。(從 Solution 那項底下有兩個連結,一個給 Windows ,一個是給 Mac 用的這樣。)

順帶一提, Firefox 要查電腦裡有沒有安裝 124 之前的 Flash Player 版本,只要在網址列打「about:plugins」就好。

監視檢查

另外想檢查電腦有沒有問題的話,可以上 Sysinternals 網站找掃瞄 Rootkit 、 Registry 、異常連線跟監控檔案的工具……雖然我不知道是哪個啦,上面的東西好多。 XD

總之先找這幾樣來用吧。

相關討論

相關新聞

筆記欄

想拆開 Flash 研究可以用「Sothink SWF Decompiler」,目前會警告使用者這問題的防毒軟體有 NOD32 ;還有就算是 124 的也還是會把有問題的 Flash 下載回來,建議還是移除或擋掉 Flash ,雖然新版下載回來有沒有把遠端的惡意程式再下載回來跑我不清楚倒是。(註:目前賽門鐵克也說明 124 不會碰上這次的問題了)

星期四, 5月 29, 2008

[網頁設計] 平平一樣功能,有人的就是比較快。

前言

とっぱら的介紹網頁技術實在太恐怖啦!

以最近一年很流行的把縮圖放大到畫面中央,或類似的表現方式來說,有些人的讀完網頁後,點了縮圖才開始讀大圖,點了下一張才開始讀這下一張,而且因為這種放大圖片功能是載入「背景圖片」,所以還沒出來前都是空空的。

要解決這些煩人問題,大概就是讀好網頁時預載一部分或全部的完整圖,然後點擊某張圖後,就開始預載上下一張圖,而且盡量把讀取訊息放小一點。

不過這樣還是會有個問題,就是這些預載的圖片沒讀完的話,點開來時是不會自己重讀的,還是得手動重刷一下整個頁面。(我猜大概是因為連圖片都要搞檢查完整性會讓處理速度變慢的關係,才會放著圖片沒傳完也不管。)

星期三, 5月 28, 2008

Brief 自訂外觀說明文

前言

這篇文是為了配合 Brief 1.2 的「自訂消息來源欄位的外觀(Customize the appearance of feeds)」功能中提供的教學網頁而寫的,原始頁面是 Brief - a feed reading extension for Firefox

另外 Brief 是 Firefox 上用來閱讀 RSS/ATOM 資料用的附加元件啦,不過 Brief 1.2 版得要 Fx3 以後的版本才能用就是。

可以利用的元素

官網的教學文章寫得比較詳細,所以我這裡挑簡單的幾個元素來說明就好。還有官網的就是整個 Brief 的介面架構了,所以你可以按照官網的說明修改整個介面。

  • 各項目的標題超連結文字:就是「div class="article-title-link"
  • 各項目的時間跟作者資訊等的那一行:都放在「div class="article-subheader"」裡面
  • 各項目的內容:放在「div class="article-content"」這裡

然後眼尖的人可能會發現「各項目的標題超連結文字」有兩處,這是因為有分為「只顯示標題」的模式,跟「顯示全部內容」的模式兩種。總之「div class="article-container"」裡寫的就是完整顯示的內容,而「div class="article-container"」裡的則是收褶到只留標題的顯示模式。

可以利用的樣式

基本上可以填任何 Firefox 3 支援的 CSS 規則,不過各位最常用到的應該就是字型大小之類的吧,這裡先教這個就好。

舉例來說,想要修改各項目中的標題、時間跟作者資訊等等、還有內容的字型大小的話,只要這樣寫就好。

.article-title-link { font-size: 18px !important }
.article-subheader { font-size: 12px !important }
.article-content { font-size: 16px !important }

上面的三個數字就是改字型大小的,各位可以自行試試。

寫好後,開 Brief 選項視窗,在「顯示」的大項目下,有個「自訂」的按鈕,點下去會打開來一個新視窗,裡面是可以編輯的區域,還寫了一些字。

如果你看不懂的話,就不要管裡面寫了啥字,直接游標移到這個編輯區域最尾巴那,按幾下 Enter 鍵隔幾行,再貼上上面舉例的那三行之類的上去,然後按「確定」按鈕離開編輯畫面,就會即時顯示字型大小變化了。(大概吧)

淡化廣告項目

如果你有訂閱一些網誌的 RSS/ATOM 的話,應該也會有收到一堆廣告訊息更新的經驗吧。

利用自訂 Brief 外觀的功能,也可以把這些廣告的字體顏色改淡,這樣就比較不會跟主要內容搞混了。

下面是一些贊助商廣告會出現的標題關鍵字,不過「Theme」那是我拿來過濾 Firefox Add-ons 用的,所以當個參考就好。(另外我並不確定填中文有沒有用)

div[content*="Theme "] * ,
div[content*=" theme "] * ,
div[entrytitle*="PR: "] * ,
div[entrytitle*="AD: "] * {
  color: #ccc !important
  }

其它

請參考 Brief 官網的教學文章,或是 MozTW Wiki 中收錄的 Stylish 資源,裡面都會有一些 CSS 教學文件。

還有 Brief 官網也有提供預設的樣式表,想動手大改一番的話,可以從官網下載回來慢慢看。(當然同樣的一份樣式表也有放在你的設定檔資料夾中)

還是有問題的話,請在這篇文章底下留個言吧。

星期二, 5月 27, 2008

[翻譯筆記] 翻譯「要唱」的歌詞的重點

這篇是我在巴哈姆特 Chat 板 5/24 和 A 板友討論的文章,我自己挑需要的出來整理的。

  1. 曲子節奏:
    沒歌詞也可以唱,但是要填歌詞進去,就要注意字的發聲音調, 還有長度也要控制好,才不會唱太快太急。
  2. 曲子旋律:
    在適當的旋律中,填入適當的歌詞。主要是著重在詞曲共鳴。

[網頁設計] 網頁親和力不具強制性

前言

最近碰上 Firefox 跑網頁跟別人不同的情況(後述),順手寫個筆記好了。

另外 Jedi 推廣的網頁親和力,跟我國政府在推的無障礙網頁,基本上是差不多的東西,只是網頁親和力這名稱可以延伸的範圍會更廣而已。

另外請注意一下,這篇文是整理我的經驗寫成的,跟大家在說的可能會有很大差異,請當作參考看過就好。

還有,這篇後面的部分不是給初學者看的,前半部分隨便看看就好。

網頁親和力的目的(個人解釋)

網頁丟上網路,當然是為了給更多人看,所以想辦法「讓每一個人都能看到內容」是最低要求。

不過只靠一個人當然不可能達成這目的,所以才需要「維護網頁公開規格的組織」,還有「遵行這份公開規格的程式製作者」,沒有這些人建立起網頁規格的話,現在大家還是會像古早以前裝電腦一樣,不同廠牌的零件完全不相容,甚至同廠牌的也會每新出一款就不相容。(扯遠了)

而這些持續在維護進化的網頁規格,有個共同的目標,這目標不是為了製作多漂亮、功能多強大的網頁,而是為了「讓大家都能看到內容」,也就是今天要談的網頁親和力。

網頁親和力為何不具強制性

雖然網頁親和力的目標非常偉大,然而並不是每個網頁都必須要投注無數精力時間,來達成這非常偉大的目標。所以退求其次,先想辦法「讓更多人可以看到」。(註:這裡不是指打廣告讓人進來,而是讓進來的人看得到你的網頁內容。)

基本上來說,網頁親和力分成兩大部分:一個是給「圖形化瀏覽器使用者」看的,另一個則是給「身心障礙人士」看的。不過各位只要能滿足「圖形化瀏覽器使用者」就夠了,因為這樣還是可以給「身心障礙人士」基本的網頁內容,雖然他們「看」起來會有點不順暢就是了。

工具介紹

這裡介紹的是比較初步的工具,一些要花時間的工具就不談了(反正我也不知道那種玩意)。

  • 圖形化介面瀏覽器 -- IE(5.5/6.0/7.0/8.0), Fx(1.0.*/1.5.*/2.0.*/3.0), Opera(9.*), Safari(3.*), Konqueror(4.0.*) ※註:上述說的是同排版引擎中比較多人在用的,各分支或社群版本在此不提。
  • 網頁編輯器 -- Microsoft Office Publisher 2007, Adobe Dreamweaver CS3, NewsGator TopStyle 3.5, Emurasoft EmEditor, MadEdit, Notepad++ ※註:上述編輯器的共通特色,主要是著重在可以檢視原始碼。
  • 檢測器 -- W3C Validator ※註:一些網頁編輯器也有內附檢測器(Validator)
  • 純文字瀏覽器 -- Lynx, w3m, Links2 ※註:拿來玩玩就好,除非你覺得圖形化瀏覽器慢到無法忍受,不然沒必要用這些。

製作更有親和力網頁的步驟

  1. 依照基本的網頁規格來撰寫文件。(後述)
  2. 將寫好的網頁,分別用三款以上的瀏覽器跑跑看有沒有問題。(瀏覽器在上面我有提供)
  3. 看過覺得沒問題的話,可以丟給 W3C Validator 檢查看看。
  4. W3C Validator 有說明錯誤的話,請先檢查一下是不是每個元素跟註解都有寫好結束標籤。
  5. 還是通不過 W3C Validator 的話,請再檢查使用的元素名稱是否有誤、圖片或多媒體物件是否有寫好替代文字。
  6. 使用 Firefox 或 Opera 一類的瀏覽器,依序將網頁樣式表關閉檢查、將圖片顯示關閉檢查、將 JavaScript 關閉檢查、將外掛程式(Plugins)關閉檢查。基本上弄到你覺得沒問題,拿給別人看也覺得沒問題就好了。
  7. [CSS] 關於文字大小、螢幕解析度,一般內容的中文文字大小設在 16px(12pt) 比較適當,而螢幕解析度則是先以 1024 寬度為主, 1280 次之, 800 有空再調整這樣。(螢幕解析度會一點 JavaScript 的話可能會輕鬆點,當然用全版面 Flash 也可以啦……)
  8. [CSS] 字型集方面,記得要設「通用字體集」,也就是 serif,sans-serif,cursive,monospace 這些字型類別名稱,這可以讓瀏覽器自行搜尋系統中屬於這類別的字型來用。

基本的網頁規格所用的元素

  1. DOCTYPE -- 宣告這份網頁文件採用何種規格來排版
  2. html -- 表明這是一份網頁文件的內容
  3. head -- 給瀏覽器事先處理的一些資訊
  4. meta -- 包含在 head 元素範圍裡,用途很廣,比較常使用的情況是要宣告網頁文件的字元編碼,建議 head 起始標籤後立刻接上這個。另外網頁描述(description)跟搜尋關鍵字(keywords)也會用到這元素。
  5. title -- 包含在 head 元素範圍裡,網頁文件的標題,會顯示在瀏覽器標題列上。
  6. link -- 包含在 head 元素範圍裡,要與外部文件建立連結時用的,比較常用在載入 CSS 檔案,或是連結電子郵件、上一頁或下一頁文件這類的用途。
  7. style 跟 script -- style 是宣告 CSS 語法定義區用的, script 則是 JavaScript ,基本上想要載入文件內容(body)前先行處理好的才需要寫在 head 元素範圍內,不然可以隨喜歡加在 body 內任一處,注意先後關係就好。
  8. body -- 要顯示給人看的文件內容全會寫成這裡,把 CSS 跟 JavaScript 全關掉後,還能看到的東西也是在這裡面。
  9. (其它) -- h1 到 h6 是文件內容的標題, p 是段落, a 是超連結, img 是圖片, ul 跟 ol 是列表, table 是表格,剩下的不重要。

基本的網頁規格所用的元素屬性

  1. href -- hyper reference 。給 a 元素用的,會指示要連結的錨點(anchor)位置在哪。(可以用絕對位置、相對位置、內文書籤三種方式指定)
  2. src -- source 。給 img 等連結外部檔案的元素用的,會指示要插入的圖片(image)等檔案的位置在哪。(可以用絕對位置、相對位置兩種方式指定)
  3. alt -- 給 img 等的多媒體檔案元素用的,會在無法顯示時,以替代文字表示在畫面上。(意思是說,這是在看不見多媒體內容時,要你想辦法用純文字解釋內容用的,也可以完全不填入任何字,這樣就不會跑出替代文字,但是不寫 alt 屬性則是會用檔名代替顯示,要注意一下。)
  4. title -- 提示文字,幾乎任何元素都可以用,比如說你弄了一個超連結,但是超連結文字說明得還不夠清楚,就可以在 a 元素裡加上 title 屬性說明。(用在圖片上時,不管圖有沒有顯示,都會在你滑鼠鼠標移上去時顯示,所以到底想要拿來說明這圖片的什麼,要自己注意一下。基本上用在 a 元素上就夠你煩了。)
  5. id 、 class 跟 name -- id 可以用來建立一份網頁文件中,唯一的名稱,也可以拿來當內文錨點的目標。總之 id 跟 class 都是在使用 CSS 很常碰到的東西,然後 name 則是 JavaScript 跟表單(form)工作會用到的。

其它

要用 Unicode 還是 ANSI 編碼?
Unicode 是指 UTF-8 那類的,多國語言環境會用到的東東; ANSI 則是指 Big5 那類的,各國國內自己在用的玩意。如果你的文件要塞很多語言、很多符號的話,用 Unicode 類的編碼就好,雖然有些純文字瀏覽器目前還不太能支援 Unicode ,但是有硬體輔助器材的話,身障人士也還是可以用圖形化瀏覽器的,不勞各位擔心。
這篇文章前言裡說的「Firefox 跑網頁跟別人不同的情況」的指什麼?
單純是註解標籤的處理方式有點不同而已。以「<!-- (一些內容) <!-- 註解 -->」這段原始碼為例, Fx 會把很後面的部分也一起註解掉,但是 IE 跟 Opera 卻只會停在上面註解那行的結束標籤,不過這也只是我的猜想而已,實際上問題出在哪裡還不確定,但是跟使用了「HTML 4.01 Transitional」的規格應該有所關連,有沒有用這規格會讓同樣的原始碼處理出不同結果來,在這則是因為前面點的註解標籤需要一個結束標籤,所以才會停在某個前面有 -- 兩個符號的標籤處。

星期日, 5月 25, 2008

[妄] 如何收藏書籍

前言

因為 愛書人福音:搬家不必再打包的書架 這篇文章的啟發,所以我想了幾種藏書的方式,下面就直接來寫吧。

分離式盒櫃與客廳

客廳中間會有桌子,不過也不一定得要是四隻腳,底下有個隔層讓人放東西的,一隻大腳掌撐在地上的桌子,腳上壓些盒櫃也行。

書房

一堆直立式書櫃當然是必要的,不過我想要的是接近梯形,下底耐搖晃的,然後每一層的下底板都是向內下斜的。

防潮櫃

通常是不會把書放在防潮櫃的,弄個隔間控制溫濕度比較普遍。

隨手翻看的書

隨意堆放是挺不錯的,不過有手提式小書櫃就好了。

隨搜隨用的資料庫

如果你有不錯的掃描器,還有個不錯的檔案索引資料庫軟體,那就可以考慮把書全掃進電腦硬碟裡存放。

星期六, 5月 24, 2008

[翻譯筆記] 「老貓學出版」網站上的翻譯相關文章

與翻譯相關的

要做的功課
跟老闆算帳
何時搬救兵

與翻譯無關的

跟譯者無關,看過就好,不要一直去煩惱。

wini 推薦的中文網站 (20080524)

這一篇主要是寫我有訂閱 RSS 更新通知又覺得不錯的(意思是主題夠專一明確之類的),如果有人覺得介紹不夠充足的,或是各位站長不希望我在這介紹的話,還請留個言,感謝。

文化

休閒

  • gfc's blog -- 日本漫畫、輕小說、同人誌、遊戲的個人評論
  • Restorative Wings -- 日本漫畫及輕小說的個人評論、自製作品塗鴉手稿、黑話文化的傳說整理

嘲諷、成年人口味

  • 扁蟲窩 -- 黑歷史、翻譯
  • 遊戲噗 -- 南宮博士愛、青春、與勇氣的網站,不過基於本誌(在下的)目前奉行健全內容的原則,在此不方便直接給連結(oωo)
  • 宇宙囧片王 -- 分享精選電影……嗯,精選電影介紹跟心得的網頁,作者是魔王,首頁在這:摔角圖書館

電腦資訊

相片

星期四, 5月 22, 2008

[翻譯筆記] 原文還中文?

在很多情況下,你都可以翻成中文再備註上原文;不過絕大多數情況中,你最好保留原文。

  • 需要取得使用者一致認同的名稱:比如說瀏覽器 Firefox 所使用的附加元件。不知道為什麼,科技界的產品(電腦軟硬體及網路服務),大家似乎都可以認同保留「英文原名」,所以我覺得至少在非說明性質的項目裡,你最好保留原文,使用者間在用的黑話或暱稱就留在聊天室裡用吧。
  • 重大場合的外賓姓名:沒必要自找麻煩,用原名對方看了高興也就好了,我們自己要怎麼協調是自家的事,別麻煩對方。(事實上我們也只要說到對方的職稱或國家、組織名稱就好)

其它的暫時想不到非保留原文不可的理由就不寫了。

不必保留原文的理由

  • 虛構作品中的人名:除非這角色的名字跟故事中的謎題有關係,不然沒必要特地標明原名,反正他們又不會跑出來咬人。(還有別看到很像英文的字母,就全都用英美腔調去翻中文人名。)
  • 化學物名稱:不管寫哪個,一般人看來都是不怎麼好懂,所以就翻成中文吧,至少這種東西的名稱,中文翻譯是不會變化的。(補述:要「唸」時翻成中文,要「看」時可以保留原文,這點看國內習慣來處理就好。)
  • 中文沒有對應的單字或諺語:想辦法解釋,或者造一個用中文來看可以解釋八成原意的新詞;也別特地標上原文跟讀者說你翻得多好,真的想備註就寫到一旁去。(這關係到你對原文詞句的認知有多少,你只懂四成的話,那造出來的新詞通常也沒法子解釋太多,雖然時間久了大家就習慣這詞的用法了啦。)
  • 你不懂的東西:想辦法找會的人問,別到了要出版時還用原文。
  • 你的客戶群是一般民眾時:除了偏執狂跟高知識份子外,一般人都不會想看到一堆外文,所以為了飯碗著想,譯成中文吧!
  • 你要說服的辯論對象是個看一個原文字,就自動把文意改成有利自己的傢伙時:別浪費時間了,去幹別的事吧。

星期三, 5月 21, 2008

[教學] foobar2000 (0.9.5.*) 基本使用篇

前言

fb2k 的預設介面、操作真的很難用(前言完)

  1. 下載安裝及資源
  2. 設定使用介面
  3. 工具選單及偏好設定介紹
  4. 設定檔案關聯
  5. 設定快速鍵及系統列圖示
  6. 建立音樂庫
  7. 安裝新編解碼器或擴充功能
  8. 抓音軌及轉檔

下載安裝及資源

要下載 foobar2000 ,可以直接上 foobar2000 官方網站(英文)下載。首頁會放最新版(Latest version),下方就會給一個下載(Download)頁面了,點進去下載安裝檔(Installer)這連結的檔案就好,注意要用瀏覽器下載不然官方會擋掉。(註: foobar2000 是 Windows 程式,要在 Linux 上使用得要靠 WinE ,運作正常與否我不確定就是。)

下載好後就滑鼠點兩下 foobar2000 執行檔安裝。安裝過程中比較重要的地方,除了稍微看一下安裝路徑(Choose Install Location)這步驟外,接下來設定可選的安裝元件(Choose Components)這裡,有個「建立不同使用者的安裝設定(Install for all users)」,會決定你使用 foobar2000 時的設定檔(foobar2000.cfg),要不要跟別人共用,取消掉應該就是裝進安裝程式底下,所以請依需要調整一下,也就是點一下這選項旁邊的外星人大頭圖啦;還有自選的功能(Optional features)這裡,我個人建議是全部安裝(功能可以自己看看),把外星人大頭圖點到變黑一點就是全裝了(呃)。最後就安裝(Install)啦,裝好後會提示你執行(Run foobar2000),看要不要馬上執行而已,自己弄一下。

網路資源整理:

設定使用介面

foobar2000 自 0.9.5 版開始後,官方版就有內建很多面板(skin)了,所以你才會一執行 foobar2000 0.9.5.* 後就看到一個「快速建立佈景設定(Quick Appearance Setup)」。總之「主要排版(Main Layout)」隨便挑一個用,下面再告訴你以後可以從哪裡修改。(我個人推薦「Album List + Properties」的)

然後選好後,有些一路用上來的人可能會發現少了播放方式(Playback Order),這點你可以在最上方的工具列上按一下滑鼠右鍵,快捷選單中有個「Playback Order」的就是。如果發現新加進去的工具欄被擠到下一行的話,請把視窗放大,或是拉動一下各工具欄兩旁的直桿子,調整各欄位佔用的空間一下。還有硬拉到旁邊工具欄位的兩端的話,還可以互調兩個欄位的位置。(順帶一提,幾乎全部的欄位都能這樣子調整,要鎖定住也是從工具列上按滑鼠右鍵叫出快捷選單,有個「鎖定工具列(Lock the Toolbar)」的就是……雖然只能鎖住一部分啦。)

然後「快速建立佈景設定(Quick Appearance Setup)」,想要再叫出來這個設定的話,請再往下看。

工具選單及偏好設定介紹

工具選單這裡只介紹最上方的工具列中,一堆字的那部分。

  • File -- 開啟檔案、開啟音樂光碟、加入檔案、加入網址(聽網路電台會需要)、建立播放清單,還有「偏好設定(Preferences)」也在這,後面再慢慢介紹。
  • Edit -- 沒啥好介紹的,主要是刪除列表上的播放歌曲後想還原時會用到啦。
  • View -- 跟外觀有關的都放在這。比較重要的是「視窗永遠放在最上層(Always on Top)」跟「排版(Layout)」兩項。其中的「排版(Layout)」裡有個「快速設定(Quick Setup)」的就是「快速建立佈景設定(Quick Appearance Setup)」
  • Playback -- 跟播放管理有關的都放在這。上半部沒啥需要介紹的,下半部的 Order 是播放方式(重複同一首或歌單中隨機播放一類的),最下面三項依序是「播完這首就停止(Stop After Current)」、「自動播放游標所反白的曲子(Playback Follows Cursor)」跟「游標自動移到要播放的曲子上(Cursor Follows Playback)」。
  • Library -- 管理音樂庫用的。「專輯列表(Albun List)」可以管理音樂庫設定,「搜尋(Search)」可以找音樂,「重新掃瞄音樂媒體庫(Rescan Media Library)」能更新音樂庫。一開始不管選哪個都會跑出個警告視窗寫說「Media Library viewers need Media Library to be configured first.」,這就是要你設定音樂庫路徑的啦。總之在「偏好設定」視窗的「音樂媒體庫(Media Library)」設定中,右邊欄位的「Music Folders」可以設定要自動搜尋哪些資料夾底下的音樂檔案。(音樂庫設定下面會再說明)
  • Help -- 看一些程式介紹的,有興趣再看看。

接下來介紹「偏好設定(Preferences)」。請在 foobar2000 視窗中,按鍵盤的 Ctrl-P ,或從 File 中打開。

  • Components -- 列出你有安裝的程式元件。
  • Display -- 跟外觀設定有關的都會放在這兒。左邊欄位項下有個「預設使用介面(Default User Interface)」的,可以簡單管理使用介面。(滑鼠右鍵叫出的快捷選單則是從 Context Menu 中修改)
  • File Types -- 設定檔案關聯的,也就是你可以點擊音樂檔後,直接叫出 foobar2000 來播放的意思。基本上沒有要用其它播放軟體的話,「Associate All」按鈕點下去就好,不過記得把 mp4 這項取消勾選,因為這東西比較常用來塞影音檔這樣。(另外有些音樂格式要另外裝東西才能在這勾選關聯,後面會再說。)
  • General -- 這裡可以自己看,我覺得「設定檔路徑(Location of configuration files)」可以自己視需要調整啦。然後看一下左邊欄位 General 項下的有個「快速鍵(Keyboard Shortcuts)」的就是設定鍵盤操作功能的地方。(後述)
  • Media Library -- 調整「音樂媒體庫」的設定。(後述)
  • Networking -- 沒特別需要就不必調整,主要是收聽網路電台等的網路串流音樂才會用到啦。
  • Playback -- 沒啥特別好設定的,因為使用介面大部分都有了。但是左邊欄位的 Playback 項下, DSP Manager 跟 Output 跟 foobar2000 的一些播放功能有關,後面會再說明。
  • Tools -- 設定轉檔程式(Converter)跟標籤(Tagging)相關的,等有需要用到再來弄就好。
  • Advanced -- 別碰也沒必要碰的地方。

設定檔案關聯

首先在 foobar2000 視窗中,按鍵盤的 Ctrl-P ,或從 File 中打開「偏好設定(Preferences)」視窗。

然後在左邊欄位裡,找一下「檔案類型(File Types)」,裡面就可以設定檔案關聯,也就是你可以點擊音樂檔後,直接叫出 foobar2000 來播放的意思。

基本上沒有要用其它播放軟體的話,「Associate All」按鈕點下去就好,不過記得把 mp4 這項取消勾選,因為這東西比較常用來塞影音檔這樣。(另外有些音樂格式要另外裝東西才能在這勾選關聯,後面會再說。)

設定快速鍵及系統列圖示

系統列圖示

嗯,先來說明「系統列圖示」是什麼好了。

用 Windows 的人,應該都會注意到桌面下面有條系統工具列,右下會有時間跟一些圖示的吧,那些圖示就是「系統列(通知區)圖示」,通常是用來表示某些常駐在系統中的程式的。

foobar2000 也可以把程式縮小到那裡,而不是佔用個視窗位置,除了能讓系統列清爽點,也可以讓你用 Alt-Tab 組合鍵切換視窗時,不必經過這個視窗。簡單說,我們通常才不會想管音樂播放器長怎樣呢!所以縮小到系統列通知區放著就好。

要讓 fb2k 可以縮小到那,要從偏好設定(Preferences)中,「Display → Default User Interface」裡修改,左邊欄位找到這項目,再來右邊欄位找一下「System Notification Area」這欄位,裡面有三個項目依序是「永遠顯示通知區圖示(Always show notification area icon)」、「最小化時縮到通知區中(Minimize to notification area)」跟「換曲時顯示通知視窗(Show balloon tooltip on song change)」,看需要勾一下吧。

然後你還可以下面一欄的「圖示(Icon)」中,設定顯示在通知區內的圖示,要不要使用自訂的這樣。

快速鍵

沒啥特別好說明的。「偏好設定(Preferences) → General → Keyboard Shortcuts」,按一下「Add New」按鈕, Action 欄位底下有個 Filter 啥的欄位,打些像是 Stop 、 Pause 、 prev 或 Active 之類的字進去,就會幫你找到些可以設定的操作動作了。

找好要設定快速鍵的動作後,下面有個 Key 的欄位,滑鼠點一下,直接按你要設定快速鍵的按鍵(比如說 Ctrl 搭九宮格的數字鍵之類的),旁邊有個「全域熱鍵(Global Hotkey)」的看需求勾選,然後按 Save All 就好。

要設定很多組快速鍵的話,就在設好一組後,直接點「Add New」繼續設定就好。

建立音樂庫

上面在介紹選單工具列時也有提到,基本上還沒設定的時候,點選單工具列底下的「Album List」就會提醒你要設定了。以後要加新的進去時,則是要從「偏好設定」中修改,按一下鍵盤的 Ctrl-P 叫出來吧。

偏好設定視窗左邊的欄位中,有個「Media Library」的就是設定音樂庫的。在「音樂資料夾(Music Folders)」右邊有個「新增(Add)」的按鈕,按下去就可以加資料夾了。

然後右邊欄位底下有個「檔案類型(File Types)」的欄位,裡面有個「除外(Exclude)」欄位,這裡可以讓你把不想加進去的音樂格式給排除掉這樣……其實也不一定只能排除副檔名而已?(比如說有些搭配 cue 的音樂包裝檔就會用 ??? 的方式顯示在專輯列表中,你可以把這些格式排除掉試試,比如說輸入「*.tak;*.tta」就會把 tak 跟 tta 這兩種檔案格式給濾掉了,注意不可以有空格。)

安裝新編解碼器或擴充功能

foobar2000 支援的音樂格式相當多,不過還是會有些因為版權還啥的問題不能直接包進來的,這種的你就得自己找檔案來處理好。

一部分要另外下載的音樂格式支援檔案,可以從 foobar2000 官方網站上的自選元件(Optional Components)下載頁(*1)找到,不過絕大多數都得要上該格式的官方網站找。下面告訴大家,哪種副檔名要挑哪種格式下載。(注意一下,給 fb2k 0.9 用的不能給 fb2k 0.8 用。)

找到並下載好後(通常下載回來的是 zip 格式的壓縮檔),解開壓縮檔,裡面會有像是「foo_input_XXX.dll」這種格式的檔案(XXX 的部分可能會是 tta 或是 monkey 之類的),複製貼上到 foobar2000 安裝資料夾底下的 components 資料夾,然後重開 fb2k ,應該就可以在偏好設定的 File Types 底下看到了,勾選起來儲存離開偏好設定視窗就好。

不過要注意一下, TAK 的除了要把 foo_input_tak.dll 放在 components 底下,還要把 tak_deco_lib.dll 放在 foobar2000 資料夾底下才行,或者你直接解壓縮後,一個檔案跟一個資料夾直接丟進 foobar2000 安裝資料夾下,就會問你要不要取代更新之類的了,直接取代更新應該就沒問題了。

嗯……至於擴充功能,大多是聲音輸出類的,像是 ASIO 或 Kernel Streaming 的玩意,基本上用不太到啦,想玩的從 foobar2000 官方網站上的自選元件(Optional Components)下載頁(*1)找到,下載安裝好,從偏好設定視窗左邊欄位的「Playback → Output」裡調一調 Output Device 吧。(反正一般設備也聽不出變化就是)

(註一:官網原本的連結因為換了個位置而失效了,所以我在 2008/11/12 時更新上有效連結。)

抓音軌及轉檔

轉檔只要在歌曲或專輯上按滑鼠右鍵叫出快捷選單,有個「轉檔(Convert)」的就是了。剩下的自己摸摸看吧。(要轉 MP4 格式,可以利用 Nero AAC Codec(*2) ,下載好這個編碼器後,找個路徑放著,再跑 fb2k 轉檔,指定 mp4 跟 neroaacenc.exe 的路徑就好。)

至於抓音軌,改天我再補寫上來好了。

(註二:官網原本的連結因為換了個位置而失效了,所以我在 2008/11/12 時更新上有效連結。感謝 Hydrogenaudio ForumsGoogle 。)

星期二, 5月 20, 2008

[新聞] 世衛大會再次拒台灣觀察員地位

BBC 中文網 | 港台消息 | 世衛大會再次拒台灣觀察員地位

世界衛生大會第12度拒絕台灣成為世衛大會觀察員的申請。

5月19日開幕的第61屆世衛大會稱,中國大陸對台灣島2千3百萬人民的健康問題負責。

連討論案都沒進去就直接拒絕,聯合國相關組織看來是分身乏術,只能保住大國死活了。 _A_

不過 WHO 大部分的會員居然同意中華民國得要被個沒實質統治權又戰績輝煌的國家管呀……雖然我覺得也跟我國提出申請時的身分有關係啦。

其它報社的報導:

八卦時間

台灣這研發出的疫苗,應該會直接提供給美國,然後美國再提供給世衛。至於台灣的生技公司那些的,應該都是靠外資在撐的啦。

然後加入世衛主要是不管或大或小的資訊取得會快一點而已,其它跟現狀沒什麼差別。(其實討論時有發言權的話,比較能影響一些決策倒是。還有用「國家」身分加入的話,比較不必擔心被畫進「中國」裡。)

台灣的線上影音分享網站

記得之前好像也有在找台灣的某種分類的網站列表……反正忘了啦。 ('A')

星期一, 5月 19, 2008

[日檢] 第 78 回 J.TEST (實用日本語檢定)

第 78 回實用日語檢定:2008.05.18

基本流程

  1. 等考試報名時間公佈
  2. 上 J.TEST 網站註冊(比較方便而已)
  3. 匯款後照說明寄出報名表及需要的東西
  4. 等著收准考證和考場說明紙
  5. 考試當天去考場

收到准考證後,檢查一下資料對不對,有問題請在考試當天,考前考後跟考場負責人說一聲。然後准考證顏色方面,進階的 ABCD 級是淡黃色,基礎的 EF 級是粉紅色,兩種級別的試卷不同,也就是說每次共會有兩種試卷。(註:我認為是基礎級別的把一大半的試題拿掉的關係啦,其實還是只有一種試卷。)

目前的考場只有台北的實踐大學校區,跟高雄的實踐大學推廣部大樓兩處而已。目前的國內應考人數大約都在五百名以內,不過每兩個月或四個月都會考一次就是,所以也不急。

考試流程

  1. 監考人員到達的五分鐘內,會淨空考場內部。
  2. 然後響鈴,五分鐘內開門讓大家坐好後,就會開始花十分鐘講解規則,並要求你把非應考東西收好,准考證跟身分證、 2B 鉛筆跟橡皮擦擺好。
  3. 然後檢查試題本,再來發了答題紙後,會要你填好基本資料(除名字外,都需要另外用鉛筆塗黑相關欄位。),接著就會開始考試了……反正都是說中文啦,應該不會聽不懂才是,放輕鬆照著做就好。
  4. 然後要注意,聽力考試跟解讀考試之間是沒有休息時間的,記得先去上一下廁所。(當然有事時跟監考人員說一下也無妨,另外聽力考完後,監考人員會要你自己開始做解讀題,這時還會到每個人的桌上,要你寫簽到表這樣,所以有看到監考人員靠過來時不必太緊張。)

考題內容

基本上歷屆考題都公佈在官方網站上了,各位可以自己下載回來看,不過聽力題沒提供就是。

然後選擇題部分沒有複選之類的複雜規則,手寫題則是單字以外,沒有唯一答案,請勤練漂亮的日文字吧。(把中文當日文漢字寫的也請改正一下,日本人看到某些中文只會以為是二戰前的舊漢字之類的。)

  1. 聽力考試(聴解試験) -- ABCD 級45分鐘, EF 級30分鐘。總之聽力題主要是考記憶力跟常識的,不過越進階的問題,專業知識比重越高,所以平時到處亂看些新聞啥的充實各種雜識會比較好。
    1. 一開始是試題本上有圖的「写真問題」,不會問你無關的所以別擔心;
    2. 接著「応答問題」是要你聽人說話後,從選項中挑一個正常點的回應(一問一答),只是必須要小心很類似的答案;
    3. 接著的「会話問題」是要你聽兩個人說話後,先問你一兩個明確問題要你回答,各大題最後又會問你哪個選項符合該大題對話內容的,建議這裡能筆記就盡量筆記;
    4. 最後是「説明問題」……基本上就是問你「どうして」啦,完全靠平時的經驗而已。
  2. 解讀考試(読解試験) -- ABCD 級80分鐘, EF 級70分鐘。
    1. 「文法語彙」沒啥好說的,平時用「語彙4動詞5敬語1」的比率學習就是;
    2. 「読解問題」也不算太難,看得懂的話就只是考邏輯而已;
    3. 「漢字問題」分兩大題,一大題要你選擇哪個才是這句中,這個讀音的字所對應的正確漢字,另一大題則是要你翻到答題紙背面,動手寫漢字拼音,請自求多福吧,太難看的字會不會算錯我不知道就是;
    4. 最後是「記述問題」(EF 級是這一回開始新增的),答案很自由,分成在特定位置填字句進去的,還有照指定順序,使用特定幾個字來造句的,這兩種都可以自己變化字詞型態(比如說改成連用形之類的),不過裡面有敬語的會不會要求你使用適當的敬語句型我就不確定了。

心得

很有趣,可是 EF 級真的太初級了,除非是考爽的(補述:其實要拿滿分也有點難),不然建議挑 ABCD 級考,只是 ABCD 級的聽力考試聽人說速度很快就是,可能後面寫到很難的題目會感到灰心不已吧。(另外試題本是可以自己拿回家去的)

話說各級合格的認定是這樣耶……原來我連基礎日語翻譯都不是。 QwQ

(對了,各位在網路上搜尋時,記得打「 j.test 」不要打成「 jtest 」,不然會找不到台灣的官方網站喔~! ……這句是給還沒看到這頁的人看的倒是啦。 XD )

◆ A— D級的分數

1000分為滿分,考500分以上者可獲得認定證書,根據考分來判定其實際應用能力級別:

◆ A— D級的證書
  • 930 分(特A級)— 能適應高難度的日語翻譯。
  • 900 分(A級)— 能適應中等日語翻譯。
  • 850 分(准A級)— 能適應基礎日語翻譯
  • 800 分(B級)— 能適應在日本工作。
  • 700 分(准B級)— 能適應去日本出差、進入日本大學讀書。
  • 600 分(C級)— 能適應去日本出差,簡單工作。
  • 500 分(D級)— 懂簡單日語。 (不滿500分不合格、不進行認定)
◆ E — F的分數

500分滿分,350 分以上獲得者才發認定證書,由獲得分數來判定其應用能力的級別。

◆ E — F的證書
  • 350 分(E級)— 完成初級日語/去日本旅行的簡單會話。
  • 250 分(F級)— 完成初級前期日語 。

星期日, 5月 18, 2008

[翻譯筆記] 哪裡找得到翻譯的血尿

標題很不雅,不過爆肝血尿常伴翻譯左右,就當成是黑色幽默吧。(其實也只是陳述事實吧)

  1. 翻譯得看得比原作者還要仔細 -- 意思是說你弄翻譯時,絕對會看到一堆原文的錯漏字,甚至是漏印或描述不周全的問題。
  2. 詞序跟原文的不同 -- 讀者又不看原文,誰管他原文的詞序怎樣。 -o-y~ 說實在話,要照原文詞序、文法來不是問題,但是沒必要一字一句都這樣搞。要是真有那麼多讀者想看,就特別準備一份「照原文詞序及文法翻出來的稿子」吧,還可以當成抽獎獎品增加回函數量呢。
  3. 翻出來的成品充滿錯漏字 -- 舉燭這類錯寫進去的字,就是為了要圓謊成千古名言用的,所以應該要求錯也得錯在很特別的地方。(呃)錯漏字真的沒辦法啦,各位同仁讀者大家努力點挑出來吧。 >_<

還有我目前的成果是零,別問我到底有翻了啥鬼東西出來。 ('A')

星期六, 5月 17, 2008

[中文] 熱臉貼冷屁股

前言

起因是台灣捐錢給中國救助地震受害者這件事,讓網友說出了一些話:(嗯,這裡把發文人之類的拿掉應該會比較好吧。)

> >   這裏我要說一句,現在沒國格去貼人冷屁股的可是○○○的行政院長啊...
> 對方冷屁股底下馬上要換成○○○的臉了
  )O
 / \
O︵ ︶
 \  ◎
  O(/

總之我拿這怪怪的圖發新文,結果有人抱怨說看不懂頭在哪呀,所以我就畫了下面這張示意圖。
【「熱臉貼冷屁股」的示意圖】

嗯,反正這些不重要啦。

熱臉貼冷屁股,相似的俗語有「好心被雷親」之類的。一般來說是指別人沒意思收你的恩惠,或是你的善意拿出去,結果別人把這善意當成理所當然的,還順便羞辱你一下……有這類讓人覺得不值得付出心意的情況都能使用。

不過也有人開玩笑說,這是形容「諂媚到極點」,算是種「心中有愛愛,愛到最高點」的恭維方式。

不過不管是哪個解釋,都不適合拿來讚賞人,所以要用這句話,還請挑一下對象再用。

……對了,人民樂捐或強迫公務員捐的部分就算了,但是用政府名義拿第二預備金去救外國人,這除了看成是在賣很大的面子,或是想幹啥壞勾當以外,我個人實在感受不出任何善意,雖然我也不太能確定第二預備金到底要怎麼用啦。(單純抒發一下疑惑)

星期三, 5月 14, 2008

架設網路電台教學

昨天才寫好的,有興趣的可以試試看。(網址會連到 ACnoWiki 的頁面去,說明都寫在裡面了。)

星期一, 5月 12, 2008

[妄想] 想弄個連線繪圖小遊戲

前言

這玩意又無聊又賺不了錢,有興趣的弄出來後,想收錢的就用捐助方式吧。

還有這是看 好玩遊戲:創意不夠不能玩的 Crayon Physics 【重灌狂人】 這篇文想到的啦。

主題是「用手製工具克服路上障礙的冒險遊戲」,戰鬥採計時回合制,畫面採斜向視點,單行道跑捲軸前進,分成玩家跟障礙物兩邊,目的是取得各關卡中的寶箱。玩家這邊在畫面上是只有一名,但是可以在同視窗中表示連線玩家畫面;障礙物分成會攻擊的,跟擋路的陷阱兩類。

然後是戰鬥系統,主要是計時回合制(其實我考慮改即時制的),跟工具製作方法。

計時回合制是看敵人設定情況來決定先攻後攻,在限制時間(預設是十秒)結束後就一定會換另一邊行動,限制時間內可以無限制地做任何事,但是依攻守回合不同,能執行的動作也會受些限制。

工具製作方法就是畫圖而已,不過畫筆有分屬性的,然後除了直接在目標物上畫好工具以外,也能在畫好的工具上按住滑鼠,往目標上拉路線過去放開就能使用了,不過依照你最後往目標身上拉線時使用的畫筆屬性不同,也會產生不同效果,還有依線條粗細也會有不同強度的效果。

還有工具畫筆調色功能,偶爾會調出色盤上沒有的新顏色(效果)出來。只要先點一下任一種顏色切換畫筆,再移到其它顏色上,按住滑鼠搓幾下就好。(不限於只能在一種顏色上搓,然後調好色放開滑鼠後,過一段時間會自然回復成一開始的色盤。)

可以畫出的工具例子:

  • 用預設的金屬畫筆,可以畫出金屬長棍、鐵鍊、利刃或鋼球一類的;要防守時也可以畫方盾出來減輕傷害。
  • 用金屬、草土木一類的,包住火,再拿火畫筆往目標身上畫去,就會變成炸彈。
  • 用金屬畫兩條橫線,朝向目標的那一端放硬物(金屬或木),另一端放火或風,再用火或風的畫筆往目標身上畫去,就會變成射擊武器。
  • 在碰上山崖等高低差異的地形時,可以用草木畫繩子、畫樓梯爬上去;碰上急流時,可以用金屬畫座橋走過去。
  • 防守時受到會主動攻擊的敵人攻擊時,比如說會吐火的,就可以用水來滅火;受到撕裂攻擊,身體的肉色線條變淡時,可以用金屬、草土木來補上線條來修復。
  • 在自己角色的背或屁股畫上風或火的線條,角色會跑得快一點,不過也不可以玩太誇張啦。

自己角色或是會主動攻擊的敵人身上的裝備設定是這樣的:

  1. 玩家畫面有一處檢查身體線條的小格子,可以自己在上面畫些裝備。
  2. 敵人設定是在一定的數值內分配各項能力的強弱。
  3. 敵人當然也有裝備設定畫面,不過玩家看不到,而是要看畫出來的敵人圖自己判斷。
  4. 敵人的攻擊防守模式,是按設定的判斷式來決定的,不過同樣的動畫不會跑出兩種效果來就是。(還有依攻擊方式的設定不同,也可能攻擊到我方全體。)

其它系統大概要做這樣:

  • Flash 或 Sun Java 都可以,能模仿色鉛筆畫圖就好。
  • 連線要靠伺服器就是,設成可以自訂伺服器也許不錯吧。(這方面要找有弄過的人用了)
  • 另外玩家可以自行上傳畫好的障礙物到想放的伺服器這樣。

星期日, 5月 11, 2008

[通知] BOON SUTAZIO 2.0.0

詳情請見 官網的 BOON SUTAZIO 2.0.0 下載說明頁面,使用說明請見BOON SUTAZIO - Nico Video 專用瀏覽器

改版重點:

  1. 「我的最愛(お気に入り)」可設多層級。
  2. 可以在側邊欄顯示「我的最愛」,也可以拖拉連結進去。
  3. 可以在側邊欄顯示「瀏覽歷史」,也可以調整保留天數。(オプション → 設定 → ブラウザ から履歴を保存する日数)
  4. 除 flv 外還支援了 swf 跟 mp4 檔案,可以下載時自動幫你改好副檔名;不過 swf 得要靠 BOON Player 以外的播放器才能看。(オプション → 設定 → swf再生)
  5. 滑鼠滾輪改成可以只捲動鼠標所在視窗的捲軸。(オプション → 設定 → その他)
  6. 可以設定只供 BOON SUTAZIO 用的代理伺服器(プロキシ, Proxy)了;另外 BOON Player 也會用一樣的設定。
  7. 下載清單可設定要不要顯示;把清除下載清單的快速鍵從 F2 改成 Ctrl-F2 了。
  8. 預設將網頁程式碼讀取錯誤的警告視窗改成不提醒了。(オプション → スクリプトエラー・ダイアログ非表示)

星期四, 5月 08, 2008

[軟體筆記] OpenOffice.org 資源

OOo 的頁、段落、字元格式,都放在「格式」項下,然後能多利用 F11 鍵的格式管理功能比較方便。(看情況啦)

頁首、頁尾、封面的製作問題,請看上述的教學網站。

要在直式橫書中,插進轉九十度方向的文字,最好還是靠插入 OOo 圖片的方式。(「檢視→工具列→繪圖」選那兩個T文字之一,再用滑鼠畫出方形,完成後在圖上按滑鼠右鍵選「位置和大小」調整就好。)

2.0 的難題

  • 表格縱向合併的欄位,同高度範圍內有橫向欄位時,在換頁時不會依橫向欄位來適度切斷縱向合併的欄位,而是把整個縱向合併的欄位換到下一頁。
  • 表格太長換頁後,不會自動在橫向欄位上面加格線,得要從「表格」格式中的「邊框→特性→合併相鄰行樣式」取消掉才行。(而且也不是全都可以這樣解決,有些不同欄位的還是要自己選好那些欄位後上格線。)
  • 想打類似「雜七雜八: 1. 事項」這種列表時,除非另外「插入文字方塊」,不然靠首行縮排的方法,處理起來還是不太能對齊。

星期二, 5月 06, 2008

二十個不到的 HTML 元素及屬性

前言

這篇是配合我另一篇手刻 HTML 簡單入門文件而寫的,算是第二課。

我常常會說要靠 CSS 佈置網頁的話, HTML 只要記二十個不到就好了,感覺有點誇大,所以我想實際寫出來看看,是不是真的太誇大了,畢竟我用的 HTML 元素種類真的太少了。

另外相關主題的文章,可以用網頁設計這個分類看一下。還有,我寫的這系列教學文章都是以編寫 CSS 為主在介紹的,所以比較常用到的會寫前面一點。

更新:

  • 2008.05.06 01:50 -- 簡要草稿版本發佈

元素:

  1. html / head / title / meta / link / body
  2. style / script
  3. h1 ~ h6
  4. p / br
  5. div / span
  6. a
  7. img / object
  8. b / em / code
  9. ul / ol / li
  10. dl / dt / dd
  11. table / caption / tr / th / td
  12. blockquote / pre / fieldset / legend
  13. form / input / select / option / textarea / label
  14. ※註解標籤(「<!-- -->」、「/* */」、「//」)

屬性:

  1. title / alt
  2. id / class / style
  3. href / src
  4. type / value / name

初步整理

....... 嗯,實際列出來看了一下,所有寫 CSS 時有機會用到的 HTML 其實還挺多的,不過就分類上的確沒有超過二十個。(汗)

總之這裡我只先介紹寫 Blog 時最常用的的那幾個就好,剩下的就請有興趣的人自己 Google 了。

頁面資訊

HTML 是由外而內,層層包住的結構。

最外層是定義出這個檔案為 HTML 規則的檔案,讓瀏覽器能用 HTML 規則顯示,而不是當成純文字文件格式輸出(有手刻過網頁的話應該知道這跟純文字網頁有何不同)。

穿過給瀏覽器看的那一層外皮後,再進一層,就是像肌肉骨格這類的大架構了。

然後外皮包肉骨,肉骨包內臟,最後在內層跑的就是血液和細胞一類,可以簡單分散成細小狀態來看的東西了。

HTML 中等同於人類外型及皮膚的,大概就是「 html , head , title , meta , link , body 」這些,有這些特徵,才看得出來是個完整的網頁,但是其實只有一部分也是可以「運作」的,但是會缺一些功能倒是。

基本上這部分只要當初找到寫對的網頁,複製下來,自己確認一下自己要的有哪些,以後就是一直複製貼上使用而已,沒什麼需要手動去打字。

  • html -- 說明這東西要用 HTML 規格繪製畫面用的。後面有時會接些 lang 之類的表示網頁的語言內容。另外寫在這元素的起始標籤前面的 !DOCTYPE 是要用來宣告使用哪一版本的規格、驗證要多嚴謹的(像 HTML 4.01 Transitional 或 XHTML 1.0 Strict 之類的)。除了 html 元素外,某些跨平台資料也會使用 xml 元素,這個等看到就知道有何不同了。
  • head -- 裡面會包 meta 、 title 跟 link 或 style 、 script 一類的。這裡面放的,通常是希望在讀入包住網頁主要內容的 body 元素前,能先讓瀏覽器處理好的資訊。比如說 meta 配合 content 跟 http-equiv 兩個屬性及指定值,就能宣告網頁要使用什麼字元編碼方式來顯示內容,或者說是寫上「name="description"」,後面接 content 寫上網頁描述,這樣搜尋引擎就會丟出那個描述給搜尋到你網站的人看(meta 的應用挺多的,各位可以多多注意);接著可能會寫 title 來宣告顯示在瀏覽器上方的網頁標題;最後則是連結一些外部資料、或是表示文件之間關係的 link ,還有處理 CSS 要用的 style 、處理 JavaScript 要用的 script 等元素。(這裡先看個印象就好)
  • body -- 網頁要顯示的主要內容全都會裝在這裡面,不過有些已經寫在 head 裡面過的東西也可以再換個元素寫進來,加強表達迫力。(搜尋引擎在排序相關度時也會打比較高分的樣子)

區塊元素

就像人體的肉骨會包住臟器一樣,在 body 內的某些元素,也是可以包住一些元素的。

只是好比說膽臟包不住胸部那一塊肋骨,白血球吃不掉整顆肝臟, HTML 的元素也是有能包別人的跟不能包別人的分別,這點請慢慢花時間記。(最好是寫好後就丟給 HTML Validator 檢查一下)

(待寫)

行內元素

(待寫)

b, i, u, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym http://www.w3.org/TR/html401/struct/text.html#h-9.2.1

屬性及值

屬性跟值這兩樣東西,拿骨頭來說明的話,元素是骨頭,屬性是人的頭骨,值則是這顆頭骨的大小,三者間的關係大概就是像這樣。

單一元素中,除了 id 以外,絕大部分的屬性都可以相安無事放在一起(當然也要可以給這元素用);而有些屬性,如 class ,也可以放兩個以上的值(以 class 為例就是指複數的 class 名稱,大概可以寫成 class="A1 test TEST" 這種感覺)。

不過有些屬性內的值,大小寫是代表完全不同的兩樣東西,所以要注意一下。比如說像上面提到的 id 跟 class ,裡面寫 test 跟 TEST 代表的就是完全不同的東西。(不過 id 跟 class 用一樣的名稱並不會衝突倒是)

  • id -- 寫 CSS 有很大機會用到,代表這個網頁檔案中,唯一的一個元素名稱(這的名稱我指的是 id="value" 中的 value),也就是 identification 啦。命名時盡量挑符合這元素用途的名稱為佳,比如說 header 、 sidebar 、 footer 或 MyPicture 、 NEWS 之類的,要注意開頭不可以是數字也不要使用符號(下底線的 "_" 倒是可以用)。另外配合 a 元素的頁內定錨功能(寫成「<a href="#ID_NAME">」這種感覺),可以點擊超連結後移動畫面到該元素的位置,當然跨文件時也一樣有用。
  • class -- 寫 CSS 有非常多機會用到,算是一種分類屬性,舉例說像是一份列表中,有幾項是同樣需要注意的項目,就可以給他們同樣的 class 名稱(好比說 class="GOOD"),這樣 CSS 那邊改一下對應的 class 名稱選擇子的樣式規則,就可以一次變動相同名稱的資料了。印象中開頭不可以是數字的樣子,還有也不能使用符號。
  • name -- 專門用來定錨用的,跟 id 一樣也是同一份網頁檔案中,一個 name 名稱只能出現一個,不然超連結在移動時,會不知道該停在哪一個上面。另外在處理 form 相關元素,還有編寫 JavaScript 時也有機會用到,這點等用到時再找資料來看就好。

其它

 

本站著作(不包含圖片、影音以及回應留言)係採用 Creative Commons 姓名標示-非商業性-相同方式分享 2.5 台灣 (中華民國) 授權條款授權