"April, 2015" 有18篇文章

首頁  /  2015  /  April

Photoshop教學:【基礎篇】更改眼鏡反光

有時拍照後反光部份並不是我們想要顯現的,我們可以使用Photoshop更換想要呈現的效果! 1.開啟要修改的檔案 2.使用筆型工具   3.描繪出眼鏡反光的範圍 4.描繪出眼鏡反光的範圍 5.描繪出眼鏡反光的範圍 6.描繪出眼鏡反光的範圍 7.我們可以更改顏色 8.按著Ctrl+左鍵來點擊圖層 9.可以框選出此圖層物件範圍 10.使用筆刷工具 11.調整筆刷大小       12.在新建立的圖層上面繪製 13.繪製出反光面色彩 14.選取兩圖層後按右鍵,合併我們繪製的兩片眼鏡圖層 15.丟入一個照片做為眼鏡反光的圖像 16.對圖層按右鍵,建立剪裁遮色片

jQuery特效:Parallax Scrolling 視差滾動

視差滾動(Parallax scrolling)是電腦圖學中一種特別的滑動特效技巧,原理是把背景圖片的移動速度放慢,讓前景圖片移動較快,藉由前後不同移動速度的圖片、讓2D畫面產生多層次的景深效果,藉此來模擬3D效果。早期的遊樂器畫面和2D動畫都可以看到這種效果。把視差滾動應用在網頁設計上,也有不錯的視覺效果。方法非常方便簡單,只要使用jQuery外掛搭配CSS設定就可以幫助我們快速製作出含有視差滾動效果的網頁了! Scrolling Parallax jQuery Plugin 就是一套非常容易使用的 jQuery外掛。 Step 1: 引入jQuery及Scrolling Parallax

如何檢查您的Magento網站是否已安裝安全性更新?

MAGENTO已經正式發布兩個安全性更新,這兩項潛在威脅是由 Check Point Software Technologies公司發現並回報的。 需要注意的對象包含了企業版及社群版的使用者。根據MAGENTO的說明,這是由SHOPLIFT的bug所引起的。 未安裝更新的網站,可能暴露在會被攻擊並被取得控制權的風險中,因此包含客戶資料在內的敏感資訊會因此洩漏。除了個資外洩之外,對於辛苦建立的商譽更是一大傷害。 如何找到更新檔: 企業版:由支援首頁下載 社群版:到下載中心下載。 哪些網站需要安裝更新檔案? 除了企業版1.14.2.0已經包含修復的功能,其他版本的都需要更新。

運用asana時間管理提升工作效率

