網頁企劃製作 案例
November 14, 2017
A.PAO gardenSTUDIO 上線後,
從零到有,約一個月左右達成一萬人次的點閱數,後面有十分多不為人知的前置與後製作業,與大家分享成果:


點擊在新視窗中瀏覽此圖片A.PAO garden:http://plant.apaostudio.com

追求提高攝影品質與加強植物正確名稱的準確性:
以數位相機畫質取勝,改善膠片相機與植物官方網站的不便
August 20, 2016
客製化購物車網站設計製作

功能概說(功能很多,說明不足請見諒)
前台:

註:A.PAO designSTUDIO 獨立開發製作,不會有售後無保固或無詢問服務的問題。

A.前台(對應手機版與電腦版 RWD)
   1.首頁輪撥圖片。活動圖片自動上架。一級分類商品列表。
   2.商品列表畫面。
   3.商品說明畫面。

▼會員登入。MENU。輪撥Banner。活動訊息。
點擊在新視窗中瀏覽此圖片
August 15, 2016
這個網站功能如下:
1.採用Bo-Blog 客製化模版
2.除了一般上文機制與畫面切換之外,增加線上捐款機制。
3.對應手機版與電腦版版面大小(RWD)
4.後台除了一般設定功能外,追加金流對應插件,輪撥圖片插件等等。
5.後台金流插件中,有信用卡自動對應金流ˊ對帳功能,超商付款與WebATM於後台有比對按鈕,節省在金流後台查帳的登入手續與時間。以及列印捐款收據等功能。


以下介紹客製化的畫面:

▼網頁 電腦版畫面
點擊在新視窗中瀏覽此圖片
July 24, 2015
雙人組作業(CSS+PHP MariaDB),這次以MVC模式下製作的多語言版本。
http://www.sclaser.com.tw/

主要功能說明:
1. 前台功能
三個語言對照。
第一層內容為摘要(圖與摘要內容)。第二層內容為詳細內容(圖文)。
預設內容之聯絡我們。可方便詢問者之詢問內容。

2.後台功能:
分三個語言的後台。
可分別上傳不同語言後台之圖文。
有密碼限制的網頁連結。
整合型的聯絡我們後台機制(與現有mail 信箱結合)


點擊在新視窗中瀏覽此圖片
繁體中文版畫面
February 2, 2015
利用CSS3功能,讓畫面(UI介面)目標更清楚。
在左邊的MENU條上增添了以下CSS2 與CSS3 的程式碼
由於樂天不能採取外部連結的方式,
ALL程式碼都必須貼在後台內使用。
以下為結合樂天邊攔的CSS的寫法...


點擊在新視窗中瀏覽此圖片

<style type="text/css">
/*--看看新東西 Banner 與上端Welcome 動畫隔開--*/
.bColumn{margin:0 0 10px 0;}

/*--包包新鮮貨 小物新鮮貨 banner--*/
h2.bNews{position:absolute; margin:50px 0 0 10px; font-size:13px; }
h2.bNews a{padding:5px 6px 3px 6px; background:#d4d4ff; color:#6c6cc7; text-decoration:none; font-weight:normal; border-radius:9x; -moz-border-radius:9px; -webkit-border-radius:9px;}
h2.bNews a:hover{padding:5px 6px 3px 6px; background:#b06038; color:#ffffff;}

/*--地圖美包館79折 banner--*/
h2.bSale{position:absolute; margin:47px 0 0 10px; font-size:13px; }
h2.bSale a{padding:5px 6px 1px 6px; background:#ffd3bd; color:#c06a3f; text-decoration:none; font-weight:normal; border-radius:9x; -moz-border-radius:9px; -webkit-border-radius:9px;}
h2.bSale a:hover{padding:5px 6px 1px 6px; background:#6c6cc7; color:#ffffff;}

/*--地圖包Banner--*/
h2.bBag{position:absolute; margin:38px 0 0 10px; font-size:14px; line-height:26px;}
h2.bBag a{padding:1px 6px 1px 6px; background:#8d3d3d; color:#ffffff; text-decoration:none; font-weight:normal; border-radius:9x; -moz-border-radius:9px; -webkit-border-radius:9px;}
h2.bBag a:hover{padding:1px 6px 1px 6px; background:#ffd3bd; color:#8d3d3d;}

/*--不二家~Little Twin Satrs Banner 間隔以及外框線變化與圓邊--*/
.bBanner img{border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
.bBanner{float:left; margin:0;}
.bBanner a{background:#FFF; margin:0 0 10px 0; padding:1px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
.bBanner a:hover{background:#000000; padding:1px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
</style>

November 26, 2014
分頁: 1/6 第一頁 1 2 3 4 5 6 下頁 最後頁
[ 顯示模式: 摘要 | 清單 ]