OpenCart 購物車電商系統是最容易上手的線上購物商店網站 - Responsive設計架構同時支援電腦、平板、手機最佳瀏覽模式

OpenCart的購物網站程式,是由英國人Daniel 所開發的開放原始碼購物網站系統,OpenCart在程式架構上採用MVC schema架構開發,在架構上並沒有使用太多的Smarty模板引擎,所以要修改程式或是版型會比較容易,而且運作上也蠻輕巧的運行執行速度快速,網站支援多國語系(英文、簡體、正體中文)都有,讓您可以輕易發展不同語系的系統,後台功能頗完善的,也有支援報表輸出,若您不需要複雜的購物網站功能,或您對於架設購物網站尚無經驗,且喜歡簡潔的介面,則您可以考慮這套還蠻不賴的OpenCart購物網站。

OpenCart購物網站支援目前最夯的Responsive Web

...
閱讀更多

Drupal 網站內容開發管理系統 - 發展成熟,靈活和擁有強大的多種功能,可以用來建設從個人網站到大型社區網站

Drupa 的名稱源起荷蘭語 druppel(水滴)之意,是一套免費、強大的網站內容開發管理系統(CMS),能夠輕鬆簡單地發佈、管理以及組織各式各樣的內容資訊。適合應用在小至個人部落格、大至企業商業應用的網站。擴充性強,外掛模組種類多樣化,安全性高。Drupal 是一套開放源碼的內容管理平台,擁有多種實用的功能,可以用來建置從個人網誌到大型網路社群等各種類型的網站,例如華納唱片、紐約觀察報、Fast Company、Popular Science、SonyBMG、富比士、哈佛大學等網站,或是個人部落格(Tim Berners-Lee)、播客網站(TWIT.tv)、線上社群(SpreadFireFox.com)。

  • 系統名稱:Drupal 網站內容編輯管理系統
  • 軟體費用:開放原始碼且免費 (GPL)
  • 正體支援:正體中文高度支援 /
...
閱讀更多

UTF-8 C0控制與基本的Latin(拉丁字母)

範圍:十進制0-127,十六進制0020-007F。

字符集與原來的ASCII 字符集相同。
如果您想要在HTML 中顯示一個特殊的字符,您可以使用下表中的HTML 實體。
如果字符沒有HTML 實體,您可以使用十進製或十六進制引用。

實例

<p>我的名字是 Johnny &quot;Bang&quot; Johnson<p>
<p>我的名字是 Johnny &#34;Bang&#34; Johnson<p>

結果如下:

我的名字是 Johnny "Bang" Johnson
我的名字是 Johnny "Bang" Johnson
字元 十進位 十六進位 實體 名稱
32 0020   空格(SPACE)
! 33 0021   感嘆號(EXCLAMATION MARK)
" 34 0022 &quot; 引號(QUOTATION MARK)
# 35 0023   數位記號(NUMBER
...
閱讀更多

HTML ISO-8859-1 字元集参考手册

ISO-8859-1

在 HTML 4.01 中,ISO-8859-1 是預設的字元。
ISO(全稱 International Standards Organization)為不同的字母/語言定義了標準的字元集。
在本頁面底部列出了 ISO-8859 的不同變體。


ISO 8859-1 ASCII

ISO-8859-1 的第一部分(實體編號 0-127)是原來的 ASCII 字元集。它包含數位、大小寫英文字母和一些特殊字元。
在 ISO-8859-1 中,未使用從 128 到 159 的編碼,但是很多瀏覽器會顯示 ANSI(Windows-1252)字元集的字元,而不是什麼都不顯示。


ISO 8859-1 符號

ISO-8859-1 的第二部分(編碼 160-191)包含了常用的特殊字元。

字元 實體編號 實體名稱 描述
&#160; &nbsp; 非間斷空格(non-breaking space)
¡ &#161; &iexcl; 倒置感嘆號(inverted exclamation
...
閱讀更多

Bootstrap CSS概覽說明

在這一章中,我們將講解Bootstrap 底層結構的關鍵部分,包括我們讓web 開髮變得更好、更快、更強壯的最佳實踐。

HTML 5 文檔類型(Doctype)

Bootstrap 使用了一些HTML5 元素和CSS 屬性。為了讓這些正常工作,您需要使用HTML5 文檔類型(Doctype)。因此,請在使用Bootstrap 項目的開頭包含下面的代碼段。

<!DOCTYPE html>
<html>
....
</html>

如果在Bootstrap 創建的網頁開頭不使用HTML5 的文檔類型(Doctype),您可能會面臨一些瀏覽器顯示不一致的問題,甚至可能面臨一些特定情境下的不一致,以致於您的代碼不能通過W3C 標準的驗證。

移動設備優先

移動設備優先是 Bootstrap 3 的最顯著的變化。在之前的Bootstrap

...
閱讀更多

Bootstrap 簡介

什麼是Bootstrap?

Bootstrap是一組用於網站和網路應用程式開發的開源前端(所謂「前端」,指的是展現給終端使用者的介面。與之對應的「後端」是在伺服器上面執行的程式碼)框架,包括HTML、CSS及JavaScript的框架,提供字體排印、表單、按鈕、導航及其他各種元件及Javascript擴充套件,旨在使動態網頁和Web應用的開發更加容易。

Bootstrap 歷史

