發表文章

目前顯示的是有「網頁設計」標籤的文章

玩 Blogger 很久了?你可能忽略了 Google 自家的 Firebase Hosting

如果你玩 Blogger 已經很多年,可能還記得以前 Google Drive 不只是拿來存放檔案,還曾經提供過 網頁代管功能 ,可以放 HTML、CSS、JavaScript,甚至直接發布自己製作的靜態網頁。 對 Blogger 玩家來說,這其實非常方便。Blogger 負責文章與內容,Google Drive 則可以拿來放外部 CSS、JavaScript 或獨立製作的網頁,而且兩邊都是 Google 自家的服務。

LINE 官方帳號「開店幫手」的技術限制與維護風險

LINE 官方帳號的「開店幫手」不支援 CSS 全域樣式,只能用 inline style 美化商品描述。短期雖可快速上架,長期卻造成維護困難、品牌一致性崩壞與高人力成本。本文深入解析這項限制如何拖垮設計效率與品牌成長。

教會已經有粉絲專頁了,還需要網站嗎?

在數位化時代,網路早已成為資訊傳播與互動的核心媒介,然而大多數台灣教會卻仍將網站視為靜態的資訊發布平台,僅用於介紹教會、查詢資料或展示活動訊息。這樣的侷限,不僅讓教會網站難以充分發揮其宣教潛力,也使其無法吸引更多的目光和參與。

UI 介面上的按鈕(Button)設計作法

現代人每天最常做的事,就是上網、滑手機,但當你仔細觀察之後,會發現在這樣的行為模式裡,有一個很重要的視覺元件,它無所不在,卻極度容易被設計師與人們所忽略。 它就是「 按鈕 」!

我的書籤:收藏、整理和管理各種網路資源

書籤(Bookmarks)的起源可以追溯到早期的網路瀏覽器,當時它們被設計用來幫助用戶管理和保存他們感興趣的網站。

語錄筆記:專門收集、整理和分享各種語錄

在這個數位化的時代,記錄和分享靈感、智慧語錄變得越來越重要。我很高興向您介紹我最新的網站「 語錄筆記 」,這是一個專門收集、整理和分享各種語錄的平台。

CDN:加速網站的關鍵技術

圖片
在當今數位時代,網站的載入速度對於用戶體驗至關重要。一個加載速度慢的網站可能會導致訪客流失、轉換率下降,甚至影響 SEO 排名。這就是為什麼越來越多的國際企業選擇使用內容傳遞網路(Content Delivery Network,簡稱 CDN)來提升網站性能。本文將深入探討 CDN 的工作原理、優勢及其對現代網站的重要性。

如何透過 WordPress 打造被動收入?

圖片
根據統計,每個月平均造訪用 WordPress 做的網站瀏覽量有 6 億多,目前世界上有 45 %的網站都採用 WordPress 做為網站核心,等於每三個網站就有一個是使用 WordPress 來製作的。

不建議使用 Weebly 平台經營部落格

通常製作網頁需要HTML與CSS等知識,Weebly 只要輕鬆拖拉就可編輯網頁,尤其是對於沒有太多時間及技術背景的人來說尤其方便,Weebly 強調在拖曳直覺式的網頁產生方式,確實能輕鬆設計出美觀的網頁, 若只是將網站當做名片一樣的工具,Weebly 也許是不錯的選擇。 如果你架設的網站內容會隨時間增長,Weebly 絕對不是你的優先選項,即使他真的非常好上手,但是當你有數十頁甚至上百頁內容時,管理這些內容將會是一件非常辛苦的,這並不利於以文字為主且大量內容的網站。 Weebly 所有的圖片都會重新編號,所以當我們查看我們所有的網站圖片時,只能看到一連串的數字而無法用檔名來尋找資料,而 Weebly 的中文網址也有樣的問題 只要是中文就會轉換成數字,所以永遠只有又臭又長的網址。 想一次刪三篇文章,Weebly 是沒有把三篇都打勾然後一起刪掉的按鈕的,你得一篇一篇點進文中刪除,對文章多多的人來說,編輯上非常不便,做為一個部落格,Weebly 是非常不及友善的。 雖然 Weebly 可以提供網站的備份,但是下載下來的網站是 Html 的靜態網站,你無法將這個備份作為 Weebly 的還原,也就是說如果你的網站某天被刪除時,即使你下載了 Weebly 提供的備份,你還是只能從零開始重建你的網站。 這點是我覺得最大問題,因為我們無法預測哪天你的網站會不會被攻擊,又或是再更換主題時跑版等雜七雜八的問題,這時一個文章備份、匯入就特別重要。 完全不建議你用 Weebly 架設一個部落格網站,既然要寫部落格,還不如改用免費的 Blogger ,除非你架設的是不需要再更新的靜態網站,不然很不建議你使用 Weebly。 如果你想架設部落格平台並且長久經營,我推薦你使用 WoldPress。 WoldPress 就像是為了寫部落格而生的,裡面有五萬多種外掛你想甚麼功能幾乎都有。 很多人被 Weebly 華麗的操作界面及外觀吸引,而使用 Weebly 建置網站後,才發現 WordPress 是更適合經營內容網站的部落格架構,光以它 SEO 親善的設計、強大的擴充能力、全世界最被廣泛使用 CMS 平台,再再表示它背後有優異的設計及強大的支援。 最早的 WordPress 原本只是一個部落格網站,在架設好之後只能有部落格的功能。但時代在進步,目前的 WordPress,能透過安裝不同的外掛與佈...

這一天,我進入 WordPress 的世界

繼 Google Drive 關閉網頁代管功能後,Dropbox 終於也開大刀了,我網站的程式資料庫將在2017年9月1日,被 Dropbox 無情的關閉。 而許多流量怪獸,更是拖累 Dropbox 頻寬的一大因素!雖然 Dropbox 會在頻寬迅速被吃掉幾GB的時候,暫時停止該檔案的下載權限,但是隨著被濫用的情況越來越嚴重, Dropbox 還是大刀一揮,將服務給攔腰斬斷了。   多年前我是將CSS、JS 都寫在範本或小工具中,後來得知 Google Drive 可以透過網頁代管,來引入CSS、JS文件到Blogger。長期下來,我已經習慣用崁入的方式管理 CSS、JS 原始碼,雖然可以直接寫入 HTML/JavaScript 小工具裡,這是最傳統的方式,卻不太好管理。    現在 Dropbox 也和 Google 一樣,狠下心關閉網頁託管的功能,讓大家都不能外連。請問,我還要繼續覓尋下一個空間嗎? 雖然業主一直要我想免費的方案,我直接告訴他,你們不租主機的話,我們就到此為止,現在架站已經沒有免費的條件了,因為空間要錢啊。 緣分真的是很奇妙的東西,2012年我因為上電腦職訓課程,當時的職訓老師建議我用 Blogger 寫部落格 ,也就是那時候才開始玩 Blogger。老師突然透過 LINE 跟我打招呼,說我的網誌突然消失無蹤,一直找不到我,最近老師是瀏覽了我的 Google +,不經意發現我有更新網站連結,就這樣找到我的新網站。   老師很驚訝,我竟然能把 Blogger 玩成這樣,當時只是建議我從無名小站及奇摩部落格搬到 Blogger,一個更自由、自訂性高的平台。老師有看到我最近發的網誌,說他有解決方案,老師願意提供他的 NAS 讓我放程式碼,因為有 4TB 的閒置空間,讓我用幾 G 是沒差。   目前我用 NAS 取代 Dropbox,作為放置程式碼的代管空間。而且,有了NAS,才知道何謂資料備份、雲端伺服器。老師也建議我接觸 NAS 伺服器存儲,這麼一來,空間的問題就解決了。   幸好老師願意分享他的空間讓我上傳程式碼,我的網站得以能繼續維持下去,我也不需要考慮租虛擬主機,完全鬆一口氣。老師不僅解決了我程式碼存放空間的危機,今天還免費幫我安裝了 Word...

架網站?你必須要先燒錢

經費有限 本網站即將在 7/31 因沒有網頁代管空間而崩壞,這是暫時的,只要未來,我掌握了主機伺服器的資源與技術,這不是免費的,我必須為此付費,只要如此,我的網站才能重新運作,幸好,我已將個人網域租了三年,2020年才到期。 現在的我已經沒有工作,沒有收入,沒有任何資源,因此無法支撐一個網站 ,如果有足夠的經費,並掌握新技術,我要學習WP 架站,我打算租 WordPress 入門虛擬主機,也打算為WP 購買 SSL 憑證。 美好的時光 2015年,是我的技術突破年,因著雲端主機的網頁代管功能,我協助了:嘉義中會、新營教會、迦光教會….機構架設網站,如果 Google Drive 沒有關閉網站代管功能,這些網站都應該還活好好的。因為他們是用自己的 Google Drive 放置程式碼,後來我就沒有維護及更新了,網站也就自然崩壞。  但我也再度遇到相同的問題,目前網路上已經沒有其他免費方案。我用 Dropbox 也不是免費方案,我付了99美元升級成 Pro 一年方案,但我的 Pro 方案即將在 7/31 到期。由於 Dropbox 打算於 9/1 關閉公開資料夾功能,故我不打算續訂 Pro 方案,因此公開資料夾的功能,只維持到 7/31。  免費的最貴 雖然網路上很多免費虛擬主機,但我不敢用,因為免費得最貴,所以我只要有足夠的經費,我會想辦法讓網站繼續走下去。雖然我的網站沒有價值,不是很有名的部落格,但它是我學習網頁技術的成果。 雖然有人建議我使用 GitHub,但這是一個神聖的開源碼匯集地,我不敢貿然前往。 去年 Google 關閉網頁代管的功能,今年 Dropbox 也關閉公開資料夾, 當網路的主機空間,一個個被濫用,就一個個被無情的關閉,最後我們這些站長們要何去何從,架網站已經不是免費的了 ,如果是2015年,我會說:「 是的,你可以低成本來架一個專業的網站,不用花費很多錢。 」如今我會說:「 請付我錢! 」  羊毛出在羊身上 這兩年,這些免費的資源一個個被切斷,我從沒有付費到付費,還是逃不掉這樣的命運。最後我要說,羊毛出在羊身上,我現在已經無法維持任何網站,直到我能掌握可以存放 CSS、JS…. 並可外連的主機技術。

我把網頁設計當作「興趣、消遣」

幫教會架站,技術提升 把熱情、技術投入神國的事工,你會發現,你得到更多,你領受地更多,新的技術、能力反而大大的加添給你。從前我只為自己的部落格,反而沒有如此驚人的進步,但是只要踏進教會網站建置,這些技術與技巧我忽然明白並融會貫通。 我在幫教會建置網站的過程中,延伸了無限的可能,也發現了無數的組合,網頁設計不會很難,但也不是能馬上學會,所以我研擬出國高中生都能輕易上手的模組元件,使有青少年、社青的教會,在資料更新上不會是很大的障礙。 有非常多的「小教會」想做自己的網站,這是很棒的,但偏偏「小教會」受於傳統上的局限及人力上的匱乏,導致無法正常發展網路上的內容。 尊重專業,穩定發展 教會要做有影響力的媒體,就一定要持之以恆並尊重專業建議,以我目前的技術,可以幫教會或個人 (醫師、議員、教授) 建置一個基本型的網站(如果我不收錢的話),從資源整合、內容行銷、我都能協助做到最好。 教會對網站這塊領域並不是很了解,而使我累積了不少教會覺得的很OK,我卻覺得很無言的失敗作品,牧師長老根本只看到當下呈現出來的效果,而無法看見網站未來的可塑性,教會自身沒有相關技術,卻又不肯交給專業的來企劃。 目前 Google 或現有的免費技術,建置一個網站所需要的圖床、空間、伺服器,都不需要花一毛錢 。 如果要付費的話,只有網域要另外花錢購買,一年 800 元。 原則上,可以完全不用錢,如果Google 沒發神經的話。 我曾協助一些人架設個人部落格、商家網站、臨時網頁(活動、報名)…等,都只收取象徵性的報酬。這些技術資源,都來自互聯網的服務,並不是我個人的專利,我只是整合的比較全面, 在能滿足你免費的前提考量,這就是一個完全不用錢的方案,沒有之一。 興趣不能當飯吃 我把網頁設計當作「興趣、消遣」而已,要靠「興趣」維生是不可能的,「興趣」這兩個字,來到了「工作」的領域,就再也不是能心情放鬆、身心愉悅的休閒活動了! 「工作」涉及了大量時間精力的投入,需要專業的技術,要不斷的精進自我,需要反覆練習,重複著相同的產能,因為你要靠這個「工作」維生。 靠興趣吃飯,有可能嗎? 姚詩豪 BRYAN YAO 我並不是資工出身,因此我不可能靠「網頁設計」吃飯,我只想找到安身立命一輩子的職場,安分守己、服從、低頭就好,週末還可以參加教會活動,偶爾寫寫部落格、弄個網頁什麼的,日子平平凡凡這樣過就好了。...

網頁設計師一定要會寫程式?

