CSSDesk 可在線上編輯 CSS 並提供即時預覽的免費服務

CSSDesk 可在線上編輯 CSS 並提供即時預覽的免費服務

CSS (Cascading Style Sheets) 這種可層疊的樣式表,被應用在網頁的排版與美觀,對於網頁編輯的初學者來說,大概都會利用網頁元素中的 Style 屬性,直接定義 CSS,因為這樣最直觀也最方便, 若想要學習 CSS 語法時,當然也是能寫完就能即時預覽是最直觀的,CSSDesk 便提供了一個可在線上編輯 CSS 並提供即時預覽的免費服務,讓你所學立即能應用,值得一提的是,一進入 CSSDesk 網站後,其所提供的範例就是一個可四周圓角的 CSS 範例,讓不享用圖片來做圓角框的設計師,可以立即運用。

Csstxt 線上文字 CSS 樣式語法產生器

Csstxt 線上文字 CSS 樣式語法產生器

一般的網頁編輯軟體通常都會有 CSS 樣式語法產生器,但若偶而想要對自己的部落格或網頁的文字進行美工調整,可以試試這個 Csstxt 免費的線上文字 CSS 樣式語法產生器,使用上相當簡單,不見得一定要懂 CSS 語法,只要動動滑鼠,輸入幾個參數,就能製作出文字的 CSS 樣式。

Free JavaScript Editor 實用的 HTML 及 JavaScript 整合編輯器,具 Intellisense 功能

Free JavaScript Editor 實用的 HTML 及 JavaScript 整合編輯器,具 Intellisense 功能

Free JavaScript Editor 是一套同時具有 HTML 及 Javascript Intellisense 功能的免費網頁整合編輯器,以免費的網頁編輯器來說,是相當難得的,不過 Intellisense 的功能在 Free JavaScript Editor 的版本中只能使用 21天,這是唯一的限制,其他來說還是相當好用,在 Javascript 程式碼中,也內建了相當多實用型的程式碼,像是 Buttons and Links Effects、Dates and Clocks、Document Effects...等等,只要稍微編修改下就能應用,就算不拿來編輯網頁,用來參考這些實用性的 Javascript 程式碼及應用都相當值得。

KompoZer 實用的網頁編輯器

KompoZer 實用的網頁編輯器

想寫網頁程式,透過網頁編輯器等的輔助工具,應該能加快產能,KompoZer 是一套免費的網頁、CSS 編輯器,除了基本的 HTML 程式碼編輯、版面預覽、多分頁編輯模式,可同時開啟、編輯多個網頁內容等功能外,並可透過網站管理,將編輯好的網頁,方便發佈到自己的網站裡,簡單好用,且編輯好馬上就能看到效果。若能搭配使用 Free JavaScript Editor 實用的 HTML 及 JavaScript 整合編輯器,具 Intellisense 功能Free Colored ScrollBars 瀏覽器彩色滾動條(ScrollBar) CSS 及 JavaScript 特效產生器 JavaScript Collector 1.1.0.4 - 蒐集超過200個JaveScript語法 等工具來輔助,相信新手也能將網頁編輯工作,快速上手。

neosites 免費建立自己的網站

neosites 免費建立自己的網站

neosites 是一個免費提供快速又簡便的建立網站服務的網站,感覺上確實不錯,雖然網站空間不大,但其提供有流量監控、郵件管理及購物車等功能,另外所提供版型「Personal」、「Business」、「E-Commerce」、「Social」、「Portfolio」及「Fun」均有引導式精靈協助,當然也可以建立一個完全空的網站,稍後自己來編輯,neosites 網頁編輯不但簡單,而且相當多樣化,做出來的網頁也相當漂亮,所以適合想要有網站卻又不懂語法或網站不大的人使用。

PrintWhatYouLike 線上改造網頁僅將精彩內容保留並可列印出來或轉成 HTML 或 PDF 格式

PrintWhatYouLike 線上改造網頁僅將精彩內容保留並可列印出來或轉成 HTML 或 PDF 格式

瀏覽網頁時,若看到精彩內容,想要將其列印下來或是轉成 HTML、PDF 等格式,方便分享或保存,通常會碰到網頁內容會夾雜著廣告或是自己認為不需要的部分,因此,當列印時,無形中就會浪費相當多的墨水或碳粉。通常遇到這樣狀況的時候,可以將網頁複製到 Word 或是網頁編輯器,再來重新編輯即可。若不想要這麼麻煩,可以來試試PrintWhatYouLike 這個可在線上選擇網頁內容要保留的部分,並可列印或轉成 HTML 或 PDF 格式的免費服務。

RocketCake 免費回應式網頁編輯器

RocketCake 免費回應式網頁編輯器

為了解決同一個網頁能在不同的螢幕解析度下,仍可以有適合的呈現大小與內容,因此,網頁設計時就會採用 Responsive web design 的技術,這樣的作法不但可讓使用者獲得良好的閱讀體驗,日後網頁的維護也能較為輕鬆。而要設計回應式網頁,網路上有很多的範例可供參考與應用,初學者如果還沒有慣用的網頁編輯器,也可以考慮來使用 RocketCake free responsive website editor 這個可設計回應式網頁的免費編輯器,該應用程式本身就有內建一些網頁模板可供運用,且提供所見即所得的編輯方式,即便是非初學者,也可以使用此方式,取得自己想要的網頁效果。

Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

初學網頁編輯,除了功能外、美工外,還有排版用到的 CSS,樣樣都不是省心的事情,如果可以靠一些輔助工具來協助,絕對可以事半功倍,Type Anything 是一個可以用視覺化的方式來調整 H1、H2、H3 及 paragraph 等 HTML 元素的 Font family、Font Size、Font weight、Line height、Opacity、Margin top、Margin bottom、Letter spacing、Word spacing 及 Capitalization 等屬性的免費網站服務,每次的調整都會即時反映到樣板文字上,讓使用者檢視,完成調整後,就可以產生 CSS 排版語法,讓使用者複製到要應用的網頁,相當方便。

如何在網頁裡輸入特殊符號(數學符號、希臘字符、各種箭頭、技術符號及形狀)?

如何在網頁裡輸入特殊符號(數學符號、希臘字符、各種箭頭、技術符號及形狀)?

有時候需要編輯網頁時需要用到數學符號、希臘字符、箭頭、技術符號及一些特殊形狀,例如 「♠」、「◊」、「™」、「‰」、「δ」、「∫」或「∇」,有些我們可以透過 使用微軟新注音輸入法 2010 ,輸入特殊符號、數學符號、單位符號、計量符號或是希臘字母 來輸入,且絕大多數的網頁編輯器也會解析該符號成為 Entity Name ,例如「> >」、「& &amp」、「§ &sect」等。但有些符號還是需要透過自己輸入符號代碼,才能達成,HTML Symbol Entities 提供數學符號,希臘字符,各種箭頭,技術符號和形狀來協助我們在網頁裡面使用這些符號。