跳到主要內容

發表文章

福樟實業有限公司、福樟良材木創工坊網站設計作品介紹

福樟良材木創工坊於 2017 年與福樟實業、元翊設計、頂築工程共同參與嘉義市政府文化局規劃的以修代租計畫,進駐舊監獄日式宿舍群共同成立經營「福樟良材木創工坊」,期許成為嘉義市木都當地的木材教育推廣基地。 福樟實業有限公司、 福樟良材木創工坊 網站設計作品介紹 由CADCH負責訓練行政人員上架所有木建築作品,全部採用後台內建所見即所得編輯器撰寫,文字與圖片分別製作,計GOOGLE網頁引擎收錄20篇頁面、百度收錄10篇網頁,目前收錄量持續變動中。 網站框架是一個作到寬度992像素判斷功能的響應式網站並搭配全站SEO,針對台灣為目標,登錄Google等搜索網站。 CADCH網頁設計依其自然生態經營的概念,以簡約風格為主,為福樟實業導入XOOPS CMS系統,首頁主視覺跟公司最新產品線BANNER皆有後台管理功能,可以隨時更換內容。為了解決行動裝置無法呈現FLASH動畫的問題,我們以CSS3與jQuery程式替代,使用者會以jQuery展示動態主視覺。 輕質白色系的公司網站 網站採用白色底色襯托主視覺,佈景使用jQuery Plugin呈現主視覺,中段內容區採用差視設計的材質底圖,頁尾採用簡約設計,主視覺圖片皆有後台可以管理,上傳圖片經過GD2縮圖,自動裁切成jQuery Plugin所需要的尺寸,管理員不需要學習 網頁設計 即可以自行管理廣告banner與主視覺。 支援手機操作的建築作品展示網站 福樟實業網站採用RWD設計,隨著瀏覽裝置的寬度改變網頁配置。 網站導入CMS並串接SEO關鍵字標籤功能。 由CADCH負責訓練外派人員上架所有木建築作品,全部採用後台內建所見即所得編輯器撰寫,文字與圖片分別製作,計GOOGLE網頁引擎收錄20篇頁面、百度收錄10篇網頁,目前收錄量持續變動中。 網頁設計使用Bootstrap像素相關規範 Bootstrap 是一個流行的前端框架,它使用了一個基於 12 列的網格系統,使得 網頁設計 變得靈活且容易管理。在設計時,像素相關的規範對於保持一致性和響應性至關重要。以下是一些使用 Bootstrap 時的像素相關規範: 基本單位: Bootstrap 使用像素(pixels)作為其基本單位。元素的尺寸和間距通常使用像素值指定,這有助於確保在不同螢幕上具有一致的外觀。 網格系統: Bootstrap 的網...

鐵件設計-藝鋼金屬架構有限公司

鐵件設計-藝鋼金屬架構有限公司 藝鋼金屬架構有限公司(Art Steel Metallic Architecture)是一家從事鐵件設計和金屬架構訂做的企業。公司總部位於彰化縣,不僅在鋼鐵結構設計方面擁有卓越的專業知識和經驗,還以客戶導向的服務和技術創新著稱。 彰化藝鋼金屬架構有限公司響應式網站設計使用bootstrap5前端框架搭配Mysql8資料庫設計整個網站系統。 Bootstrap5網頁設計 Bootstrap是目前最熱門的 網頁設計 前端框架之一,Bootstrap5是Bootstrap的最新版本。Bootstrap提供了豐富的組件和工具,可以更輕鬆地建立響應式佈局的網站和Web應用程序。使用Bootstrap,可以提高開發效率,使網站在各種設備和解析度下都能很好地呈現。 Bootstrap5相較於Bootstrap4有許多改進。首先,Bootstrap5全面支持了最新的CSS Flexbox佈局方式,這使佈局更加靈活方便。Bootstrap5還使用了更輕量的SVG圖標代替了Bootstrap4中的字型圖標。此外,Bootstrap5提供了更強大的JavaScript插件功能,如Offcanvas、Toasts等,可以創建出更豐富的網頁用戶體驗。 使用Bootstrap5,可以快速建立網頁導航欄、卡片、模態框、下拉選單等常見UI組件。Bootstrap5提供了一系列可重複利用的CSS類,通過添加這些類可以很方便地對組件進行網頁設計樣式設置。Bootstrap5的組件也具有很好的響應式特性,可以根據不同設備寬度自動調整網頁佈局和樣式。 Bootstrap5強調了自定義能力。可以通過Sass變量的方式輕鬆自定義主題色、字體大小、間距等設計 tokens,從而創建出符合項目風格的組件樣式。Bootstrap5也提供了強大的JavaScript外掛接口,可以根據需求對其組件進行二次開發。 總體來說,Bootstrap5為快速高效地開發響應式網站設計提供了非常強大的支援。它提供的組件和工具可以幫助我們創建出更美觀、更直觀的用戶界面。使用Bootstrap5開發的網站展示效果更加優質,同時也提高了前端開發的效率。 鐵件設計公司採用手機版網站展示設計作品 隨著智慧手機的普及,手機已經成為大多數人獲取資訊的主要終端。...

桃園網頁設計案例-加明機械股份有限公司網站設計作品

加明機械股份有限公司在1981年成立於桃園,擁有優良的品質與誠信的服務,專精製造機械產品,如啤酒和其他酒類、碳酸及非碳酸飲品、乳品、機能性飲料全自動化生產線,具有整廠規劃與設計能力、機械設備製造並現場施工安裝技術,頗受國內業界及國際知名食品飲料公司肯定。 桃園網頁設計案例-加明機械股份有限公司網站設計作品 這個製造業網站製作由本公司進行設計,採用響應式設計並利用jQuery與CSS3技術搭配html顯示多圖更換與滑鼠互動特效。 首頁全後台管理 網站首頁是抓住消費者的第一道關卡,有許多公司甚至專門設計一頁式網站,企圖在第一頁抓住網友目光,可見網站首頁的重要性,為了要呈現多一點的產品實績,我們設計的與滑鼠互動的滑動效果,並且每張圖片都可以由加明機械的設計師由後台上傳修改。 除了圖片外,我們規劃文字與圖片抽離的網頁,所有文字都是Google可以抓取的資料,文字由加明機械股份有限公司的企劃人員自行管理,可以在不同的銷售階段變更不同的網頁文字內容。 中英文RWD網頁設計 網站一共使用兩個資料庫,分別放置中文與英文內容。 依據 Google針對多地區和多語言版本的設計說明 我們將不同語言網站使用不同資料夾拆開存放,而且網站內容分開管理。 手機版網頁設計 採用本公司模組化後台管理系統呈現實績案例,同時支援電腦與手機顯示。 實績案例網頁特色: 後台採用所見即所得編輯器,方便管理。 後台一鍵貼圖,快速處理圖片。 串接第三方社群分享功能。 自動訂義SEO關鍵字、TITLE標籤功能。 Google搜索 實績案例標題 更容易出現我們網頁。 Google -飲品機械設備製造-排名第一 加明機械主要製造飲品機械設備,利用網頁自動化SEO關鍵字,搜索【飲品機械設備製造】、【飲品機械設備】、【飲品設備製造】將網站送至搜索結果第一頁, 桃園網頁設計公司 中有許多公司會進行SEO,但是本網站不是人為SEO,使用網頁文章系統,自動化訂義SEO關鍵字、TITLE標籤功能。

國立台灣大學法務處響應式網頁設計作品上線

台灣大學為建立完善法制,支持校務發展,及提供師生專業法律服務,於民國108年10月成立校級功能性「法務處」。業務範圍:協助台大各單位撰擬或修正校內規章、審閱台大業務相關契約及法律文件、提供台大各單位法律諮詢與法律服務、承辦或協助台大訴訟案件、其他法制事務之處理。 國立台灣大學法務處響應式 網頁設計 作品上線 我們協助台大法務處 設計網站 ,除了手機可以正常瀏覽外,學生同時可以使用平板電腦與手機瀏覽網頁。 應用技術: CSS3 html5 javascript Amazon VM cloud Linux CentOS 7 RWD 網站採用響應式設計,支援平板電腦與手持裝置,可以實行 行動網頁 資訊傳達服務。 網站首頁使用區塊ICON管理模組,利用大型ICON指引學生點選,並且設計管理程式讓法物處管理員可以自行更換ICON與文字、連結。 網頁設計 台灣大學提供校內各單位中英文網站製作平台,站台提供十種不同的版型各單位可自行依造網站內容做挑選不管直式網站、橫式網站,紅色、綠色、咖啡色,都能找到屬意的網站版型,屬於部份DIY網頁設計功能,法務處工作人員在不熟悉DIY網頁設計功能情況下委託本公司設計網頁,我們採用OPENSOURCE開放原始碼CMS為 台大法務處 設計網站,網站架設在亞馬遜雲端虛擬主機上,並安裝SSL安全憑證,採用加密傳遞網頁資訊。 亞馬遜雲端虛擬主機 網站主機租用亞馬遜EC2日本機房,網路速度與台灣機房差異每個節點約10ms~30ms,亞馬遜雲端主機是目前全球前十大網站主機商,穩定度與世界級各家雲端服務相同。 SSL憑證 現在 網站架設 依各大搜索引擎建議,都會採用HTTPS傳遞網頁,大部份的 網頁設計公司 都會建議客戶採用HTTPS,本 網頁設計作品 採用免費SSL憑證,SSL憑證費用幾乎為零,我們利用 letsencrypt套件 並設定排程,依EFF建議SSL到期剩下三分之一時,也就是每二個月進行自動SSL更新。 中文、英文網站設計 臺灣大學屬於台灣排名第一名大學,依據【2020年泰晤士高等教育世界大學排名】世界排名第120名,有許多外籍學生選擇就讀臺灣大學,因應台大校內學生有英語閱讀需求,設計獨立資料庫的雙語網站,網頁內容亦是獨立分開管理。 publisher: 文網股份有限公司 ...

再興高爾夫球場網頁設計,網站改版響應式CMS系統

再興球場開場於 1994年,是由日本熊谷組在台關係企業華熊公司規劃設計,美國球場設計師高登‧路易斯進行細部整修工程,十八洞從藍梯起算全長7112碼,標準桿72桿。陽光、青山、綠草、大樹、奇石、湖景等無數無價自然資產、在這裡完美的結合在一起,為每一位在此打球者提供最佳的視野享受和揮桿樂趣。 再興高爾夫球場網頁設計,網站改版響應式CMS系統 我們公司於2006年10月23日為再興設計第一版全FLASH讀取XML網站至今已經有13年了,期間導入高爾夫球場即時視訊與HTML5 網頁設計 ,網站改版3次皆由本公司承辦,今天我們針對第4次改版設計了針對手機用戶改變排版的機制,並將舊有資料庫進行欄位修改,資料匯入至新版網站。 再興設計師巧妙地運用原始山坡地自然地形,對不同程度的球友設計出具有桃戰性和趣味性的球道;此外,整體球道配置的平衡與美感,以及每一洞獨立性與安全性,都考慮得非常周到。由於球道基地充足,再興球場的球道寬度與一般大台北地區的球場相較,有更多的誤差容許。這也讓再興球場擁有大台北地區破百天堂的美譽,而且在設計的同時,也兼顧到日後的排水與維護難易度。再興高爾夫球場與大自然的完美演出,是一座跨越國際水準、人性化的揮桿天堂。 具有後台管理功能的滿版 網頁輪替圖 為了營造球場特色並提升網友第一眼印象,網站首頁利用滿版球場大圖,並交替場地景觀,讓消費者感受此場地的優勢。 每張圖片使用淡化與遠近效果輪替,由再興球場企劃人員自行上傳與調整順序。 圖片尺寸 1024 * 768 pixel 製作語言 2 版 繁體中文 英文 使用技術 版本 XHTML 1.0 CSS 3 HTML 5 JavaScript Mozilla API Route XML PHP 7.3.12 publisher: 文網股份有限公司 圖片尺寸 240pixel * 240pixel

