文章彙整

"November, 2014" 有20篇文章

首頁  /  2014  /  November

4個SEO優化不容錯過的設定!

有許多方法可以提升網頁自然排名,加強SEO優化。今天Astral Web要從網頁架構的角度來看SEO,和大家介紹4種優化設定,首先我們以在Google搜尋Magento 台灣,看看自然排名結果,詳見下圖。 接著來到第一名搜尋結果的網頁,檢視該網頁的原始碼。

網頁設計【認知篇】:網頁美工、設計師如何協助SEO搜尋引擎優化?

設計往往會追求美感,具有美感的東西容易吸引大眾注目,卻不見得會是「合適、友善」的設計。因此,我們通常會把設計美感當作基礎,將強化網頁、提升SEO搜尋引擎優化為首要目標。為了在美感與SEO中間找到平衡點,Astral Web要和大家分享網頁設計的經驗,希望能幫助大家找到方向! 在製作客戶網站時,「導航功能」是最重要的設計項目,最好要有清楚的視覺圖文設計,以加強網站導航,方便使用者瀏覽。美感的設計可以給予使用者較好的視覺形象。 有些網站會藉由發表文章增加瀏覽人次,設計師可協助製作文章圖片吸引使用者,還能將繁雜的文字變成淺顯易懂的資訊圖表(例如:說明圖、流程圖),幫助讀者了解內容。

如何用CSS自訂網站反白文字?

如果來到Astral Web歐斯瑞的網站,按下左鍵選取文字(反白)時,出現的不是預設的背景色,而是鐵灰色,讓使用者可以可以更清楚瀏覽文字。這種手法在網站上很常見,今天我們就來和大家介紹如何設定! 方法很簡單,只要利用css3 的selection選擇器就可以了!

Photoshop教學:【基礎篇】實用的建立剪裁遮色片

使用Photoshop有許多變化的小技巧,今天Astral Web要介紹的是「剪裁遮色片」,快速做出框架效果,還能編輯、調整主要圖片,若未來需要修改也能輕鬆編輯! 接下來就請跟著我們一起操作吧!  

兩種方法:解決Magento無法使用WYSIWYG上傳圖片問題

在Magento中,我們很常使用WYSIWYG管理內容,例如首頁、產品頁面、客製化版塊、客製化網頁等,也常會上傳圖片來美化網站頁面,但如果遇到無法上傳圖片的問題時,該如何解決呢?本篇文章將提供你兩種解決方法,希望能幫助大家順利上傳圖片,美化版面! 使用WYSIWYG上傳圖片: 情況 1.:資料夾權限

電商趨勢─「一頁結帳 One Page Checkout」,快速結帳的關鍵!

購物平台的「一頁結帳 One page checkout」的模式,讓客戶不必跳轉頁面或多次點選下一步,就能快速完成結帳。今天我們將以客戶網站為範例來介紹「一頁結帳 One page

如何使用css來隱藏placeholder文字?

設計表單的輸入欄位時、常用placeholder來做提示文字,在預設的狀況下、placeholder的文字只有在輸入資料後才會消失、如果我們希望在點選輸入欄位後,placeholder的文字會立即消失,一般常用的方法就是利用 onfocus 和 onblurl來達成。

如何更改Magento預設的姓名格式?(英文→中文)

由於Magento購物車系統的預設介面是英文,在訂單信件、會員後台等處的姓名格式會和中文相反,當客戶輸入資料、或是收到信件時,出現在後面的會是名字,例如 會顯示成

使用響應式網頁設計的優點是什麼?

由於行動裝置的發展迅速,越來越多人注意到響應式設計的重要性,尤其是注重轉換率的購物網站。可能會有人想問:為什麼同樣的網站在不同裝置上,要有不同版面大小、編排呢?理由很簡單─為了改善使用者經驗(User Experience)。讓我們想像一下,假設今天你在手機上收到A網站正在特價某產品,正好就是你想要買的東西,於是你進入A網站想要了解產品內容,卻發現網頁跑版、難以瀏覽,必須試著放大、縮小來看清楚內容,想點選購物卻無法正確選到選項,在難以操作的環境下你還會想立即購買嗎?

Photoshop教學:【概念篇】如何正確選擇檔案尺寸?

Photoshop的運用範圍廣大,而不同領域會有不同的尺寸需求,要如何開啟適當的尺寸來設計呢?今天Astral

如何使用CSS的「text-overflow: ellipsis;」屬性限制內容字數?

設計版面時,為了讓網頁更整齊,常需要限制文字的字數,當文字超過限制時會自動顯示”…”的刪節號。 今天Astral Web要介紹如何限制字數,讓版面更整齊順眼;但這部分會用到程式碼較為複雜,需要有程式背景的人進行操作。 首先,單純使用CSS時,我們可以利用text-overflow:

用Post-it app,在手機上管理你的便利貼!

很多人習慣用便利貼記下自己靈光一現的想法,但是到處貼的便利貼難免因為黏性減低而遺失,太多的便利貼也不方便管理,今天我們就用Post-it原廠出的App來管理便利貼吧! (以下以I Phone作示範) 1.

PhotoShop教學導覽,幫助使用者快速找到相關教學!

為了方便學習PhotoShop的朋友,Astral Web整理了一系列的教學導覽,希望能讓大家快速找到相關教學。教學導覽以修圖效果分門別類,可根據學習需求參考。 新的導覽頁在這一個連結 ▼我們會陸續更新在這裡,歡迎需要的朋友善加利用喔

Magento教學:如何在訂單信件增加產品圖片?

歡迎使用Magento購物車系統,今天Astral Web要和大家分享如何在訂單信件中,加入購買商品的圖片。一般來說,使用Magento預設的訂單信件,僅會顯示訂單資訊,不會有商品圖片;今天我們要教大家置入一段程式碼,即可在訂單信件中顯示購買商品的圖片,方便客戶確認訂單。由於此教學將會使用程式碼,因此適合有程式背景的朋友參考,以免操作不慎影響網站喔! 教學影片: .