網頁設計就像是蓋房子,內容優化是SEO的基礎

網頁設計 就像是蓋房子,鋼筋(程式架構)、水泥(前端頁面)、裝潢和家具(線條及圖文排版),蓋房子有建築設計師、裝潢也有裝潢設計師,要蓋出房子會要有許多專業的師傅,鋼筋師傅、土水師傅、油漆師傅、鐵工師傅、木工師傅等。

當然網頁設計也是需要有前端程式設計師(HTML+CSS)、後端程式設計師(PHP、ASP、JSP)、美工設計師,希望能提高被搜尋,就有各式各樣的網路行銷及網路廣告,但內容優化卻是最基礎的網路行銷。

網頁設計就像是蓋房子
網頁設計就像是蓋房子

(繼續閱讀…)

繼續閱讀

企業形象的網站設計費用行情多少才算合理?

阿橙 最被常問的就是這件事情,但網頁設計有很多種,都習慣用蓋房子來說明,這次就先說 企業形象網站設計,因為這也是一般中小企業的需求,我都會先問行業,如果客戶沒什麼想法時,就會詢問有看到不錯的同業網站,來做初步的評估報價。

至於費用多少才算合理,身為一位弱弱的前端網頁設計工程師,網站架構設計上的好壞會影響後續的內容行銷上的執行,阿橙 很重視後續的內容撰寫服務,先分析市面上網站設計的差異。

網站設計費用行情多少才算合理?
網站設計費用行情多少才算合理?

(繼續閱讀…)

繼續閱讀

何謂「RWD」響應式網站 (Responsive Web Design)?

「RWD」= Responsive Web Design,當然是有很多的中文名詞,響應式網站、自適應式網站、回應式網站…等,或許在網路上會有需多不少文章解釋,何謂「RWD」響應式網站,可是都有太多的專有名詞,我想這都不重要,主要是為什麼會有這技術的出現呢?

是因為為了「跨平台」,講這些是不是還是太過專業了,就是目前生活中,從電腦、手機、平板的出現,但卻因為各裝置的尺寸有差異,為了要符合觀看的寬度,因為大家的使用習慣只有上下觀看,卻不習慣去左右觀看,或許在網路上會有需多不少文章解釋,何謂「RWD」響應式網站,可是都有太多的專有名詞,就來簡單的去說明一下吧。

Responsive Web Design
↑ Responsive Web Design

(繼續閱讀…)

繼續閱讀

CSS 變的更優秀了? 可是卻要符合各瀏覽器

CSS
阿橙 一直拼了命的寫新網站,網頁設計師真的好苦命阿,因為現在台灣目前應該很少會有 美工設計 加上 css前端設計 的設計師了,但也是因為世界上發明了手機和平板後,css 當然也要開始大大的改變,也就是要符合各瀏覽器及適應各種不同寬度的媒體 (手機、平板) 介面。

首先我從來不講很深的技術文章,只想寫出一般想製作網站的網友們,可是又有很多不了解的問題。

(繼續閱讀…)

繼續閱讀

好用的 Bootstrap 前端框架設計工具

bootstrap

阿橙 好久沒來寫文章了,因為最近為了養家,提高在網頁設計這區塊能有比較高的價格,並且能有競爭優勢,花了快半年的時間在學習 Bootstrap,什麼是 Bootstrap 呢?其實應該有點懂的人上網查一下都能查的到,但是還是要讓想要做網站的客戶知道,Bootstrap 是 Twitter 所開發的,以方便大家使用與建構更的網頁應用,當然也不是網頁設計的初學者就能學會的,那一定要先知道什麼是 RWD (Responsive Web Design) ,又稱自適應式網頁設計,或響應式網頁設計,最簡單的說法就是手機、平板、電腦瀏覽介面上都能符合螢幕的大小。

 

Bootstrap 是目前其中之一的前端框架,是很簡潔,直覺,強大的前端框架,讓網頁開發更快速更簡單。

(繼續閱讀…)

繼續閱讀

手機網頁教學 – 判斷是手機上網,還是電腦上網

現在很多網站都要有手機版的網頁了,但是以前的網頁要怎麼辦呢?? ..

因為目前有分二種形態的網站~~

有一種是同一頁網頁做縮放的動作就會因寬度去改變網站的類型…

有一種是電腦版網頁和手機版網頁是分開來的,但目前比較多是分開來的…

因為以前做的電腦版網站還是會留下來,然後在另外做一個手機版的網站…

今天就是要做一個手機版網站,然後在之前的電腦版網站加入可以判斷的語法,才能轉到手機版的網頁哦…

非常的簡單,但還是要懂基本的語法哦…

(繼續閱讀…)

繼續閱讀