Bootstrap原名Twitter Blueprint,由Twitter的Mark Otto和Jacob Thornton編寫,本意是製作一套可以保持一致性的工具和框架。在Bootstrap之前,開發介面需要使用不同的程式碼庫,這樣很容易導致不一致的問題,從而增加了維護的負擔。Twitter開發者Mark

...
閱讀更多

設計師成長必修秘笈:充分瞭解色彩的原理

色彩的運用在網頁中的作用真是太重要了,有些網頁看上去十分典雅、有品位,令人賞心悅目,但是頁面結構卻很簡單、圖像也不複雜,這主要是色彩運用得當,因此我特地將本來屬於圖像製作內的色彩作為一個獨立攔目來介紹。

一、色彩基本概念

自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色,而其他所有顏色均屬於彩色。任何一種彩色具有三個屬性:

  • 色相(Hue):也叫色澤,是顏色的基本特徵,反映顏色的基本面貌。
  • 飽和度(Saturation):也叫純度,指顏色的純潔程度。
  • 明度(Brightness或Lightness或Luminousity):也叫亮度,體現顏色的深淺。非彩色只有明度特徵,沒有色相和飽和度的區別。
...
閱讀更多

Responsive Design響應式網頁設計的九個基本技巧

Responsive

...
閱讀更多

網頁設計常見的佈局「雙欄式佈局」設計

目前雙欄式佈局仍然是網頁常見的佈局之一,其他還有像是單欄式、三欄式。這個概念在很早之前就有了,屬於設計領域,不過隨著技術的演變,實做也有些不同,比如之前提到的article、header、footer、aside等等就是在語義上有意義的標籤。header、body、footer也就是從縱面來看,分成頭部、身體和腳部,不只是在網頁主體上(Document),表格(table)有th、tr之分,Bootstrap的CSS框架中也有不少小物件可拆分成這三個部分。

從橫軸面來看,最簡單的是單欄是佈局,也就只有一個主體,手幾等螢幕較小的裝置也可以顯示。多含有邊框訊息(aside)的訊息的雙欄式佈局,是我目前個人最常見到的,於電腦等較大型顯示裝置下的佈局方式。此外,還有三欄、多欄式佈局,在這以外的佈局方式也有不少。舉幾個例子:知名內容管理軟體(CMS)WordPress的預設初始佈局(主題),當前應該是雙欄是佈局;另一個值名項目管理工具Trello,就有點多欄式的感覺;Google

...
閱讀更多

為何Google對響應式網頁設計,搜尋策略是不好的選擇?

有很多的誤解,Google對行動平台搜尋引擎優化。首先,最重要的是,Google並沒有強制使用的回應性的Web設計(RWD)的搜尋引擎優化的最佳實踐。Google明確表示, “Google並沒有偏向任何特定的URL格式,只要因為他們是所有都Googlebot的和Googlebot的,行動平台的機器人Google使用抓取桌面和智慧手機的具體內容可訪問,而且它這裡值得注意的是Google的爬行桌面和行動平台內容分開。其次Google毫不含糊地說,前期“Google支持的智慧手機優化的網站有三種配置”,是RWD,內容改編,以及獨立的行動平台網站。

Google說,它建議RWD智慧手機網站

...
閱讀更多

響應式網站建置對網站的SEO有什麼好處?

關於SEOSEO(Search Engine Optimization)即「搜尋引擎最佳化」,白話來說就是讓百度、Bing等搜尋引擎給你的網站建設有較好的評價,進而提高你的網站建設在有關搜尋引擎內的排名,一般來說排名會根據:

  1. 流量:這個網址的訪客數。
  2. 內容關聯性:網站建設內容跟網友搜尋的關鍵字是否吻合。
  3. 停留時間:網友不只找到你的網站建設,還在你的網站建設上停留越久,代表你的網站建設跟這個關鍵字有很大的關聯性。
  4. 更新頻率:網站建設常更新的話,搜尋引擎會給予較高分數。
  5. 外部連結:您的網站建設有很多的外部連結,也就是有很多部落客的分享文或權值很重的網站建設可以連結到你的網站建設,也會讓排名更好。
  6. 行動裝置優化:這也是最近最重要的一點,說明如下。

總的來說搜尋引擎都是以你的網站建設是否能符合使用者的使用習慣,當做網站建設品質分數的評分標準。

綜合各家經驗,我們將響應式網站建設對SEO的更多好處整理如下:

...
閱讀更多

網頁設計應注意SEO網站優化的十個細節

SEO網站優化細節決定成敗!網站SEO優化做得好不好,對一個網站的瀏覽量影響很大,別人做網站,您也做網站,特別是企業網站建設,差異就在於瀏覽量,網上的生意就決定於此。
為什麼別人花與您一樣的錢去架設網站能有接不完的訂單,而您的網站卻無人訪問?原因就在於細節沒有做好。特別是您的網站沒有按照搜尋引擎的友好度進行設計網站!
wedo網頁設計公司作為網站架設、網路行銷、搜尋引擎優化整體服務的專業設計公司,多年的經驗總結出網站設計時程式設計師應注意SEO網站優化的十個細節,切實可行,如果您還有更多的需要諮詢,請您來信或來電,我們竭誠為您服務。
下面您就瞭解這十個SEO細節,相信對您有好處!

一、連結的一致性
搜尋引擎排名最主要的因素就是網站內容和連結,假如網站內部連結不一致,在很大程度上直接影響著網站在搜尋引擎中的排名。例如長沙自助公寓網巡覽列中的“首頁”連結,程式師在開發時可能會有以下幾種連結代碼;
1、<a href="http://www.wedo.com.tw">首頁</a>;
2、<a

...
閱讀更多

「形象網站」與「行銷網站」的區別

很多企業在架設網站時,首先考慮網頁設計的美觀性,力求美輪美奐,並設計特別的動畫,增加網站可看性,希望能牢牢吸引住網友目光,讓網友停留的時間長一點,然而網站製作不應該只考慮美觀性,需求不同網頁設計重點應該不一樣。

網站可分為兩種

綜觀各家網站,大致可以區分為兩種,一個是「形象網站」特別注重網站設計,使用大量FLASH動畫提升網站質感,許多時尚精品網站都屬於這一類。例如英國名牌Burberry、義大利名牌GUGGI等,都是「形象網站」的類別;另一種「行銷網站」著重實用性,沒有太多FLASH動畫,開啟網站幾乎不用等待,就能進入網站首頁。這兩種不同性質的網站各有各的功用。

...

閱讀更多

告訴您如何使用HTML5與CSS3做出動畫效果,提升瀏覽者更願意停駐瀏覽網站

在網站中使用動畫效果並不是什麼新鮮事兒。建站早期,不少設計師經常在自己的網站中放置gif動畫,但由於許多設計逐漸不能兼備實用性,動畫效果慢慢成為糟糕的用戶體驗的代名詞。不過,近些日子隨著Html5技術的發展,依靠CSS3做出的動畫比Javascript的操作更簡單、瀏覽更順暢,因此動畫效果在歷經起起落落之後再次回歸到大眾的懷抱,很多網站開發者開始重新思考怎樣將它更好地應用到網站中。其實,適當的動畫效果可以給枯燥無味的用戶界面增加趣味,增添網站的個性化色彩,引起用戶的情感共鳴,提升用戶體驗,提高用戶轉化率。今天小飛就帶大家一起看看動效有哪些好處,以及在網站中可以怎樣使用。

在網站中使用動畫效果的好處:

增加趣味性

設計巧妙的動畫常常會給用戶帶來意想不到的驚喜,給網站增加一定的趣味性。Deal
...
閱讀更多

做好這五點基本要求才能算一個合格的HTML5動畫

隨著CSS3和HTML5建站技術的發展,動效在網頁設計中的作用越來越顯著。與靜態界面相比,動態的轉變更符合人們的認知體系,可以有效降低用戶認知負載。這是因為,在網站界面使用動畫效果能讓元素的變化、界面的轉變、層次結構之間的關係更加清晰自然。從某種程度上來說,動效還是用戶交互的基礎。那麼,什麼樣的動效才是有效的呢?小飛瀏覽了不少網站,總結出了5個核心準則,現在一起來看一下吧。

一、自然流暢

閱讀更多

七個簡單技巧助你搞定響應式網頁中的圖片設計

響應式網頁設計已經是如今當之無愧的標準配置了,我們需要響應式網站的技術來應對日漸碎片化的屏幕尺寸,網頁設計師也力圖做好這件事情。而網頁中的圖片和圖庫的響應式設計,也是其中的重點難點。它們是網頁中最常見,也是最直觀可見的元素。打開一個漂亮精緻的網站,然而其中的圖片和圖庫看起來怎麼都和頁面不匹配,這樣的情況恐怕是最讓人抓狂的了。

如果要設計好響應式的圖片和圖庫,今天接下來要聊的7個技巧,興許能給你提供一個明確而係統的思路。它們並不涉及到具體代碼實現,更多牽涉到設計過程和處理手法,做好了這些工作,具體實現起來就不難了。

...
閱讀更多

響應式網站建站的優勢以及需要注意的問題事項

如今移動網際網路的發展,網站對於移動終端設備的展示越來越重要!但是這些移動設備又有著特定的螢幕尺寸、分辨率等,在這樣的情況下,傳統的PC網站已不能滿足用戶的需求,PC網站在不同設備上打開會出現各種問題,無形中導致大量的潛在用戶流失,所以這裡很有必要為大家介紹,建設響應式網站有什麼優勢,以及響應式網站建設需要注意哪些問題。

首先,來說一說響應式網站的優勢:

  1. 響應式網站的智能化
    建設響應式網站,最大的優勢是具有智能化的響應設計,這種網站可以針對用戶設備顯示端的尺寸不同,自動的調整網站的顯示方式,讓網站幾乎可以適應所有的顯示終端,而且還可以在瀏覽器中調整網站的寬度,讓網站不出現滾動條,使得用戶不管在任何一種顯示器上瀏覽網站,都不會出現佈局混亂、顯示不全、或者是亂碼的問題,從而最大程度的提高用戶的網站體驗。
  2. 節省成本
...
閱讀更多

網站響應式設計並不完美!四大常見問題可能影響移動轉化率

十年前,上網的工具只有電腦,兩種螢幕尺寸佔全部市場的比例就高達77%。十年後,這種模式已經發生了翻天覆地的變化。不同大小的桌面端PC、筆記本電腦、平板、智能手機、電子書閱讀器以及聯通網絡的電視等等層不出窮,分割網絡用電子設備77%份額的是十種不同的螢幕尺寸。

根據統計數據,這十種不同的尺寸雖然佔比有高低之分,但沒有任何一種的市場份額能夠超過20%。這種上網工具的分散化,催動了網站建設行業中的一個新興板塊:響應式網站設計。因為響應式設計能夠解決一個網站適應各類大小螢幕的問題,也便於後台統一管理,有助於搜索引擎收錄與檢索。

但響應式網站設計並不是萬能的,它存在的一些固有問題可能影響響應式網站的移動轉化率。下面畔遊科技就最常見的四大問題與大家商榷一二。

...
閱讀更多

響應式網站設計的理念

響應式網站設計的理念是:頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、營幕尺寸、螢幕定向等)進行相應的響應和調整,能夠兼容多個終端——而不是為每個終端做一個特定的版本,不必為不斷到來的新設備做專門的版本設計和開發。

在移動設備終端訪問佔大多數的網絡時代,移動設備使得響應式網頁設計變得如此重要。H5響應式網站實現PC端iPad端M手機端及WeChat微信端多平台的瀏覽方式,不同的分辨率下依然保持風格的一致閱讀性,後台更新數據可同步至多個平台,高效快捷。

品牌&企業網站採用國際主流的網站設計風格並結合品牌及企業的VI形象來確定網站的樣式,達到優秀的網站視覺效果、順暢的用戶體驗及信息傳達的準確性。

品牌營銷型網站將營銷的思路、文案和圖片融入到具備美感的品牌網站中來,實現品牌及企業的商業目標及獲得銷售線索或直接獲得訂單。

購物&電商網站實現在線銷售&在線購物服務。其功能主要包含商品的管理、會員的管理、訂單的管理、庫存的管理、優惠的管理、在線支付等。

(此篇文章為網路轉載,如有侵權請告知,會盡速將文章下架!)

閱讀更多

如何設計製作HTML5響應式網站建置

H5響應式網站目前已經佔領了全網營銷的流量入口,對於說起H5響應式網站很多人也是慢慢的熟悉起來了,隨著H5響應式網站建站技術的日益成熟,也為企業的建站成本帶來了很大的減少,在技術沒有成型之前都是需要做上倆套模板的,一套pc端的一套手機端的,在瀏覽器訪問的時候通過辨別瀏覽器的方式來跳轉不同的程序,但是H5響應式網站就不一樣了,只需要一套模板一套程序可以自適應不同大小的屏幕分辨率,讓網站可以輕鬆的適應不同品目的瀏覽器,給不同設備的客戶帶來了統一的瀏覽體驗,其實H5響應式網站製作起來也不是想像的那麼複雜,下面就來說說如何設計製作HTML5響應式網站建設。

...
閱讀更多

響應式網站建設優勢有哪些,什麼是響應式網站佈局?

什麼是響應式網站:響應式網站設計是一種網站頁面設計佈局,其理念是:集中創建頁面的圖片排版大小,頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相應的響應和調整。不需要像以前的方法,根據每個分辨率每個終端去定做一個網站,電腦做一個網站,手機端在做一個網站,ipad在做一個,這樣浪費了大量的時間精力,現在響應式網站節省了非常多的時間和資源,是未來做網站的主流技術。

響應式網站設計在2012年被提的比較多,但是響應式設計仍然在不斷變化,不斷創新。比如,新的設備不斷出來(iPad Mini),這讓以前的設計想法土崩瓦解。而各種Web的響應式設計也獲得了越來越多的注意,"讓人們忘記設備尺寸"的理念將更快地驅動響應式設計,所以Web設計也將迎來更多的響應式設計元素。

響應式網站的優勢和帶給用戶怎樣的體驗?

談到不同的屏幕,響應式網站就可以給大家帶來出色的用戶體驗。...

閱讀更多

如何做好響應式網站,四個不要,五個建議

...
閱讀更多

淺談響應式RWD網頁設計的佈局

什麼叫做響應式佈局?

也即是響應式Web設計。響應式佈局是Ethan Marcotte在2010年5月份提出的一個概念,簡而言之,就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的。

響應式佈局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗,隨著現在各種終端的快速發展,做出一些能夠適應不同分辨率、不同平台、不同屏幕大小的網頁尤為重要,這不僅使得自己的網站適應不同終端的能力更強,同時也為用戶帶來了良好的體驗。而且隨著目前大屏幕移動設備的普及,用大勢所趨來形容也不為過。隨著越來越多的設計師採用這個技術,我們不僅看到很多的創新,還看到了一些成形的模式。

怎樣實現響應式佈局?

對於這個問題,我們可以通過CSS3中的Media

...
閱讀更多

Responsive Web Design(響應式網站設計,或稱自適應網頁設計、回應式網頁設計,簡稱RWD)

一、通俗的說

自適應網頁設計也是響應式網頁設計,響應式網頁設計也是自適應網頁設計。但是真正的細分起來,自適應只是響應式的一個子集,指網頁中整體大圖的自適應或者banner的自適應。

響應式網頁設計優勢:流體網格的網站適合響應式網頁設計。

  • 靈活性強,可以適應不同分辨率的設備
  • 方便快捷的解決多設備顯示適應問題

自適應網頁設計優勢:固定斷點的網站適合自適應網頁設計。

  • 實施起來代價更低,測試更容易
  • 自適應佈局可以讓設計更加可控,因為它只需要考慮幾種狀態就可以了
