訂閱/取消電子報 | 用RSS訂閱文章 |
➽ 訂閱、追蹤本站最新文章

Tables Generator 視覺化操作的表格產生器

HTML 這種標記式語言雖不複雜也不難學,但對一個初學者而言,要學的東西還真是不少,其中網頁常見的 Table tag 其製作說容易也容易,但如果太複雜,還是需要一些時間的調整,Tables Generator 這個線上的表格產生器,可產生 LaTeX Tables、HTML Tables、Text Tables、Markdown Tables、MediaWiki Tables 等各類型的表格,全部視覺化的操作,馬上可預覽效果,雖不一定能全部套用,但產生後再去修改所提供的 HTML 與 CSS 框架樣式語法,也絕對比你從頭自己來的快,另外,如果有 CSV 檔案,也可直接匯入成表格。
ContentPhoto3003

如何利用 Google Chrome 內建的 Audits 功能來測試網站網路、效能、SEO?

有自己架設網站的朋友們,應該都很關注網站的整體效能,包含網路速度、執行效能、SEO、如何改進等等,想要取得這樣的一份報告不難,現在就讓內建在 Google Chrome 瀏覽器內的「開發人員工具」來幫你進行測試,完成測試後,將會產出報告與分數及改進作法,工擬進行網站的調整,該工具也有 Chrome 的擴充功能可以使用,名稱為 「Lighthouse」,可自行下載應用。
ContentPhoto2958

Cyotek Spriter v1.9.0.247 自動產出圖片型網頁的 CSS 及 HTML程式碼

2018-7-29 更新:版本更新至 v1.9.0.247
如果不熟悉 HTML 與 CSS ,卻想要將自己所拍攝或蒐集來的圖片,放到網頁上,該如何做呢?Cyotek Spriter 這套免費的應用程式應該可以幫到你,從網頁布局、圖片挑選、CSS 套用、特效等,都可以透過圖形化的介面來操作,完成後,可預覽,並自動產生 HTML 及 CSS 程式碼,省去學習門檻,專注在攝影領域。
ContentPhoto2905

TimeTaco 讓網頁的自訂事件也可以有自動倒數計時的功能

在網路上舉辦活動,例如旅遊、徵才、宣傳等,這些都是有期限限制的,多數的網頁就只會寫上截止日期,但如果能將這活動名稱及截止日期變成一個自動倒數計時的功能,嵌入網頁文章中,相信會讓有意願的加入者,提早展開行動。想要有這樣的網頁,來 TimeTaco 這個免費網站就可以輕鬆建立,完全免費,可自訂事件名稱、截止日期、自訂背景圖案,簡單的幾個步驟,就可以將成果放入到自己的網頁中,增加活動的吸引力。
ContentPhoto2914

Grid-Generator 網頁二欄、三欄、多格式,可自訂的版型產生器

網路上有很多免費的網頁模板可供下載,套用的方式也不複雜,但如要修改其中的版型結構,可能就有點門檻,而我們比較常見的網頁布局有表頭、內容可能區分三、二及單欄式再加上表尾,但不論利用何種版型,如要套用模板,就需要找到相類似的模板,不然就是自己改,太麻煩了。Grid-Generator 這個網站可以讓我們用所見及所得的方式,視覺化的操作網站結構分割、合併、增加、減少、調整區塊大小等,到最後產生該網頁版型的 CSS 樣式表,讓你不論用何種的網頁開發工具,都能輕鬆靈活的套用該 CSS,加快生產力。
ContentPhoto2906

線上 HTML、CSS、JavaScript 程式碼產生器,超多範例語法

網頁要碰到的技術,基礎大概有 HTML、CSS、JavaScript 等程式語法,對初學者而言,最快的上手方式,當然就是多參考別人寫的語法,什麼樣的效果搭配什麼樣的語法,Free Online HTML Code Generator CSS Code Generator JavaScript Code Generator 這個網站在 HTML、CSS、JavaScript、JQuery 四種語言,提供網頁常用物件像是 table、dropdown、iFrame、textbox、radio button、button...等等的語法產生器,透過參數的調整,就能取得該效果的相對應的語法,讓你馬上就能套用到網頁內,這對於還不熟或初學者來說,可說是最佳好幫手。
ContentPhoto2888