首頁 > 平面設計, 網站製作 > 過敏的孩子們看過來囉…..宏醫生技銀行-健康購物網設計

過敏的孩子們看過來囉…..宏醫生技銀行-健康購物網設計

2010年1月13日  瀏覽次數 : 8,905

不是說今年冬天暖冬嗎?怎麼冷氣團、寒流一直猛來,尤其又夾帶下雨真是冷的要命,天氣變化這麼大,過敏的人可就要瘋掉了,不是猛打噴嚏就是皮膚癢到不行……

 

2010-01-13_100342

 

 

台灣的過敏人口越來越多,所以再生物科技這塊在台灣也越來越熱門,這次客戶宏醫國際集團成立於1993年,至今已超過16年,致力於專研健康醫學生物科技領域,提升免疫相關醫學、抗病毒醫學、抗過敏預防醫學、抗敏防蟎寢具、生醫美容保養、降低控制環境病毒感染醫學…等

這次執行的是宏醫生技銀行-健康購物網的網頁設計,當初提案有分為兩個方向,專業穩重與清新舒適這兩個方向,客戶選擇的是目前所PO上來的清新舒適這款,這網站還包含了購物車功能,所以結合了另外兩位人士的力量才能完成,因為是購物網的關係除了在視覺美感之外在功能上的考量就格外重要,不僅要讓消費者使用清楚簡單,也需要在後台的部分讓客戶以後可以自行更新產品與資訊,所以這都仰賴不鳥町(網頁設計師)的功力囉!

整個網站的製作比起平面的設計物,更需要與客戶更詳細的溝通與討論,在資料的取得也更需要較長的時間,這網站算是corAusir功能比較多的成品。以下就是請網頁師不鳥町的專業解說囉。

 

 

2010-01-13_100544

 

 

2010-01-13_101159

 

 

2010-01-13_100358

  

不鳥町:

宏醫是我第一個使用CSS+JOOMLA平台切版的專案。
因為是第一次接觸的關係,花了好大的力氣調整,但也帶給我很多的經驗,對CSS有更深層的體會。
特別需要注意的地方是,它的背景是呈不規則型的,又加上廣告區的背景與BANNER是連接在一起的,就必須要在CSS的layout下z-index,而且還要搭配不同瀏覽器的間距以及位置,尤其是碰IE6、IE7、IE8、Firefox、Google Chrome的時候,還要分別下不同的指令。
因為我自己也是剛接觸CSS沒有多久,而宏醫這個專案,也幾乎等於完全客製化的專案,每一個內容都有它自己專屬的背景,寫CSS的網站,所需要花的精神、時間,通常是一般HTML(表格製作的網頁)的二倍。
邏輯不僅要清楚,CSS的指令名稱就算記不起來,也要知道它的功用,否則會因為瀏覽器的不同,而影響到版面的配置,以及背景、文字位子,就會看到版型裡的內容飛來飛去,或是消失在某個角落。
還有最重要最重要的,就是PNG在IE6底下的問題囉!一般都會用pngfix,或將javascript語法寫進CSS,在宏醫的例子裡,我將這二種語法都加入,一種是針對背景,一種是針對有連結的圖片,如果單純只用pngfix,會遇到連結因為blank.gif的關係,而蓋在有連結的圖片上面,導致連結失去作用,所以,解決辦法,就是將pngfix針對背景做png透明化處理,然後再用javascript語法解決有連結的圖片,就可以解決這個問題了。(這是在找了很多種pngfix,都試過之後,才決定使用這個方式。

 

宏醫生技銀行-健康購物網

Random Posts

Loading…

:: 把這篇好文推到書籤網站與更多人分享吧 ::
  • funp
  • Hemidemi
  • YahooKimo
  • Google
  • udn
  • Haohao
  • Live

目前並無相關文章

Cora 平面設計, 網站製作 , , , , , ,

  1. 2010年1月13日13:39 | #1

    看起來相當清爽,也很簡潔耶 !

  2. 2010年1月13日17:05 | #2

    @大鐵
    好久不見了ㄟ
    感謝你囉

  3. 2010年1月13日17:45 | #3

    哇!!這個好喔!!
    透明化處理~~
    若在CSS中使用png透明,
    常會出現問題~~
    IE6就算了吧!!

  4. 2010年1月13日18:03 | #4

    @梅干扣肉

    IE6 = = 真是可惡的瀏覽器~
    可是仍然佔 1/6 嗚嗚~~

  5. 2010年1月15日09:13 | #5

    「所以再生物科技這塊」
    「再生物」??
    所以這家公司主要經營是回收業囉?(大誤)

  6. 2010年1月15日14:03 | #6

    @拆組達人
    ㄏ 錯字啦

  1. 本篇文章目前尚無任何 trackbacks 和 pingbacks。