|
網頁若要能支援響應式布局，viewport 的設定就非常重要，因為 viewport 會告訴瀏覽器，應該使用何種標準來自動調整頁面布局，讓不同寬度的設備能在同一套模板中都能順利瀏覽，除了易於管理外，也提高了消費者更好的瀏覽體驗...
viewport 比較常用的屬性設定如下 :
用戶設備寬度 : device-width
初始縮放比率 : initial-scale:最小0.25，最... 閱讀全文...
|
|
form.test {margin-left: 50px;}
form.test input {width: 250px;float: left;margin-right: 5px}
input
{
border: 1px solid #aaa;
border-radius: 5px;
padding: 0 5p... 閱讀全文...
|
|
使用 Brackets 把 ECSHOP 改為 HTML5 是件非常簡單的事，正常的ECSHOP模板都是MTML4的，如果你希望網頁也能使用HTML5的功能，那就有必要修改一下，ECSHOP的DWT模板約三十多個甚至更多，要逐個修改也很花時間，若是借助 Brackets 的批次取代功能，便可使得工作事半功倍...
確定你已經將模板目錄加入側邊欄的樹狀選單中：
隨便開起一個DWT檔案，並且把... 閱讀全文...
|
|
Brackets 與其他程式一樣會將一些不認識的檔案以文字類型開啟，如此便會失去該有的編輯功能，例如：dwt、lbi、ini...或是一些自訂的副檔名，檔案關聯是將這些不認識的檔案指定給正確的類型，方便爾後編輯，在 Brackets 中指定檔案關聯是很簡單的...
A、開啟檔案：
Brackets 的開啟檔案和資料夾方式除了在任何資料夾或文字檔上面按滑鼠右鍵，然後選擇 Open with Br... 閱讀全文...
|
|
Brackets 擴充功能管理員還有許多由社群開發者撰寫的擴充套件，雖然很多但相同類型的也不少，因此建議安裝之前先 Google 一下，確定哪些是你需要的，可別裝一大堆來拖垮電腦效能，但是 Emmet 和 Beautify 這兩個擴充功能是非裝不可，因為他能提升你的工作效率...
Brackets 擴充功能的安裝也很簡單，在安裝好 Brackets 後，可以從右側的圖示（紅框處）或是功能表的檔案... 閱讀全文...
|
|
Brackets 是 adobe 公司推出的一款免費、開放原始碼的純文字網頁編輯器，主要用於網頁設計，是一個跨平台的編輯器，支援 Mac、Windows 及 Linux 等作業系統。一般我們常見的網頁編輯器都有著相當複雜的操作介面，以及很多用不到的功能，很多人會選擇純文字代碼編輯器來進行網頁開發，例如 Sublime Text、Editplus...，等，但多數的編輯器針對網頁開發功能還是有限的.... 閱讀全文...
|
|
在歷經兩個月的折騰之後，今天終於完成新主機的上線運作，由於運作中網站太多，為避免意外造成的問題，因此等待所有問題排除後才一鼓作氣進行轉移，新主機支援PHP5.3、PHP5.4、PHP5.5、PHP5.6、PHP7、PHP7.1預設的版本是PHP5.4，聽說PHP7的效能提升是PHP 5.6版的2倍，等於提高了100%的效能改進，這是做吸引人的地方，你可以登入 Cpanel 來自由更改他，但是要別注... 閱讀全文...
|
|
很多時候在桌上型電腦或手機檢視的圖片明顯模糊，由於手機載入速度比PC慢很多，通常遇到大圖就會拖垮網頁開啟速度，然而一個網頁內通常有很多小 ICON，若要保持其清晰度，有的網站會製作多種尺寸的圖片，但這對以後的管理維護無疑是個麻煩，一般點陣圖只能縮小無法放大，一放大就變得模糊，因此建議使用向量格式的SVG圖片來改善這個情況...
SVG圖片並非一張圖片，而是一個向量圖片描述檔，因此不... 閱讀全文...
|
|
osTicket 是一種廣泛使用的開源問題支援追蹤系統。它透過電子郵件、電話和基於Web的形式建立查詢，無縫集成到一個簡單易用的多用戶網頁界面。在同一個地方管理、組織和歸檔所有的支援請求和回覆，同時提供問責制和客戶響應。
作為線上客戶支援服務程式，幫助工作台（help desk)，以及ITIL的重要組成部分等，osTicket在國外被廣泛使用。osTicket 發展至今已經有多國語言... 閱讀全文...
|
|
安裝 osTicket 之前請確認你的環境是PHP5.3或更高，並支援 MySql 資料庫版本5以上
1、以 ECSHOP 為例，先在 ECSHOP 的根目錄新增一個 osTicket 資料夾（如：ost ），然後將壓縮好的 zip 檔用 FTP 上傳至 ost 目錄內
2、登入主機控制台（Cpanel）的檔案管理員的 osTicket 目錄（ost）執行解壓縮
3、新增一個... 閱讀全文...
|
|
網址：http://www.pintuer.com/tools/test.html
進入頁面後，輸入你的網址，然後按『檢測』
如果在手機的模擬畫面下方沒有出現水平捲軸，表示你的網站支援響應式
如果在手機的模擬畫面下方出現水平捲軸，表示你的網站不支援響應式
那麼設計響應式網站有哪些優點呢？
1、節省網站設計與維護成本：
只要做一個網站的費用與模板，不必另外開發APP，就可以跨平台使用... 閱讀全文...
|
|
|
|
opencart2.x 的模版與 opencart1.5.x 的不能通用，因為 opencart2.x 開始模版都是響應式的，因此代碼會有變化，但是 opencart 的模版都是繼承自 default（預設模版）的因此只需製作需要改變的檔案即可，缺少的檔案都會由 default 資料夾存取，所以 default 資料夾也不可以刪除...
底下的示範會說明如何以 default（預設... 閱讀全文...
|
|
能讓消費者在短時間內找到客服人員，並即時解決他心中的疑惑，就多一分獲得訂單，我一直都這麼強調，事實上很多大型或商業網站也都很重視客服，但對很多小型或個人網站來說，要功能好一點的都必須付費，無疑是增加負擔，免費的功能又很陽春，無法滿足需求，而LiveZilla卻是一款免費開源的線上客服軟體，功能上沒有限制，以個人網站來說，絕對是綽綽有餘！
本來在4.x版必須購買才能使用，於是我就放棄了，沒想到... 閱讀全文...
|
|
自從有了CSS3之後，網頁中便能很輕鬆的加入許多效果，再加上jquery的幫助，要完成酷炫效果就不再是難事了，以前要做點效果就必須依賴flash，如今幾乎忘了他的存在...
這個首頁主廣告可以套用到任何的網頁中，特別的是他會隨著瀏覽視窗的大小調整尺寸，當你再PC和手機上看到的版幾乎是一樣的，如果你的網站是響應式的，那就更棒了，購物網站版面比較特殊要做到自動調整大小不太容易，但是... 閱讀全文...
|
|
|
大部分的虛擬主機都使用比較新的PHP版本，這樣容易造成一些比較舊的程式產生錯誤，就拿ECSHOP來說，只支援PHP5.2以下的版本，但是許多主機紛紛升級到5.3、5.4甚至5.5、5.6，但是新版本不一定好用，有時反而造成使用者的困擾，雖然有些虛擬主機可以從Cpanel來調整，但還是給用戶帶來不便...
本站的虛擬主機可以自行設定PHP版本，也可以在同一個空間裡使用不同的PHP版本，例如在空間裡... 閱讀全文...
|
|
|
HTML5 和 CSS3 給網頁元素很多酷炫的效果，在行動設備上更是 HTML5 和 CSS3 的天下，但在桌上型電腦上，各家瀏覽器的支援程度不一，因此 HTML5 和 CSS3 的使用上仍有限制，目前只有 HTML5 比較麻煩，CSS3 在比較新版的瀏覽器也都漸漸成為標準，眾多網站也都紛紛採用 HTML5 和 CSS3 來設計網頁，但是比較舊的瀏覽器並不支援 HTML5 和 CSS3，尤其是小於... 閱讀全文...
|
|
|
後代級別選擇器
:only-child
例子：p:only-child - 匹配屬於父元素中唯一的<p> 元素
:nth-child(n)
例子：p:nth-child(2) - 匹配父元素中的第2個<p>子 元素。n 可以是數位、關鍵字或公式
Odd... 閱讀全文...
|
|
|
在萬物皆漲只有薪水不漲的時代，任何的花費都需要精打細算，想要多兼差又怕過勞找上門，想要自行創業也要本錢，更必須承擔失敗的風險，因此，網路便是最好的兼職途徑，你可以邊上班邊做生意，放假也可以安心出去玩照樣可以賺錢，沒有時間和地區限制，全世界都是你的市場，只要不違法任何商品都可以賣，一年只需1980元即可擁有全功能的網路商城，應該沒有更低風險的作法了...
在適逢本站八週年的同時，也感謝網友們多... 閱讀全文...
|
|
|
很多人還不會使用FTP直接上傳壓縮檔至空間
大部分的人都還使用單檔上傳
或使用網站程式的上傳功能
小檔案當然沒問題
但是遇到大檔案就可能因為網路品質不佳而中斷
導致上傳不完全而無法解壓縮
此時使用支援中斷續傳的FTP做檔案傳輸
不論上傳或下載都可在短時間內完成
先上傳再解壓縮
但須注意的是只支援zip格式的縮檔
教學影片 閱讀全文...
|
.jpg)
|
Opencart 2 已經發布，安裝教學製作時的最新本版是 2.0.1.1。與 1.X的差別並不大，程式本身最大的改變應該屬前後台的響應式設計，提升了不少操作上的良好體驗。另一個重要改動就是引入事件 (Event) 機制，方便開發人員開發擴充功能。不過 Opencart v2 還是需要一段時間的觀察，版本才能穩定下來，如果需要測試伺服器需要PHP5.3以上才行，如果你正在使用 opencart 1... 閱讀全文...
|
.jpg)
|
這不是誇大其詞，HBuilder 的方便不管你是高手或新手都必定愛不釋手，因為沒有 Dreamweaver 的所見及所得，更不可能有垃圾程式碼，最新版本是5.0於今日（2015/01/04）發佈，官網及下載：http://dcloud.io/
下載完畢後解壓縮，直接執行 HBuilder.exe 即可使用，不需安裝，執行後會在桌面建立捷徑，若不想使用只需刪除 HBuilder 資料夾和桌... 閱讀全文...
|
|
Koala是一款預處理器語言圖形編譯工具，除了能編譯Less外還支援Sass、CoffeeScript、Compass框架的即時編譯。無需手動輸入命令去編譯，能在背景監聽檔案是否修改，若有修改會自動進行編譯，前提是你必須開啟koala(那不是廢話）。
koala的下載點： /article-243-Koala+Less+CSS+%E9%A0%90%E7%B7%A8%E8%AD%AF%E5%99%... 閱讀全文...
|
|
|
很快的本站服務已經快滿七年了，2015年3月24日起就正式邁入第8個年頭，除了感謝網友們一直以來的支持外，今（2015）起本站的虛擬主機服務將提升容量30%（原1500MB調升為2000MB），同時優待一個月（年繳只需十一個月），老客戶已經主動調整，原年繳2160的用戶，下一年續約時主動降為1980，除此之外，將在 weshop.tw 提供比較簡易操作的個人或企業網站程式，讓更多人有更多的選擇，如... 閱讀全文...
|
|
經常編寫網頁的人都有同感，特別是前端設計師，HTML、Jacascript都有很方便的編輯器來協助網頁的工作，但是CSS卻沒有，這在小網站中不會感覺不便，但在網頁稍多的網站，CSS的規則設定就會越難管理，假如你再CSS中設定了10個相同顏色的值，當你需要改變此值時，就要做10次重複動作，也有可能漏了某處或是改錯了，又或者設定了相同的邊框，但是粗細、樣式、顏色都不一定相同，當你要做修改時，可能只有用... 閱讀全文...
|
.jpg)
|
很多人對於CSS2就已經搞不定了，更何況CSS3的新特性，由於稍早之前還有很多瀏覽不支援，所以要在頁面中加個陰影效果，就得用圖片來達成，對於日後維護極為不便，但是有了CSS3之後，不管陰影或圓角，甚至是漸層或旋轉，都可以用文字的方式在樣式表中加以設定，這個 CSS3 陰影圓角產生器可以透過滑鼠微調出外陰影、內陰影、背景顏色、漸層、框線與圓角等效果，操作非常簡單，繁體中文介面所見及所得非... 閱讀全文...
|
|
|
因為景氣的低迷，物價紛紛上揚，食安問題也使得許多人受拖累，有的人甚至因此失去工作，這對年輕人或許無傷大雅，工作再找就有，但是對於中年失業的人，要再找到工作談何容易，就算有一技之長，也可能受年齡限制，尤其多數是家裡的經濟支柱，中年失業的壓力可想而知，只能感嘆我們的社會真的生病了，而且還病得不輕...
一個作印花的朋友，還好景氣好的時候買了房子，住不是問題，但是小孩子還在讀大學，他的生意因為只是... 閱讀全文...
|
|
好一陣子本站在 Alexa 的世界排名從27萬持續掉到175萬，台灣排名也從約3000降到1萬6，在一切運作正常的情況下竟然發生如此怪事，雖然 Alexa 數據只能當成參考，但面對持續約3個月的下降，說不緊張也是騙人的，因此好一陣子都在尋找解決方法（至少一個月），但是都不見起色，因為我怕影響到PR值與搜索引擎排名，到時候就真的欲哭無淚...
在方法用盡無計可施的情況下，只好放棄任其下降，突然... 閱讀全文...
|
|
|
由於智慧型手機快速的增加，加上手機功能與瀏覽速度的提升，使得人們的生活模式正不知不覺被改變，消費習慣也正在悄悄的轉變中，手機購物已然成為趨勢，因此Ecshop也一直追求手機功能的改變，而這些功能也只針對線上購物網站有效，對於一般的公司或企業，成交是必須靠公司業務接洽達成的，成交金額也比較大，不太可能線上下單的，所以ECSHOP2.7.4的改變並不具任何的吸引力
很多人還不清楚ECSHOP的版... 閱讀全文...
|
|
|
|