你可以使用專案管理系統管理你的工作團隊,同時又要管理多個專案,就需要一個清楚乾淨的管理介面,來協助你追蹤專案進度、協同合作的溝通平台,今天就要介紹辦公室專案管理工具asana asana的幾項優點是: 計畫你每日的代辦事項 可建立多個組織化的專案活動,可建立每件專案的獨立介面,清楚掌握每件專案的進度 輕鬆共享你的任務介面,迅速掌握團隊工作進度 設定工作截止日期及提醒時間,案件即將到期前系統會自動通知 即時通知功能,使用附註欄位註記其他使用者協同合作此專案,系統會即時透過E-mail通知與系統收件夾通知對方 支援Google Drive文件上傳功能 行動裝置(iOS &

Photoshop教學:【基礎篇】畫面延伸小技巧

  在之前我們介紹過【仿製印章工具】可以用在小區域的延伸,現在要與大家分享如何快速延伸大區塊畫面,此方法可以用在簡單的背景上,變形後看不出來的區域 開啟我們需要的尺寸 置入我們需要的圖片,但會發現左右區塊不足 我們先將圖片點陣化 使用矩形選取畫面工具 我們先做右邊的部份,框選一部份背景 按Ctrl+T來做變形 由於此區域是水平直線,我們可以直接向外拉伸 接著處理另一邊 一樣使用矩形選取畫面工具作框選 按Ctrl+T來做變形 向外拉伸 由於這部份是透視的線條,我們點選左側上下結點 將他上下拉大,調整至我們需要的樣子 完成 【基礎篇】畫面延伸小技巧影片教學:

[教學]YouTube新功能!如同強化版的註解它叫做"資訊卡"

如果你常使用YouTube上傳影片,為你的影片添加一些互動的元素,那你應該使用過Youtube的註解功能,但是使用註解有個限制的地方,就是不支援行動裝置。 現在真的不必煩惱這個問題了,YouTube推出了「資訊卡」功能解決行動裝置不支援註解的問題。 此「資訊卡」跟註解功能相似,屬於強化版的”註解”,是在行動裝置上也可以看得到的互動式註解。   資訊卡使用教學 YouTube提供了四個『資訊卡』功能,分別是: 【關聯網站】連結至你的網頁或相關網站 【籌款活動】連結至募款活動網站贊助你的專案,必須為Google認可名單之內的網站

響應式圖片的解決方案:利用html5 標籤在不同裝置載入不同解析度圖片

常用的響應式圖片解決方案在製作響應式網頁使用圖片時,一般作法有二種 一張圖片設定 max-width: 100%;以確保圖片不會超出畫面。 或是同時載入多張圖片,並在不同的解析度的裝置底下利用display的屬性來控制圖片的顯示與否。 這種方式的好處是可以針對不同的裝置設計不同的圖片,以期達到更好的視覺效果。 缺點就是資料量大增,載入的時間加長,對行動裝置的用戶來說更可能增加行動數據傳輸的費用。 <picture> 現在 html5 有了新的標籤可以使用、可以針對不同解析度的裝置、設定載入不同的圖片。既可以更符合設計、又可以節省載入的時間。 <picture>

在Magento使用Paypal Express取代Paypal standard

Paypal是知名的第三方支付,其提供的服務為大家所熟知,是國外最常見的網購付款方式,所以在原生版本的Magento付款方式中已內建Paypal的金流模組。 在Paypal金流模組中有兩個基本的付費機制 Paypal Standard Paypal Express 這兩種付款方都是Paypal所提供,那這兩個方式的差別性在哪?我們又該使用哪種方式呢? Paypal 網站付款標準版 (Paypal Standard)

Google演算法的行動改革─不容忽視的行動體驗!

隨著行動族群的增加,使用手機、平板電腦上網的人比比皆是。不論是搜尋手機網頁或是APP應用程式,行動裝置使用者訴求的是即時、關聯性強的搜尋結果。 為了提升使用者經驗,Google不斷改善搜尋演算法, 藉以提供廣大的行動族群良好的行動體驗,因此進行了兩大行動改革: 1. 提高行動裝置友善網站的搜尋排名 從4/21起,Google將會改變行動裝置搜尋的演算法,提升行動裝置友善(Mobile-friendly)網站的搜尋排名,適用於各國語言的搜尋結果。此舉可以讓行動族群易於取得高品質、關聯性強的搜尋結果,且適合直接在行動裝置上瀏覽。 以下是測試你的網站是否符合行動裝置友善的方式:

快速了解內容行銷執行的6大步驟!

內容行銷也許並不會瞬間為你帶來廣大的效益,但只要跟著內容行銷的循環步驟走,精心策劃內容行銷的過程,訂立明確的目標與用心經營這些過程中的觸及客戶,自然就能結出好的果實! 當你看到文章被眾多讀者透過社群網站分享時,就會領悟到內容行銷所產生的強大曝光度,品牌口碑就此蔓延開來。只要你所提供的資訊是讀者要找尋的內容,越多人點擊瀏覽,搜尋引擎就會提高你的網站排行。Google會依搜尋結果將熱門的網站排名至前面,讓更多人搜尋到你的文章,連帶的效益就是會有更多人造訪你的網站,藉此轉換為有前景的客戶。執行內容行銷之前,你必須了解以下關鍵要素: 內容行銷成功產生效益的8項關鍵因素- -增強消費者對品牌的信賴感

Photoshop教學:【入門篇】使用切片工具存取大量圖片

在很多時候會需要將照片存成圖檔,但當遇到大量圖片時,一張張裁切後再存取會相當麻煩,今天教大家使用切片工具來存取檔案中的圖片。 1.開啟我們要存取的檔案 2.使用切片工具 3.框選需要存取的物件 4.框選完成後變可以調整框線 5.可以進行微調 6.依此將所有物件框選完畢 7.如要存取沒有背景的部份 8.記得先將背景物件關閉 9.選取 檔案>存取為網頁用 10.會跳出設定視窗 11.在預覽畫面中,我們選取需要的圖片 12.選擇我們要存取的格式 13.按儲存後選擇存取的位置 14.選擇我們要存取的格式 15.選擇存取哪些切片 16.存檔後就會存取在一個images資料夾內 完成

利用jQuery Scroll Depth追蹤使用者的閱讀情形

購物網站如何申請超商取貨付款?(7-ELEVEN、全家、OK、萊爾富四大超商)Astral web 的這篇文章一直有很高的點擊率,今天我們突然想知道到底有幾個人把文章看到最後,該怎麼做呢? jQuery Scroll Depth是一個可以追蹤使用者捲動捲軸動作的jQuery套件,必須搭配Google Analytics 使用。當使用者捲動捲軸到某一處時”Scroll Depth” 就會送出一個Google分析事件,我們可以藉些來追蹤分析使用者閱讀網站內容的情形。 “Scroll Depth” 預設的追蹤事件有

MAGENTO後台管理增加圖片上傳功能

在製作Magento擴展套件時,我們通常在system.xml宣告該套件在後台的設定欄位,為該套件設定相關的參數以及文字,今天在要教大家如何在system.xml增加圖片上傳的欄位。 首先先到該套件所在的資料夾位置後編輯 etc/system.xml 檔案,接著在你欲增加的頁籤中增加下列程式碼 <example_image> <label>Example Image</label> <frontend_type>image</frontend_type>

【教學】Google Code Prettify 幫您的程式碼上個色吧!

Google Code Prettify 是一個好用的語法上色工具、用法相當簡單 下載解壓縮後,引用他的 CSS 和 JavaScript: <link href="prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="prettify.js"></script> 把要上色的程式碼用 class=”prettyprint” 的 pre 標籤包起來: <pre class="prettyprint">

Magento電商系統的六大優勢

Magento是國際知名的購物車系統,在歐美與中國都已被廣泛使用,其電商功能強大、客製化程度高,能滿足商家與消費者的各種需求,尤其適用於中、大型企業;知名品牌Nike、Olympus等都是使用Magento平台。 Magento的六大優點如下: 1. 開放式資源 Magento社群版為開放式資源,提供免費下載、使用與修正。如果你擁有足夠的Magento知識,可以自己架設、管理網站,以及透過Magento Connect安裝套件,新增更多客製化功能。 2. 專為電子商務設計 Magento為專業的電子商務平台,提供各種客製化功能與電商解決方案。

新增Facebook臉書影片的行動呼籲─可設定外部連結!

除了Youtube可以增加影片曝光的機會,台灣人最常使用的社群網站─Facebook臉書也是發佈影片的優質平台。如果你想要推廣自己的影片,與其轉貼影片網址,不如直接上傳影片到臉書,更能加強使用者經驗,方便使用行動裝置(智慧型手機、平板電腦等)瀏覽的朋友直接觀看,不必再開新視窗(容易降低網友瀏覽影片的機率);更重要的是可以設定行動呼籲,加上外部連結,引導瀏覽者前往相關網站。 接下來就一起上傳影片到臉書,看看如何設定行動呼籲吧! 一、上傳影片到Facebook臉書 在動態時報的地方選擇上傳相片 / 影片。 從電腦選擇欲上傳影片;在此我們以建立Google商家資訊為示範。 二、新增行動呼籲

用影片拓展商機─如何透過Youtube賺錢?

大部份的人把Youtube當成一個可以找到各種教學影片、看看喜歡的MV或是消磨時間的網站。另外一些人則是把這個影音網站當成一個為線上事業帶來收益的來源。事實上,賺得最多的Youtube頻道DC Toys Collector已經賺取了四百九十萬美元的收益。用Youtube賺錢會需要花上一點時間跟精力,但這些付出可以獲得龐大的獲利。 賺錢第一步:建立Youtube帳號,開啟ADSENSE

【Magento小技巧】:在Magento中整合CSS及Javascript

為了提升網站效能、減少HTTP requests,將眾多的javascript及css整合在一起,是一件必要的工作。關於這一方面,magento提供一個簡便的方法,請參考下列教學步驟。 Step 1: 登入magento後台 依System > Configuration > ADVANCED > Developer > 找到 JavaScript Settings 及CSS Settings。 Step 2: 將Merge JavaScript Files及Merge CSS Files設成Yes。 Step 3: 記得清除cache。 讓我們來看看整合前後的比較: