歡迎參觀:尼爾網站設計工坊網站 跳到主要內容 網站導覽

會員登入

忘記密碼? 現在註冊!

流量統計

今天: 267
昨天: 589
本週: 3548
本月: 3025
總計: 3819
平均: 39

網站QRcode

尼爾網站設計工坊-網站QRcode
關閉網站選單
:::

網站設計歷史作品:旅人灶咖Xoops商品展示形象網站設計(包含手機介面)-網站設計

:::
作品項目
item_pic_5db1648d00432
旅人灶咖Xoops商品展示形象網站設計(包含手機介面)_1-點擊將開啟燈箱效果 旅人灶咖Xoops商品展示形象網站設計(包含手機介面)_2-點擊將開啟燈箱效果 旅人灶咖Xoops商品展示形象網站設計(包含手機介面)_3-點擊將開啟燈箱效果 旅人灶咖Xoops商品展示形象網站設計(包含手機介面)_4-點擊將開啟燈箱效果 旅人灶咖Xoops商品展示形象網站設計(包含手機介面)_5-點擊將開啟燈箱效果 旅人灶咖Xoops商品展示形象網站設計(包含手機介面)_6-點擊將開啟燈箱效果 旅人灶咖Xoops商品展示形象網站設計(包含手機介面)_7-點擊將開啟燈箱效果
  • 網站設計歷史作品:旅人灶咖Xoops商品展示形象網站設計(包含手機介面)
    作品類型:展示作品 作品編號:PTN-0174
  • 作品項目:
    設計方案:
    Xoops網站設計B方案+手機介面設計
    CMS版本:
    Xoops2.5.9
    網站語言:
    • 繁體中文
:::

2019年10月最新作品,由旅人灶咖委託Neil網站設計工坊進行本案的網站設計工作。

  • 使用程式:PHP7,jquery,javascript、Smarty,AJAX
  • 使用框架:html5+bootstrap3+自行撰寫css3樣式
  • 網站語系:繁體中文
  • 最佳瀏覽:IE11, 相容瀏覽器: IE10、IE9、 Mozilla Firefox、Google
  • 瀏覽器最佳解析度:1440px兼容1024*768包含以上
  • 瀏覽相容:行動裝置/平板電腦/桌上型電腦
  • 網址自動轉https設定
  • 網站具有隨USER電腦解析度自動放大功能。
  • 網站使用三套佈景進行單元切換,呈現三種獨立風格及佈局,使用同一個管理後臺及資料表。

※行動瀏覽佈景介面設計開發,我們採用的是與YAHOO,FB及MSN相同技術,以PHP後端判斷使用者是電腦手機或平版介面瀏覽後,切換介面來符合使用者的瀏覽裝置,電腦版介面及內容配置可以跟手機版完全不同,但資料卻是相同的,便於維護及兼顧設計美觀,網站開啟速度也比RWD介面要快,更節省瀏覽器效能消耗。

※通過行動裝置相容性測試

工作內容包括:

  • 全新客製化PSD模板設計(電腦 and 手機)共計三套。
  • Xoops佈景設計/開發(電腦 and 手機)共計三套。
  • 佈景單元切換程式開發。
  • 首頁區塊配置,首頁JS動畫製作,首頁開啟式新聞區塊製作,區塊前後台AJAX應用,內容頁面編輯建置,收納式jQuery搜尋區塊製作。
  • Neil開發模組配置
    • 使用Neil網站設計工坊2018年最新開發的Neil多功能商品展示模組
    • Neil多功能商品展示模組前台樣板按照設計內容全部重新開發,包含JQuery互動元件開發,商品背景播放器建置,JQuery捲軸特效建置,AJAX多層選單功能修改。
    • 使用Neil網站設計工坊2018年新開發的Neil訪客留言版模組
    • 針對本案開發全新的Neil文創模組-使用AJAX瀑布流讀取資料效果。
  • 網站佈景管理模組程式功能修改,Google翻翻譯件css格式調整。
  • 開發全新的AJAX註冊表單驗證功能,防止機器人註冊。
  • 代客安裝Xoops2.5.9主程式及配置所需之Xoops模組,Xoops模組程式開發與樣版修改調整,PHP-smarty與AJAX及CSS3應用。
  • Neodw後台管理系統建置,admin能透過後台更新網站中JS播放器圖片,新增與刪除網站按鈕,設定跑馬燈及區塊選單管理等功能。
  • 支援手機、平板電腦與桌上型電腦瀏覽。
  • 手機瀏覽介面開發製作,通過行動裝置瀏覽驗證工作。
  • IE11、IE10、Firefox、Google瀏覽器相容修正。
  • 網站關鍵字SEO優化工作。

總計製作工時50天完成,網站目前正常運作中,歡迎大家前往參觀。

  • 首頁頁面-文創風格設計
  • 內容頁面-視覺形象風格設計
  • 文創頁面-文創風格設計
:::
右方浮動選單
網站設計歷史作品