標籤:HTML

[CSS]如何去除圖片超連結的藍色外框?

在製作網頁時,有時候為了方便與快速,我們會直接對圖片做超連結而不使用背景圖片的方式處理,雖然這樣比較簡單與方便,但若忘記針對CSS做設定,在IE瀏覽器下可能會看到圖片有藍色外框,這到底是哪邊設定造成的呢?這種主是IE瀏覽器預設值的問題,在Google瀏覽器火狐瀏覽器上都是正常沒問題的,不過還是針對網頁設定一下比較好。

要解決圖片加上超連結後所產生的藍色外框問題,一個是直接針對圖片做「border:0」的設定,但是為了永絕後患,避免以後其他圖片帶超連結時還是在IE瀏覽器下出現藍色外框,建議大家還是針對CSS直接設定圖片的外框為0,把問題一次解決會比較好,這樣就不用每一張圖片都去設定,解省掉許多不必要的麻煩喔!

[F5]撰寫HTML+CSS的好工具,免重新整理直接預覽網頁!

每次在電腦內寫個網頁,改個小地方就要重新整理,真的很費時。如果可以直接在存檔時,網頁就重新整理,是不是很棒呢?[F5]這個工具剛好就符合我們所需,在撰寫網頁時,順手按個存檔快捷鍵,瀏覽器上的網頁就會自動重新整理,是不是可以解省儲存→重新整理→看網頁這樣繁瑣的步驟呢?對於網頁設計師來講,這樣的工具可以有效的縮短網頁撰寫時間。

雖然說寫網頁跟寫軟體相比,寫網頁確實門檻比較低、比較簡單,也不需要使用compile(編譯器)編譯之後才可以看到成效,只要儲存檔案然後瀏覽器刷新,就可以看到成效了。但是網頁寫久了,其實會嫌棄這樣的方式不夠快,對於很多網頁設計師來講,每次都要多一個重新整理步驟真的很麻煩,有時候瀏覽器快取清理不乾淨,也會很Orz。

WordPress佈景改寫成HTML5的前置步驟

最近已經將自己的WordPress佈景主題改寫成HTML5架構(imXD5),不過中途倒是遇到許多小問題,因為HTML5是屬於語意標籤,如果用錯標籤,可能會讓網站的SEO出問題,所以改到一半的時候有點退卻,不過睡一覺後,又是一條好漢,所以爬了許多相關的HTML5資料,首先必須先做好前置步驟,讓所有瀏覽器都可以吃HTML5標籤。

目前可支援HTML5的瀏覽器有Google ChromeFirefox、Safari、Opera以及IE9,那舊版IE呢?那只需要加上一個小小的hack,就可以讓他懂得HTML5標籤了。除此之外,在WordPress環境下,為了讓網頁規範符合HTML5,可以讓網站通過檢測,還必須變更rel所帶的參數,因為WordPress自己產生的rel屬性並不符合HTML5標準規範

BlueGriffon 一款免費跨平台網頁編輯器,支援HTML5、CSS3

撰寫網頁早期喜歡使用FrontPage,但現在大多數使用者都使用Dreamweaver,簡單的視覺化編輯,對於很多人來講是很方便的。不過Dreamweaver軟體並不便宜,是否有免費軟體可以取而代之呢?那就來試試BlueGriffon吧!這款免費的網頁編輯器是基於 Firefox 4 的 Gecko 引擎的架構,另外介面也和Firefox4十分類似。

BlueGriffon這個免費的網頁編輯器軟體和KompoZer的介面很類似的,但在功能上倒是有些差異,KompoZer更新速度已經遲緩了,而根據Mozilla Links的說法,BlueGriffon目前支援最新的HTML5、CSS3等等的技術,同時也推出正體中文介面,此外也修補了一些程式bug,使用上總算是有跟上現在的腳步囉!

FC2Web日本免費1GB網頁空間,無限流量,速度快!

FC2是日本很大的部落格服務平台,雖然在2008年正式推出中文版要進軍台灣市場,不過仍提供部分服務而已,有些服務還是僅限於日本站才有。不過在FC2網站上申請到的帳號「FC2 ID」則是可以通用的,因此只要將介面轉成日文就可以享用所有服務囉!它除了提供免費部落格外,也提供1GB的免費網頁空間,可以讓大家架設網站。

這個免費空間雖然僅有1GB的儲存空間,但流量可是無上限的,又加上日本離台灣很近,因此空間的連線速度比起美國空間,到始比較優一些,如果你要存放一些檔案、圖片、純HTML網頁、Flash網頁,這空間倒是一個不錯的選擇,不過可惜的是這空間不允許綁定網址,只能使用它贈送的二級網址。

[PHP]如何抓取表單中checkbox的值?

以PHP+HTML來說,在處理網頁表單時,必須將HTML和PHP兩者做搭配,才能正確抓取表單中的值。透過HTML提交的資料傳輸到一個專門接收和處理表單的值,那該怎麼接收呢?這時候就必須搭配一下PHP語法就能正確接收。不過在接收的同時也會遇到一些突發狀況,CheckBox就是一個例子。

如果單純以TextBox、ListBox、Radio Button來說這都還好,因為傳出的東西只有一個值,但CheckBox卻可能時傳出一個或是多個的值,那接收端要怎樣做才能正確收到這些值呢?查了一下資料,其實在HTML那邊加個陣列的型式就可以利用陣列的方式來讀取這些值。