假設你是設計師,你可以跟工程師合作,互相補足技能不足的地方,1+1會大於2,網站製作的過程中最少需要兩種以上的專業人才,一個是『網頁設計師』另一個就是『網頁程式設計師』。 這兩種人在網頁製作上扮演了不同而且極為重要的角色,兩個可說是相輔相成。 一般,網站的視覺美感的呈現通常不是寫程式的人可以照顧的很好的,因為視覺設計的專業與程式設計的領域大不同。 最常遇到的狀況是, 會寫網頁程式的人不會視覺設計,懂得設計的人不會寫程式 ,而且通常視覺設計人員和程式設計師的思維邏輯有之間很大的差異。 網頁視覺設計: 工作即在於整個網站的美感呈現,和如何讓使用者在瀏覽整個網站的動線上能更流暢、順手,包含動畫的點綴,讓頁面能更豐富活潑。 網頁程式設計: 配合『視覺設計』所製作的網頁功能進行程式撰寫,包含網站前台的程式與後台使用者管理的功能與介面,和系統建置能方便穩固都出自於『網頁程式』。 『 網頁視覺設計 』和『 網頁程式設計 』因不同的專業程度而互相配合,才能製做出一個好的優良的網站。不要把一個人才當成複數在壓榨,讓專業各從其類。 案主真正需要的是? 能夠在設計上出神入化的設計師,能夠在程式開發上登峰造極的工程師,兩者能夠默契十足的並肩合作。 實際上,案主真正的想法 我會希望我請到的人是兩者兼備、不懂可以學、不會可以問。其實你架站的軟體,網路上都有相關應用模組、只是看你想不想找、會不會套用。 同樣的預算花在兩者兼備的人身上會有不同的的效益,而不是只會在那邊覺得自己只會一點,這也不會、那也不會,然後要我們再增加預算請兩個人? 能當設計師要經過很多磨練的、而且你設計的東西頂多是看到別人怎樣做,再做修改一下而已、別侮辱設計師。當你是朋友才會給你機會、你距離設計師還很遠、別自我感覺太良好。 林柏任 Polon Lin My3C.Fix 維修中心 執行長 而我的想法是 案主把價格壓到不能再低,卻比誰要求的都多,把你的時間和精力都活活榨乾。不要讓別人覺得你的時間很廉價,因為這會讓案主嚐到甜頭、食髓知味,一分錢一分貨。 開始執行前,一定要簽訂合約。很多案主會推拖嫌麻煩、浪費時間,你一定要堅持你的立場,若你退了這一步,有可能就是斷了自已的後路。

網路成長故事,從部落格說起

第一個電子郵件是在13歲申請的,就是 Hotmail,那時我連無名小站是什麼都不知道,手機也不會使用,國中畢業後,網路意識逐漸深植於每個青少年的生活中,MSN、無名小站、奇摩即時通,成為那世代共同的文化意識。 高中沒有屬於自己專用的電腦,因此成為網咖的常客,但一天的零用錢不多,每天只能包台1~2小時,去網咖並不是為了玩電動,而是看一些影片、下載盜版音樂跟閱讀文章。 部落格(Blog)這個名詞,是高中上電腦課時聽到的,當時對這種平台很感興趣,因此決定建立自己的部落格,而這個決定從此改變了我的網路意識。不過,當時還不認識 Google 搜尋引擊,所以在網咖都使用 Yahoo!奇摩首頁來搜尋資料。 那個時期,網路上有非常多人在使用奇摩部落格,因此選擇了奇摩部落格與無名網誌。開始在部落格寫一些文章,也去別人的部落格留言,認識了很多相同信仰及興趣的網友,我們有共同的話題,共同的目標與各自的異見。 高二那年夏季,我找到「 哇咧星樂園 ─ 基督教創辦的網站 」。 哇咧提供了網誌、相簿、留言板、即時通訊.. 等會員服務,會員大多數是13歲~22歲的青少年,因此我們有共同的話題。在這個網站,讓我不再孤獨,有一種暖流湧進心中。在這裡沒有人會傷害你,每個人都在這裡接觸基督信仰跟探索真實的自己,了解自己的人格特質,在這樣的基督教氛圍下,因此冷落奇摩部落格與無名小站。 在哇咧的朋友介紹下,我註冊Gmail電子郵件,因此我開始接觸Google的服務,但只使用Gmail 跟搜尋引擊,還有地圖。 後來在網咖被中輟生糾纏遭擾,於是親戚將他的 EeePC 小筆電送給我,讓我可以在家裡上網,這時候開始學習簡單的 HTML 語法,也開始接觸 YouTube 。 2011年,因為在哇咧傷害其他會員,被哇咧站長關閉帳號,於是離開了像天堂般的哇咧,回到廢墟般的奇摩部落格,但編輯文章的技巧已經在哇咧被建立起來,有了這一個基礎,重返奇摩部落格後,開始大量 PO 基督教文章以及 2012 總統大選的政治立場。 2012年 5月,我參加網際網路應用班,由於已經有了Google帳戶,在老師的指導下,第一次使用 Chrome 瀏覽器,之前使用 IE 8;也學會利用 Google 尋找特定檔案、為 Gmail 建立篩選器、使用雲端硬碟….. 等,各種網路多元應用。 這時我才真正認識 Google,因此選擇 Blog...