台北聊聊心理治療所網頁設計與CMS網路行銷規劃

聊聊心理治療所位於台北市松山區,靠近台北市東區,雖然不像 身心科 診所從事健保給付項目,但是聊聊心理治療能做更多醫療社區化,心理學生活化、心理衡鑑評估與健康管理工作。 台北聊聊心理治療所網頁設計與CMS網路行銷規劃 這是一個滿版設計的 內容管理型 網站,利用大型的CMS架站軟體為程式核心,搭配文網前端網頁設計師以 響應式設計 ,方便手機觀看,再以網頁文章內容傳遞為設計重點。 圖片尺寸 1024 * 768 pixel 本網站以內容行銷為重點,網站公開登錄於搜索引擎時已達130篇心理治療文章,整體網頁設計雖然重要,但是讓網友看見這130篇文章更為重要,我們在每篇文章的原始碼中設計 Microdata網頁標籤 ,每篇文章都是SEO行銷的利器,網頁同時整合實體講堂式活動行銷,完全以提升網站價值為設計目標。 結合實體行銷活動的設計 每一篇文章透過Google API產生QR Code,網頁就是實體活動的簡報檔,參與活動的聽眾使用自己的手機掃瞄文章上的QR Code就可以同步在自己的行動裝置上查看網頁。 相同的網頁應用在許多網路行銷活動場合皆適用。 publisher: 文網股份有限公司 圖片尺寸 240 * 240 pixel

傑礎建築師事務所網站設計

傑礎建築師事務所專注在設計的每一個環節和細部,不斷追求更高品質的設計。 傑礎建築師事務所並不滿足於只創建合理的空間,而是創造更多高品質的空間、多樣性的空間、綠能的空間、高效率的使用環境,是傑礎建築師追求的目標,傑礎同時在意建築和環境、都市、文化景觀的融合。 為提升為高質量的建築設計,工作時傑礎建築師事務所把設計進展到具有細部設計的階段,進一步可以對材料、細節的高評估高設計化,以排除粗糙的建築設計、最大化空間的質量。另外,傑礎建築師使用三度空間設計,將傳統設計的二度空間所沒有看到的缺點改善,可以創造更多樣化的建築空間。 傑礎建築師事務所網站設計 人是空間的使用者,了解客戶的需求、習慣及喜好後再規劃空間,之後再將使用者的喜好放入規劃好的空間內,製造整體氛圍,最後在工程上踏實地付諸實行。 秉持上述理念,網站製作也會以【人】為出發點,UX設計後再將傑礎的風格帶入。 傑礎建築師事務所主要成員 陳政耀 主持建築師 中華民國註冊建築師(建證字第6660號) 中華民國室內設計專業人員 桃園市建築師公會會員 林佳慧 合夥人 / 經理 住宅設計專長、室內及建築整合規劃、建築碩士 傑礎設計專注於住家室內空間及外觀,商務辦公空間,設計及規劃、住宅及商空外觀設計及架設。 響應式網站製作完成,作品展示系統、手機文章排板系統。 VPS虛擬主機空間 網站依設計師要求,放置於VPS獨立資源虛擬主機空間,整體網頁連線速度跟台灣網路主機差不多。 響應式網頁設計 使用網頁設計CSS框架Bootstrap進行網站設計,讓網頁以12分法進行相對應行動裝置的設計排版。 價錢 網站依設計師要求,放置於香港虛擬主機空間,整體網頁連線速度跟日本網路主機差不多。