二、實現方式:
  1. 允許網頁寬度自動調整
    "自適應網頁設計"到底是怎麼做到的?其實並不難。首先,在網頁代碼的頭部,加入一行viewport元標籤。
    <meta
...
閱讀更多

高性能的視差動畫

愛也好,恨也好,視差效果已經遍布web之上了。當你用的巧妙的時候,它可以給應用增加深度和隱喻效果。但問題在於實現一個高性能的視差效果是一個很有挑戰的工作。在這篇文章裡,我們將討論如何構造一個高性能的視差效果,當然同樣重要的是還得跨瀏覽器。

摘要

  • 不要使用滾動事件(scroll events)或者背景定位(background-position)來創建視差動畫。
  • 使用CSS 3D 變換來創建一個更準確的視差效果。
  • 對於iOS移動設備的Safari瀏覽器使用position:
...
閱讀更多

誰說網頁只能用標準字?使用Google Web Fonts API(線上網路字型服務)為您的網站增加字體

Google Web Fonts(簡稱webfont)亦Google網頁字體,網頁字體的快速和易於使用的每個人,包括專業的設計師和開發商。
我們認為,不應該有任何作出了巨大的網站障礙。
Google的目標是創建一個世界的核心Web字體的目錄,並提供API服務,使任何人都可以帶來質量的排版的網頁。
API服務Google的服務器上運行。
他們快速,可靠和測試。
Google提供免費的服務。
它可以在幾秒鐘內的網站加入Google的Web字體。
網頁字體建一個網站,是一個更美觀,更具可讀性,更容易和更加開放的網絡。
所有的字體都是開源的。這意味著你可以自由與朋友和同事分享您的收藏夾。
您甚至可以改善或定制,並與原設計者。您還可以使用在每一個您想要的方式,私人或商業– 打印,您的計算機上,或在您的網站。
Google正與世界各地的設計師,出版質量為Web字體的設計。
如果您設計的字體,想貢獻自己的設計,請與我們聯繫。
在目錄中的字體,可以成為非常受歡迎,百萬計的人們每天看到的。
以前的網頁字型只能設定為電腦通用的字體例如Arial,

...
閱讀更多

如何與網頁設計師溝通?

每個人因為成長的過程不同,對「視覺的美」這件事的觀感也有很大的差異。
通常設計網站很大的一關會卡在視覺畫面提案這個階段,這個問題的肇因主要是因為設計師跟客戶之間的「視覺的美」溝通不良,溝通之所以不良通常是因為雙方對於視覺語言與文字的認知不同導致的,所以有時候客戶希望網站活潑、清新,這兩個名詞聽在設計師耳朵裡跟客戶的認知就有所不同,再加上設計師對您的網站所應呈現出來的視覺會有自己的認知,因此畫面提案就跟您想像的不太一樣。

假設您選擇了一個口碑不錯、值得信任的設計師,「溝通」是下一個難題。有些人會以為直接跟設計師說「我想要做一個什麼樣的網站」,設計師就能按照需求精準地做出來。許多紛爭都出現在設計師覺得已經努力認真做網站,但客戶卻覺得跟他的想法完全不同。跟設計師表達需求之前,您應該先注意以下事情:

先決定您的網站功能類型?是否使用架站軟體?...

閱讀更多

網站設計網頁製作中有哪些關鍵技巧?

網站設計中有哪些關鍵技巧?在這裡告訴你:

01. 明確內容
如果你想成為一個網站設計者,並正想建一個網站的話,首先應該考慮網站的內容,包括網站功能和你的使用者需要什麼。你的整個設計都應該圍繞這些方面來進行。

02. 抓住用戶
如果用戶不能夠迅速地進入你的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。

03. 優化內容
內容是核心。企業網站就像一本廣告冊子,網站不要使用太多大的圖片,似乎要幾個世紀才能下載完。

04. 快速下載
沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗,一個標準的網頁應不大於60K,通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。

05. 網站主機適時升級...

閱讀更多

網頁的排版與佈局

很多朋友都想學習如何做網頁,我知道他們的意思就是說要如何用做網頁的軟體,如dreamweaver、flash、firework、photoshop等等,這些純技術的東西我不想多談,因為如今技術的發展一日千里,就是這種應用軟體也是發展升級得非常的快。

今天的很多認為是較難實現的功能也許經過軟體升級之後就可以很方便的實現。我想強調的是關於網頁排版佈局方面的必要的知識,很多初學者都忽視這方面,以為技術就能代表一切,能夠知道怎麼用這個做網頁的工具就能夠做出品質較高的網頁來。其實不然,因為軟體知識只是一種工具,就像你有了筆,但不一定能作出好的文章來一樣。很多人對技術很熟練但是做出來的網頁卻通常是照搬人家的東西,並沒有體現做網頁的水準的提高。
...

閱讀更多

什麼是Web網站設計 - 為使用者設計

正如上面所說的,在Web網站開發中經常犯的一個錯誤是為設計者而設計網站,所考慮的是設計者的需求而不是實際使用者的需求。如果設計者忽略使用者的需求,進程模型就不能保障一個網站的品質。一定要記住Web網站設計的重要原則:

規則:設計者不是使用者。

設計者所理解的並不是使用者所理解的。作為一個設計者,您擁有Web網站的直接知識。您道資訊在哪裡以及如何安裝插入功能元件。您有最佳的螢幕解析度及瀏覽器的設置等等。您必須接受以下的事實,很多使用者並不像您一樣理解您認真設計的網站,他們的興趣甚至也與您不盡相同。考慮到使用者的興趣和期望的重要性,表面上直接讓使用者以他們希望的方式進行設計仿佛很合適。但如果您考慮到了另一個基本原則,那就不是一個好主意:

規則:使用者不是設計者。
...

閱讀更多

網站的設計、管理與維護

如果您在網際網路上發現一個對您的工作有幫助或有參考價值的網站,您一定會將其網址告訴您的同事;如果找到您的朋友需要的資訊,您同樣記下網址告訴您的朋友;要是在飆網時偶然遇到特別有興趣的網站,您肯定加入到自己瀏覽器的書簽中,每一個上網者都會這樣做的。有許多人員設計過網站和個人主頁,這在技術實現上已十分容易,有許多幾乎不用程式設計的所見即所得的工具軟體可以利用。但是讓人們從浩如煙海的網站中,訪問瀏覽您的網站甚至為您宣傳,就不是那麼簡單,因為滑鼠和鍵盤是永遠掌握在上網者手中的。設計者如何設計出達到預期效果的網站和網頁,是需要深刻理解使用者的需求並對人們上網時的心理進行認真的分析研究。

網際網路正在改變世界,它促成了網路經濟雛形的形成,特別是電子商務正由新概念走向實用化。由於網際網路具有傳播資訊容量極大、形態多樣、迅速方便、全球覆蓋、自由和交互的特點,已經發展成為新的傳播媒體,所以全球幾乎各個企業、機構紛紛建立自己的Web網站。並且由此產生了一個新的工作崗位——網站設計者(Website

...
閱讀更多

如何選擇適合您的網站設計公司呢?

首先我們先從文章的標題來思考,選擇適合您的「網站設計公司」,而不是定義選擇適合您的「網站製作個人」或「平面設計公司」或「廣告公司」、「公關公司」、「網頁設計工作室」、「電腦公司」,條件當然是能與您直接配合網站設計公司業者,而非個人SOHO或是非網站設計主業的公司。網頁設計的產業是一個很速成的產業,充滿了很多非專業的正規網站設計公司,網站設計公司越來越多,就連做網頁設計的SOHO族都越來越多,一個人一台電腦就能做製作網頁,他們的製作費通常很便宜,但並不能提供完整的規劃與設計服務。要如何選擇適合您網站設計公司很重要,這關析的您的網站是否成功營運,因為有可能網站做不了多久,哪個網頁設計公司就倒了或是設計者已經改行做別的工作了,這樣的情況您能接受嗎?

先了解您自己的需求,也就是您建置網站主要目標為何?大致上網站類型主要有:

企業形像網站...

閱讀更多

網站的目標定位很重要

網站的定位往往就是一句話的事情,但就是簡單的一句話卻來之不易。為了這簡單的一句話,很多網站花了很長的時間,走了不少的曲折之路。網站的定位跟網站的目標用戶群,市場的潛力和競爭對手都相關,所以它也不簡單。

做網站時,首先要解決兩個問題:一是網站有沒有定位,二是網站定位是不是合適。如果一家公司網站不能夠用一句話來概括網站是做什麼的,那麼這個網站就是沒有清晰的定位,沒有清晰的定位則表示沒有想好,沒有想好就是表示對目標用戶群、對市場環境、對競爭對手都沒有一個明確的認識。

網站有定位也不一定是對的,定位於一個競爭激烈的市場或者已經飽和的市場,這樣的定位跟沒有定位是沒有差別的。所以一個網站不僅要有定位,而且要有一個差異化的定位。不是為了差異化而差異化,而是為目標用戶群的需求的差異化,為了市場空間的不同而差異化。有清晰而合適的定位,本身就是一種競爭的優勢,能夠比對手少走彎路,以更少的資源做更多的正確的事,所以也比競爭對手跑得更快,走得更遠。
...

閱讀更多

該如何準備網站設計前的工作

網站設計是一門專業的工作需要眾多人員的分工合作才能成就一個完整而實用的網站,製作網站除了找尋委託專業的網頁設計公司、將製作與設計交由專業人員執行之外,自己企業本身也應於先前對自己企業本身的網站內容有所規劃與準備。

對網際網路應有基本認識
就算您打算聘用網頁設計公司替您設計網站,並不代表可以完全放心把工作交給別人,您需要對網際網路應有基本認識。
絕對擁有網域名稱註冊權,網址註冊時網域名稱註冊單位不會核實登記者的身份,只以登記人填寫的資料為準。如果別人替您登記時用了自己而非您的資料,若您想取回網址的擁有權便要對方同意才可以。當您想取回擁有權,99% 都是不滿意對方吧,有多少麻煩不難想像。所以即使委請他人註冊網址,必定要確認登記註冊擁有人是您自己的身份。

釐清網頁需要為您達到的目的
一般來說,我們做了一些網頁的分類,如形象網站、購物網站...建議您可以先逛一下我們的網站,看一下哪些網站是您比較偏向的類型?哪些網站是您喜歡的風格?
...

閱讀更多

企業架設網站前的思考??

任何公司行號或機構,在架設網站之前,都應該認真想想,究竟為什麼要建一個網站?希望從網站上得到什麼呢?不是您今天做,明天就一定會為營運銷售做出巨大貢獻。想做一個復合您需求的好網站,而且想把她長久的經營下去。那應該如何思考這個網站企劃呢?這個網站整體定位與架構內容呢?
首先第一點,我覺得您要有您的idea,就是您的想法,也是您的服務內容,您要做什麼內容的網站。有了這個想法後,就可以把您的網站的服務定位確定下來。那現在是不是就可以進入網站製作開發階段了呢?不是,在您有了您的idea後,您還需要有了個plan(計劃),誠心的建議您參考以下的步驟來思考您的建站計劃。

一、了解自己(公司的文化背景及產業優勢)
• 請進行貴公司的產業概況的描述。
• 請進行對市場競爭者和對他們網站的了解。
• 請對網站建置專案小組進行任務指派及網站目標的說明。
• 請分析貴公司進行此網站建置的資源分析。

二、網站整體定位與服務任務

...
閱讀更多

WordPress 網誌/内容管理網站系統 - 全球最多人使用的部落格(Blog)架站軟體,專注於美學、網頁標準和易用性的個人發佈平台

WordPress是一種使用PHP語言開發的部落格(Blog)平台,使用者可以在支援PHP和MySQL 資料庫的伺服器上架設自己的網誌。也可以把 WordPress 當作一個內容管理系統(CMS)來使用。WordPress 是一個免費的開源項目,在GNU通用公共許可證下授權釋出。
WordPress的願望就是成為一個優雅的、完整架構性的個人發佈系統,希望專注於用戶體驗和網頁標準(web standards),創造了一個異於其他產品的工具。

WordPress開始於2003年,當時只有一些簡單的代碼,與少數的使用者(用手指和腳趾算得出來),他們藉此提升日常寫作排版的便利性。自那時以來,它以逐漸成長為目前世界上最大的自我架設部落格工具,也被數以萬計的網站所使用。 一切如您所見,從相關文件到代碼本身,都是由一群人所創造出來。 WordPress是一個開放原始碼專案,這意味著全世界有數以百計的人正在為它付出心力(多於大多數的商業平台)。 這也意味著您可以完全免費的使用它,無論是從

...
閱讀更多

網際網路,已經 iPad

網際網路,已經iPad化 據國外媒體報導,Google已經正式推出其網絡應用程序商店Chrome Web Store。商店裡的應用程序採用了JavaScript語言和HTML5規範等先進技術。並且Chrome應用商店大部分程序都能應用在任何一款現代瀏覽器上,而不僅僅是GoogleChrome上。iPad已經改變了網際網路設計,我們將這種現象稱為「網際網路的iPad化」。

正如iPad對網際網路設計產生的影響一樣,它對第二波網絡應用程序的影響也表現得更為明顯。

看過Google程序商店,我們很難不注意到有些應用程序與其iPad對應程序以及iPad應用程序和iPad網站總趨勢的相似之處--有些程序簡直就是其iPad對應程序的翻版。
舉例如下:

1.今日美國
今日美國(USA Today)為iPad發行的新聞軟件(USA Today for

...
閱讀更多

VirtueMart 購物商店系統 - Joomla Mambo 的外掛商店購物車系統元件

VirtueMart 是著名的網站內容管理系統 Joomla下的開源電子商店系統,它也支援 Mambo曼波。它必須跟Joomal或是Mambo內容管理系統一起使用,其功能強大的購物車功能,豐富的擴充資源,使它成為國外相當受歡迎的購物 網站建置方案。Joomla! 與VirtueMart 都是使用PHP程式語言開發設計而成,使用安裝在 PHP / MySQL的網站伺服器環境中。

VirtueMart 前身為 Mambo 曼波中知名的 phpshop 元件,簡稱 VM 。是一個發展至今,已十分完備的商城程式。 當 Mambo 原八成的小組成員成立新的開源程式碼計劃 Joomla 後,Virtuemart 也成為了 Joomla 的堅決支援者,至今已經發展成為了 Joomla 下最受歡迎的商店元件。 它包羅所有購物車應具備的功能,包括商品分類、商品管理、商品打折、供貨商管理、訂單管理、縮略圖、會員價、禮券、網上付款、寄件模式、隨機展示等功能,還內含下載類的電子商店。

...
閱讀更多

WooCommerce 線上購物商店系統 - WordPress 的擴展外掛購物車系統元件

WooCommerce 是WordPress 平台上最愛歡迎的購物車插件,其功能強大,還擁有豐富的擴展。現在您只要把產品上架,就可以變成線上購物,可以賣東西收錢了,這對很多想在網路上賣東西的人,真是好消息。更加值得關注的是,圍繞WooCommerce 有豐富和設計精良的WordPress 購物主題,內建購物車與電子型錄模式,可以搭配精美的網站版型建立出非常特別有個性的網路商店。WooCommerce購物網站您將可以無限新增商品數量與商品分類,並輕鬆編輯商品資訊,如標題、內文、售價、優惠價、數量等,也包含商品的多種特色圖片與商品組合。我們也整合了批次上傳功能,方便賣家上傳產品更加便利。這讓想開設網店或電子型錄網站的人們或者企業電子商務有了低成本實現。

新版的WooCommerce

...
閱讀更多

X-Cart 線上購物商店系統平台 - 電子商務力量與眾不同(但需要開發技巧)

X-Cart幫助創建了超過35,000的在線商店,並且在過去幾年中這一增長迅速。與列表中的所有這些電子商務平台一樣,它是免費的,開源的和自託管的。X-Cart通常被認為是市場上最快的開源平台之一,它還具有令人難以置信的功能,讓您可以深入了解。

與許多開源構建商(如Magento和WordPress)一樣,X-Cart非常直觀,並且包含了市場上一些更高級的功能。如果您擁有實施更改的技能和資源,那麼您無法對軟件做多少工作,看看幾乎每個元素都可以自定義。這也意味著該平台具有高度可擴展性。如果您計劃擴展您的操作並希望向商店添加新的自定義和功能,X-Cart可以滿足您的需求。我也相信定價X-Cart很合理。它為小型新人提供免費計劃。我不希望長時間使用它,但這是一個很好的起點。雖然您會發現X-Cart確實有一些年度升級費用,但基本產品只有$

...
閱讀更多

無障礙網站九十條相關的檢測要點

無障礙網站九十條相關的檢測要點

1.1:H101000圖片需要加上替代文字說明
說明:在瀏覽器無法顯示影像時,可以利用ALT屬性所指定的說明文字來代替影像。例如協助視覺障礙者增進網頁文字及影像視覺可讀性(visual readability)之螢幕閱讀器(screen reader);螢幕閱讀器可以自動將ALT屬性所指定的說明文字解譯至語音合成器(speech synthesis)作語音輸出,或解釋至點字顯示器(brsille display)顯示點字。

1.2:H101001對於applet提供替代文字說明...

閱讀更多

網路行銷

WEDO精耕於企業網站設計建置,並著力於搜尋引擎行銷及提升網站效益的解決方案,專業的網站設計建置和行銷服務使我們協助許多企業網站立足發展,也是我們與您共同成長的信念和堅持。網路既然是無遠佛界,您又何必只有開發台灣的市場,看看美國?歐洲?中國大陸?中東?備好網站的作戰準備,我們隨時與您備戰。我們提供一套完整的網路行銷方案,為您帶來廣大的網路商際,網路行銷策略是決戰網路市場的最佳作戰指導方針。

閱讀更多

無障礙網站十四條規範

無障礙網站十四條規範
本規範為了讓網頁開發者能夠對網頁開發在可及性設計的考慮上有明確的規範條文,特參考 WAI 組織在相關無障礙網頁標準的設計,以 十四條規範來引導 網頁開發者設計可以讓所有人士都可以使用的無障礙網頁。

規範一:對於聽覺及視覺的內容要提供相等的替代文字內容
網頁開發者在網頁中遇到非文字的聽覺或視覺內容時,如果能同時提供同等內容的替代文字,將可使聽覺障礙或視覺障礙者能夠無礙地瀏覽和獲取這些資訊內容。
視覺的內容包括圖像、圖表、動畫等,而聽覺的內容則包括音樂、語言和各種音訊。本規範所指的同等內容是指能描述視覺或聽覺內容的一段文字敘述。譬如一個連接到下一頁的向右箭頭的圖像,「下一頁」是適當的替代性文字;譬如一個煙火的動畫,「有煙火聲效的煙火場景動畫」,則是適當的替代視覺與聽覺的內容。...

閱讀更多

何謂網路無障礙網站?

認識無障礙網路空間
無障礙 您瞭解嗎?這字眼常常讓人誤解,一般人會認為「啊~這跟我無關!」,有這樣想法的您就錯了。您一定看過無障礙坡道吧!它不僅協助身障人士,對於其他人也是一項福利,怎麼說呢 ?

...
閱讀更多

一般網站規劃包含哪些企劃內容?

網站規劃應該盡可能涵蓋網站規劃中的各個方面,網站規劃的企劃要科學、認真、實事求是。
網站規劃包含的內容如下:

閱讀更多

3D技術在房地產動畫

建築動畫就是採用動畫虛擬數位技術結合電影的表現手法,根據房地產的建築、園林、室內等規劃設計圖紙,將樓盤外觀、室內結構、物業管理、社區環境、生活配套等未來建成的生活場景進行提前演繹展示,讓人們輕鬆而清晰地瞭解未來家園的品質生活。建築動畫的鏡頭無限自由,可全面逼真地演繹樓盤整體的未來形象,可以拍到實拍都無法表現的鏡頭,把樓盤設計大師的思想,完美無誤的演繹,讓人們感受未來家園的美麗和真實。

閱讀更多

SEO網站優化

SEO是英文search engine optimization的縮寫,其中文意思是搜尋引擎最佳化。利用工具或者其他的各種手法使自己的合搜尋引擎的搜索規則從而獲得較好的排名,也就是常說的「網站優化處理」。所謂「針對搜尋引擎作網站優化處理」,是指為了要讓網站更容易被搜尋引擎接受。搜尋引擎會將網站彼此間的內容做一些相關性的資料比對,然後再由瀏覽器將這些內容以最快速且接近最完整的方式,呈現給搜尋者。

閱讀更多

網頁設計

  • 網站品牌視覺系統建立:提供完整的品牌建立及顧問服務,所有的創意及設計工作皆環繞著建立品牌的中心思考,針對行業特點及企業的個性,企劃出具創意的全方位的網站品牌規劃設計服務。
  • 網頁SEO優化設計:網站經專業的優化程序處理後,將對於各大搜索引擎之搜尋結果將會有明顯的排序提升。網站優化的目的在於使搜索引擎能更明確網站屬性及內容,做最恰當的歸類,進而迅速提高排名及提升網站曝光率。
閱讀更多