Html 初學清單

拿一些舊東西騙騙人用的XD

HTML 概念建立
• HtmlDog 的 教學 :
  循序漸進式，它的那個html tag list還蠻清楚的，不錯～
  
  
• Opera 網頁標準教學課程 :
  個人對Opera有私心是沒錯，不過裡面的確也很有料!
  著重於標準網頁的製作"理念"，這個很不簡單!
  Opera.Dev裡也有一些是標了 Html 5 的文章，有空可以去學習學習~
  
  
• W3CSchool簡體中文山寨版 :
  名字聽起來很虎，但其實沒那麼符合現下的標準啦~
  但做為一個參考網站還是夠的~ 我是這麼認為~
  
  
• Head First HTML with CSS & XHTML
  最後這本是我最喜歡的! 雖然網路也找得到謎版本
  不過看過原文實體紙本的人，真的會超喜歡的!! 要不是價錢不親人，真想買本回家放著XD
  真的是深入淺出，網頁的概念解釋的很扎實，卻又不顯得沉悶!
  很推薦初心者以這本來建立良好的概念!!

至於另外的css編排樣式表的撰寫
上面的網站也大多有順便著墨
跟著學就可以了~

深入淺出 HTML with CSS & XHTML 那本
一開始就有指導了css與html的關係 讚吶~

概念先建立
先知道有哪些東西可以改(ex: 字距、字級、行高、背景、拉哩拉咂一大堆)
那些網站的css屬性列表就當作字典
要用的時候查一查
用久了自然會記得一些~

http://jsfiddle.net/ 這是個具有html css js 三種的測試編寫網站! 讚!

Blogger改造

讓側邊列 (Sidebar) 的元件只在首頁顯示/不顯示
更改 HTML 首頁檔頭資訊 (head-content)
Template 的基本內容和結構
增加文章留言回應的編號 (Show Comment Index)
增加文章更新時間 (Show Post Update Time)
隱字

有趣的MV

收集一些好玩有趣的MV 哈哈哈

魏如萱Waa-女人經痛時MV
http://www.youtube.com/watch?v=DE3CcXqRPWU

OpenEye歐噴愛【塑膠味】ＭＶ完整版
http://www.youtube.com/watch?v=auWLQiKcec4
(這部很好笑XDD 看到嘴巴時我噗嗤了XDD)

自製 招潮蟹MV (歐噴愛)
http://www.youtube.com/watch?v=A54sNUz9nD0

Picasa 快速抓原始大圖

Picasa是個不錯的Google服務之一
不過有時候會想批量地下載整個相簿的圖片時就顯得較為繁瑣
這邊用Firefox來展示一下怎麼抓比較快～

隨便找一本相簿
ex: http://picasaweb.google.com/munxarparish/PurcissjoniPontifikali#

然後點右欄的RSS
接著Firefox就會噗嚕嚕地載入這一本相本
在rss檢視下，縮圖下方會有一個
媒體檔案
IMG_1211.JPG (JPEG Image, 0 位元組)
類似的方塊
那個藍色的圖片檔名就是原始大圖的檔案了

理論上點那個就能下載了
你可以一個一個慢慢點
也可以把下載視窗叫出來，直接把連結拉進下載視窗裡
如果會一直跳出要存放在哪的詢問框，
這個可以去設定裡關閉詢問，直接找個資料夾讓火狐下載存放
不過有人會(像我一樣)更懶，可以找個續傳軟體整頁抓取有用的連結下載到特定資料夾，
然後就放著它跑，自己再去逛網頁～
Firefox也有一款DownThemAll!的add-ons也可達到設後不理的功能～
^^

Opera大好！

Opera大好！
來列一些我會用到的方便功能

1. 檢視選取區原始檔
   
2. 將網址文字變成link
   
3. Drog & Go
   
4. Download YouTube Vedio
   
5. DOM
   
6. 浮動廣告阻擋法
   

檢視選取區原始檔

原出處ref: View Selection Source for Opera

Google Page 備份檔

將網址文字變成link

原出處ref: Anchorize.js - convert URLs into links

將js檔放到Opera個人JavaScript資料夾中，文字樣式的link會變成可點擊的link唷。

Drog & Go

原出處ref: Configuring drag and drop
這是Opera的功能～可將圖片、link拖曳的功能，
請在網址列輸入opera:config#UserPrefs|EnableDrag，
或是用Opera直接點連結opera:config#UserPrefs|EnableDrag，
將數值改為255，255是All drag operation enabled。
其它數值請見出處官網。

Download YouTube Vedio

原出處ref: Download YouTube & Google Video clips via bookmarklets

我自己修改過的js檔，將圖片檔都刪掉後的版本(約12kb)，存成書籤即可。
在YouTube看到喜歡的影片，對著書籤一點，就會出現一個頁面，內有影片link，存檔完成動作。

DOM

原出處ref: Opera developer tools

浮動廣告阻擋法

原出處ref: 浮動廣告阻擋法
將javascript存至書籤，便可看到網頁中執行的javascript所產生的樣式、圖片。
第一個樣式較為陽春
第二個可以看到圖片及樣式