PIXNET Logo登入

英傑銳網路數位設計

跳到主文

(02)2713-1769 RWD自適應網頁設計,台北市RWD網頁設計,台北網頁設計,網站架設 https://www.injerry.com/

部落格全站分類:視覺設計

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 4月 16 週三 201401:17
  • [CSS] DIV區塊內文字左右對齊的CSS語法



DIV區塊內文字左右對齊的CSS語法
英文的單字長度都不大一樣,所以我們常常會碰到在某一區塊裡面,英文無法左右對齊的窘境;這時候我們可以使用CSS的一個對齊的語法-- text-justify 與 text-align
但是text-justify它有支援上的限制:
 
語法的其他參數:
usage.png  
要讓區塊內文字左右對齊的方式很簡單,語法的使用方式如下:
Firefox輸入text-align: justify;,文字即可左右對齊,但是,IE需再加上text-justify: auto;。
div {
 text-align: justify; /* Firefox到此即可對齊 */
 text-justify: auto; /* IE需再加上此行 */
}

讓我們來看看以下對齊好的範例,是不是相當的整齊呢?
demo.png   
(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(19,870)

  • 個人分類:CSS
▲top
  • 4月 15 週二 201423:23
  • 【知識講座】飢餓式行銷 (Hunger Marketing)



imagesUGTNFRRW.jpg  
飢餓行銷 (飢餓營銷)
「飢餓」式營銷 - 概念
所謂「飢餓營銷」是指商品提供者有意調低產量,以期達到調控供求關係、製造供不應求「假象」、維持商品較高售價和利潤率的目的。
飢餓式營銷是在孟子「君子引而不發,越如也」的基礎上演變而來的,類似於囤積貨物、待價而沽。西方經濟學中的「效用理論」,是指消費者從對商品和服務的消費中所獲得的滿足感,它屬於一個心理概念,具有主觀性,這一常識在營銷學中被稱為「飢餓」營銷。
企業運用「飢餓」營銷的前提是企業產品品牌和產品質量擁有足夠的號召力,然後再運用飢餓營銷方式使其價值和號召力成倍地放大,為以後的持續熱銷打下基礎,並建立忠誠度更好的客戶群體。所以飢餓營銷不能簡單地理解為「定低價-限供量-加價賣」,強勢的品牌、良好的產品、出色的營銷才是關鍵,才是基礎。
「飢餓」式營銷 - 條件
「飢餓營銷」的成功需要消費者的配合和恰當的市場環境,其具體可分為:
(一)心理共鳴
企業擁有良好的產品是成功的最基本的條件,但是其同時也需要得到消費者的認可與接受,採用「飢餓營銷」的企業必須保證其擁有足夠的市場潛力,這樣才能保證足夠的市場空間運行相關的營銷策略。「飢餓營銷」運作的根本是:通過不斷探究人的慾望,塑造產品的功能性利益,根據各個區域市場的情況塑造良好的品牌個性,組織品牌形象等方面。
(二)量力而行
俗話說的好,「沒有金剛鑽兒,別攬那瓷器活兒」。企業必須要根據自身的產品特性,人才資源,銷售渠道,促銷能力等量力而行,而不應該採用盲目的、自我膨脹的經濟行為。否則,一味地消耗消費者的胃口和耐性,一旦突破其心理底線,消費者就可能轉向競爭對手,就會適得其反。所以,企業必須要把握好尺度,同時由於市場存在一定程度地「測不準」現象,這一環節還應視為重中之重。
(三)宣傳造勢
消費者擁有不同的慾望,而且對同一產品的需求程度也不盡相同,所以,對消費者慾望的激發與引導就成為「飢餓營銷」的一條主線。因此,「飢餓營銷」同樣需要對產品進行宣傳造勢。新品上市,前期的軟硬兼施,電視廣告的普遍撒網;電台、報紙、雜誌、電視等媒體的重點培育;明星代言的眼球吸引;銷售渠道的口徑統一等眾多策略與手段,各有千秋。各廠商需要根據自身特點,盡量做到選擇有度、行銷有法、推介有序。
(四)審時度勢
消費者的慾望有時也會受到競爭對手市場活動的影響,慾望組合比例會發生新的變化,消費者購買行為的關鍵性因素也會發生不規則的變動,所以,就會有消費者發生感情轉移,衝動購買之類的事情。因此,企業營銷人員必須密切關注市場環境的變化,尤其是競爭對手的營銷策略的變化,以及由此引發的消費者的購買心理和購買行為可能的變化,提高企業的快速反應能力,制定切實可行的營銷方案。
「飢餓」式營銷 - 成功案例
運用「飢餓營銷」的方式來銷售其新產品的企業比比皆是。
1、如微軟的windows7在經過了眾多的廣告宣傳之後,終於於2009年10月24日在中國上市,作為微軟Windows73C渠道首發合作夥伴的蘇寧電器表示,大部分消費者都很難在門店買到現貨,需要預定,這其中的原因除了其價格相對以前的版本較便宜之外,微軟採用「飢餓」營銷才是「貨源吃緊」的最重要原因。
2、諾基亞對N97就採用在電視、網站、戶外廣告牌進行大量的輪番廣告轟炸,但卻嚴格控制發貨數量,給人造成產品供不應求印象的銷售策略,從而讓這款產品一度成為頂級手機的銷量冠軍。
3、最有名的當屬蘋果用「飢餓」營銷的方式銷售ipod2和ipod手機系列產品,在中國國內產生供不應用的效果。限量發售的銷售方式不僅令消費者甘願在大冬天裡深夜排在蘋果店門外,還催熱了「黃牛」這一行業。
4、2011年北京、上海等地實行汽車限購前,很多汽車出現了供不應求的情況,於是在各大4S店出現了加價提車,加價從1萬到10幾萬不等。但這種情況不屬於「飢餓」式營銷,是由產品產量確實無法一時間提高,滿足市場需求引起的。但有不少汽車公司推出量產車型,發售產量極少,在市場上產生供不應求的效果,這時候消費者如果想得到這種車有時也要加價提車,這種營銷方式屬於「飢餓」式營銷。
「飢餓」式營銷 - 負作用
運用「飢餓營銷」的策略,產品市場營銷成功的很多,但這種營銷方法如果玩過了火,也是一種損人利己的方法,結果非但不能利己,而且會既損人也不利己,反而讓「飢餓營銷」飢餓了自己,更飢餓了消費者。
一是「飢餓營銷」方法先是要讓市場上的產品出現斷貨的局面,從而形成搶購風,給人印象上是產品出現了熱銷局面。但事實上若是企業在市場上的準備不充分,而非真正的熱銷,給客戶造成一種逆反心理。
二是,搶購如果是虛假的,那麼真正的客戶也會「敬而遠之」,這是一種虛假的「飢餓營銷」,而非真正的市場上真的缺貨少量。這樣客戶就不會認可產品,企業的結果偷雞不成反蝕米。
三是,實際對於商家的最佳選擇性是利己利人,這才是最大的贏家,否則市場也會拋棄你,客戶也會拋棄你。
「飢餓」式營銷 - 開展步驟
1、飢餓營銷策劃圍繞的產品本身一定要好。做營銷的產品和或者服務本身質量要過硬,品牌要靠得住,口碑要好。否則大家買回去以後發現上當了,會招來罵聲一片。
2、做好線上線下的宣傳造勢,製造產品話題,製造產品的期待,讓產品本身就能帶有某些話題性。
3、產品要具有大眾性。你所提供的產品或者服務要具備大眾性,而不是高度專業領域裡的產品,這樣,大家參與的積極性才更高,也才能參與進來。
4、有利益引導、促銷宣傳等,比如蘋果手機買一送一(一指的是1個電話卡什麼的),比如小米手機9.5這限量10萬數量還送百元博皓電子手機套,買一贈一等。總之,用戶一定要通過您的產品得到某種額外利益。
5、控制銷量。所謂的控制銷量,製作出來的供不應求的表像,讓大家瘋狂搶購,實際上只是控制公布出來的數字,製造出了供不應求的表面現象,暗地裡偷偷的使勁賣貨。
6、靈活與調整。飢餓營銷要靈活應變,並能隨時根據實際市場情況來調整方式。消費者的慾望會受到市場各種因素的影響,從而產生不斷的變化,消費行為也會發生不規則的變動,感情轉移,衝動購買也是常有之事。因此,密切監控市場動向,提高快速反應的機動性,是重中之重。
資料來源:http://www.twwiki.com/wiki/%E3%80%8C%E9%A3%A2%E9%A4%93%E3%80%8D%E5%BC%8F%E7%87%9F%E9%8A%B7
(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(11,385)

  • 個人分類:網路行銷
▲top
  • 4月 15 週二 201422:30
  • 【知識講座】病毒式行銷(viral-marketing)

未命名.png


 
病毒式行銷
病毒式行銷是由O'Reilly媒體公司總裁兼CEO提姆·奧萊理提出。他是美國IT業界公認的傳奇式人物,是“開放源碼”概念的締造者。他採用的“病毒式營銷”(viral-marketing)的方式,也就是說,一些推介會直接從一個用戶傳播到另外一個用戶。這類傳播-用戶間彼此之間的接觸,過去稱為「口碑行銷」(word-of-mouth communication),現在則稱為「耳語」(buzz)。
過去幾年,耳語的策略運用有深遠的進展,最重要的看法是,耳語可以主動地刺激資訊由某些顧客傳給社群內的其他人,這種見解則被比喻為病毒行銷,「病毒」的比喻是指耳語的散播像「感染」,消費者被耳語感染,就好比某人得了感冒,會不斷地傳染給其他人,除非他採取阻止的行動,而在線上社群當中,感染只需要按一個鍵。
耳語能比傳統的兩級流動或散播更快造成大流行,與其把訊息傳給少數意見領袖或影響人士,等待他們散播口碑,病毒行銷策略能讓使用者幾乎是非自願地接收到耳語;此外,傳遞出去的不只是資訊,而是某種更類似病毒的東西--某種接管和改變消費者想法的思想病毒,這種對資訊的立即性接受,與個人對個人接觸的結果無異。
病毒行銷正迅速感染整個行銷社群,一旦了解之後,你會發現它無所不在。
因此普遍運用在現在的網路行銷。最好的例子就是電子郵件行銷(Email Marketing)。電子郵件行銷(Email Marketing)除了成本低廉的優點之外,更大的好處其實是能夠發揮「病毒式行銷」(Viral Marketing)的威力,利用網友「好康道相報」的心理,輕輕鬆鬆按個轉寄鍵就化身為廣告主的行銷助理,一傳十、十傳百,甚至能夠接觸到原本公司企業行銷範圍之外的潛在消費者,不少嚐過病毒式行銷甜頭的公司也因而津津樂道。
資料來源:http://zh.wikipedia.org/zh-tw/%E7%97%85%E6%AF%92%E8%90%A5%E9%94%80
(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(1,311)

  • 個人分類:網路行銷
▲top
  • 1月 16 週四 201418:16
  • [PHP] PHP timezone 台灣時區設定

php.jpg
 
 
 
(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(9,420)

  • 個人分類:PHP
▲top
  • 1月 09 週四 201400:58
  • CSS3 - 全螢幕背景、CSS全畫面背景、全畫面自動縮放背景

CSS3.jpg
 
 
 
(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(5,579)

  • 個人分類:CSS
▲top
  • 10月 03 週三 201201:07
  • [jQuery] - jQuery解決各瀏覽器滑鼠鎖右鍵的Plugin

lockmouse



jQuery解決個瀏覽器鎖滑鼠右鍵的Plugin
為了要應付 FireFox、Google Chrome、IE...等各瀏覽器,鎖滑鼠右鍵的方法,加入以下JavaScript指令即可:
$(document).ready(function() {
$(document).get(0).oncontextmenu = function() {
return false;
};
});

前提當然記得要導入jQuery檔:
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
也可直接下載整包Plugin:
點此進入下載
(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(4,700)

  • 個人分類:jQuery
▲top
  • 9月 24 週一 201223:38
  • [Flash教學] - Flash getURL() 指令失效解決方法



Flash getURL() 指令失效解決方法
最近發現Adobe 更新至Flash Player 9 以上後,Action Script 2.0中的getURL()指令就失效了
網路爬了不少文,也想破頭找了很多方法,最後終於發現出錯的原因在於 Flash檔案的domain與超連結domain不同 的關係。
但是,為什麼會這樣呢?原因是因為 allowScriptAccess 在 Flash Player 7或更早以前的版本是 always 的狀態
然而Flash Player 8或之後是same Domain的狀態,因此會發現getURL不能打開其他網頁。
所以我們今天要解決以上的問題,只需要在Flash的Object當中加上以下的一段語法即可:
<param name="allowScriptAccess" value="always">
範例(如第二行指令):
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="550" height="400" id="t01" align="middle">
<param name="allowScriptAccess" value="always" />
<param name="movie" value="t01.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="t01.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="t01" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(1,360)

  • 個人分類:Flash
▲top
  • 6月 29 週五 201220:17
  • CSS3 - 各瀏覽器對於HTML5及CSS3的支援程度及各家瀏覽器語法

CSS3.jpg
  
 
CSS3各家瀏覽器的語法
IE9
-ms-
Firefox 3.6 and earlier
-moz-
Safari and Google Chrome
-webkit-
Opera
-o-
各瀏覽器對於HTML5及CSS3的支援程度
HTML5及CSS3正夯,但由於還在發展階段,各家瀏覽器支援程度不一,有時候試試新的語法,結果都看不到效果,此時您都不知道到底是瀏覽器沒有支援,還是自己語法寫錯。此時您就需要這個表:
http://www.findmebyip.com/litmus/
這個表列出了幾個主流瀏覽器於HTML5以及CSS3的詳細支援程度,瀏覽器包括CHROME、OPERA、FIREFOX、SAFARI、IE等,而且還貼心的分了版本,讓您一目了然。(看完後,開始有衝動要去裝SAFARI了...因為它支援程度最好),該頁面還分了幾大部份:
  • CSS3 Properties:CSS3屬性支援列表

  • CSS3 Selectors:CSS選擇器支援列表

  • Web Applications:HTML5的Web應用功能支援列表

  • GFX & Embedded Content:HTML5的圖形及內嵌內容支援列表

  • Web Forms 2.0:HTML5的新表單元件支援列表

  • (繼續閱讀...)
    文章標籤

    英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(2,961)

    • 個人分類:CSS
    ▲top
    • 6月 29 週五 201220:05
    • CSS3 - CSS3的基本介紹及重要概念

    CSS3.jpg

     

    CSS3的介紹

    CSS3的完全向下兼容,所以你不會有改變現有的設計。瀏覽器將永遠支持CSS2中。

    CSS3的Modules

    CSS3的分裂成 "Modlues"。舊規範已分割成小塊,還增加了新的。
    一些最重要CSS3的Modules:

  • Selectors (選擇器)


  • Box Model (Box模組)


  • Backgrounds and Borders ( 背景和邊框 )


  • Text Effects (文字特效)


  • 2D/3D Transformations ( 2D/3D轉場 )


  • Animations ( 動畫 )


  • Multiple Column Layout (多欄位佈局)


  • User Interface ( 用戶界面 )




  • CSS3的建議

    由W3C的CSS3規範仍在發展。 然而,許多新的CSS3屬性在現階段瀏覽器上已經可以順利執行。
    (繼續閱讀...)
    文章標籤

    英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(1,205)

    • 個人分類:CSS
    ▲top
    • 5月 28 週一 201200:41
    • 網頁設計 - 嘉基地政士事務所

    screem


    案立網址
    嘉基地政士事務所


    案立網址
     


    案例分類
    動態後端資料庫PHP網頁


    網頁類型
    Flash + HTML + CSS + PHP + MySQL

    (繼續閱讀...)
    文章標籤

    英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(193)

    • 個人分類:網頁設計作品
    ▲top
    «123...8»

    最新文章

    • 【RWD響應式教學】- Facebook fb-like-box Plugin符合RWD響應式網頁
    • 【CSS教學】- 簡單CSS語法美化Table表格底色奇數偶數相間
    • 【市場趨勢】從iPhone6看RWD響應式網站的重要性
    • Font Awesome 一行語法,輕鬆在網頁加入ICON圖示
    • Responsive Web Design 響應式網站的實用工具
    • 國外RWD | Responsive Web Design 欣賞網站
    • RWD(Responsive Web Design)自適應網站的製作方式
    • RWD (Responsive Web Design) 自適應網站的簡單介紹
    • 【HTML教學】- 如何使用HTML語法,在手機版網站上撥打電話或簡訊的超鏈結
    • 【HTML教學】X-UA-Compatible設置IE兼容模式

    熱門文章

    • (48,973)[CSS教學] - 區塊內文字斷行設定:強迫斷行、一般斷行
    • (36,618)[CSS教學] - 如何使用CSS設計細框線Table表格
    • (30,114)五行搞定CheckBox全選或全不選
    • (27,834)[Html]圖片型表單按鈕Button
    • (16,564)Apache設定限制目錄瀏覽的方法
    • (13,916)[jQuery教學] - jQuery強大的圖表套件 Highcharts
    • (4,430)[jQuery Plugin] - jQuery 列印 Plugin - jqprint()
    • (2,388)DIV+CSS 簡單實現仿Facebook固定底部漂浮導航
    • (513)18個UI原稿圖(包括twitter手稿)
    • (180)網頁設計 - 柏斯國際廣告有限公司

    文章分類

    • 網頁設計作品 (16)
    • JavaScript (2)
    • Html (6)
    • Flash (2)
    • jQuery (5)
    • PHP (4)
    • CSS (22)
    • 資訊文章 (14)
    • 攝影資訊 (1)
    • 網路行銷 (2)
    • 未分類文章 (1)

    最新留言

    • [18/10/11] 小椿 於文章「[CSS教學] - 純CSS二、三階層動...」留言:
      我解決了XDD 我把 display: none di...
    • [18/10/09] 小椿 於文章「[CSS教學] - 純CSS二、三階層動...」留言:
      <html xmlns="http://www.w3.org...
    • [18/09/14] 訪客 於文章「[CSS教學] - 純CSS二、三階層動...」留言:
      非常感謝您的分享, 非常實用, 想請問一下, 第一層選單, ...
    • [18/08/24] wannachange 於文章「SEO網頁優化必備的meta標籤...」留言:
      謝謝您的回復...
    • [18/08/23] wannachange 於文章「SEO網頁優化必備的meta標籤...」留言:
      謝謝您的回覆,可能是我說的不清楚,我的意思是在撰寫文章時,若...
    • [18/08/23] wannachange 於文章「SEO網頁優化必備的meta標籤...」發表了一則私密留言
    • [17/09/12] 訪客 於文章「[PHP]move_uploaded_f...」留言:
      請問使用joomla 的xampp的環境下,move_upl...
    • [17/08/14] julia9judy 於文章「[Html]圖片型表單按鈕Button...」發表了一則私密留言
    • [17/05/11] 訪客 於文章「網頁設計新趨勢CSS...」留言:
      CSS的確不錯用啊!...
    • [16/07/29] 訪客 於文章「[PHP教學] - 初學者最易混淆的in...」留言:
      謝謝分享...

    誰來我家

    參觀人氣

    • 本日人氣:
    • 累積人氣: