關於我們
在「用嘴寫碼」,我們深信有效溝通是成功開發的關鍵。我們不只是程式碼的撰寫者,更是您需求的傾聽者和解決方案的設計師。
我們的理念很簡單：
- 技術不是問題,真正的挑戰在於準確理解客戶的需求。
- 我們用嘴巴聊,用腦袋想,用手指寫程式,確保每一行程式碼都切中要害。
- 協助客戶發掘並明確他們最核心的需求。
- 用技術將這些想法變成現實。
服務項目
-
需求分析與諮詢 聊出您的真實需求
-
客製化軟體開發 為您量身打造數位解決方案
-
網站與行動應用設計 讓您的想法躍上螢幕
-
系統整合與優化 讓您的系統更懂彼此
-
技術支援與維護 持續關心您的數位資產
作品集
聯絡我們
準備好用嘴巴開發您的下一個專案了嗎？聯繫我們,讓我們一起把想法變成現實！
關於這個網站
這個網站是由 GenAI 寫的,展示了我們團隊的創新精神和技術實力。
網站修改記錄
2024/09/12 - 初始版本
摘要：創建基本的靜態網頁,包含團隊介紹、聯絡方式和作品集。
我給它以下資訊：
請幫我產生一個靜態網頁，此網頁用於介紹一個接案團隊 上面要有幾項資訊 1.接案團隊的基本介紹，你可以先留空 2.接案團隊的聯絡方式，你可以先留空 3.接案團隊的作品集，幫我隨機產生當示意即可
2024/09/12 - 第一次修改
摘要：將 CSS 和 HTML 分開到不同文件中。
要求：
- CSS和HTML分開
2024/09/12 - 第二次修改
摘要：添加"這個網站是GenAI寫的"說明，並添加收合效果。
要求：
- 添加"這個網站是GenAI寫的"說明
- 添加收合效果
- HTML、CSS和JavaScript分開到不同文件
2024/09/12 - 第三次修改
摘要：改進按鈕名稱樣式，改進隱藏區域的排版，以便顯示每次的修改。
要求：
- 更改按鈕名稱樣式
- 改進隱藏區域的排版，以便顯示每次的修改
- 為每次修改添加日期
- 將最新的對話也添加到修改記錄中
2024/09/12 - 第四次修改
摘要：調整「網站開發歷程 (點我展開)」按鈕的樣式，使其不那麼突兀。
要求：
- 調整「網站開發歷程 (點我展開)」按鈕的樣式，使其不那麼突兀
2024/09/13 - 第五次修改
摘要：保留原有的介紹和功能，優化「關於我們」部分，突出團隊初衷。
要求：
- 保留原有的介紹和功能
- 優化「關於我們」部分，突出團隊初衷
- 改進服務內容的描述，使其更專業且符合團隊理念
- 添加圖標以提升視覺吸引力
- 調整 CSS 樣式以改善整體佈局和可讀性
2024/09/13 - 第六次修改
摘要：將語言和文字改成更符合台灣使用習慣，並進一步優化。
要求：
- 將語言和文字改成更符合台灣使用習慣，並進一步優化
- 保留「用嘴寫碼」和「出一張嘴」等原有表達方式
- 優化服務項目的描述
- 調整作品集的呈現方式
- 改進整體網站專業形象，同時保持原有的幽默風格
- 更新網站開發歷程，添加詳細的修改記錄
2024/09/13 - 第七次修改
摘要：更新網站域名為 code-mouth.cc，更新所有相關的 URL。
要求：
- 更新網站域名為 code-mouth.cc
- 更新所有相關的 URL，包括 canonical 鏈接、Open Graph 標籤和 JSON-LD 結構化數據
- 在聯絡方式中添加網站 URL
- 在頁腳添加網站 URL
- 保留原有的兩個聯絡郵箱地址
- 更新 JSON-LD 結構化數據中的郵箱地址和 URL
- 更新網站開發歷程，添加本次修改記錄
2024/09/13 - 第八次修改
摘要：將網頁改成電腦、平板、手機版和電子紙都能閱讀的樣子。
要求：
- 將網頁改成電腦、平板、手機版和電子紙都能閱讀的樣子
- 優化菜單以避免跑版
- 重新設計整個網站的樣式和佈局
- 保留並優化SEO相關元素
- 重新加入"關於這個網站"部分
主要更改：
- 在 styles.css 中添加響應式設計,使用媒體查詢適應不同屏幕尺寸
- 優化航欄樣式,實現在大屏幕上水平排列,小屏幕上折疊成漢堡菜單
- 在 script.js 中添加菜單切換功能,實現響應式菜單行為
- 調整字體大小和布局以適應不同設備
- 為電子紙設備添加特殊樣式優化
- 重新設計整個網站的配色方案和排版,創造更現代化的外觀
- 優化 HTML 結構,添加更多語義化標籤
- 添加和優化 meta 標籤,改進 SEO
- 重新加入並優化"關這個網站"部分,包括切換顯示功能
- 改進頁腳設計,使其更具信息性和美觀性
其他說明：
- 採用固定頂部導航欄設計,提升用戶體驗
- 使用 CSS 變量便於未來的顏色調整
- 優化了響應式圖片處理
- 添加了更多 Font Awesome 圖標,增強視覺吸引力
- 改進了整體網站的可訪問性
2024/09/13 - 第九次修改
摘要：全面優化網站排版和響應式設計，提升可讀性和用戶體驗。
要求：
- 重新優化整個網站的排版、菜單和樣式
- 將 CSS 放在 styles.css 文件中
- 將 JavaScript 放在 script.js 文件中
- 保留所有原有內容，特別是網站開發歷程部分
主要更改：
- 重新設計了響應式導航菜單，改善了移動設備上的顯示效果
- 優化了整體佈局，提高了可讀性和視覺吸引力
- 調整了顏色方案，使用 CSS 變量便於未來修改
- 改進了頁腳設計，增加了更多有用的信息
- 優化了 "關於這個網站" 部分的顯示和切換效果
- 確保了網站在各種設備（包括電子紙）上的良好顯示
- 保留並優化了所有 SEO 相關元素
其他說明：
- 所有 CSS 樣式都已移至 styles.css 文件
- 所有 JavaScript 代碼都已移至 script.js 文件
- 保留了原有的幽默風格和關鍵表述
- 確保了網站開發歷程的完整性，包括所有之前的修改記錄
2024/09/13 - 第十次修改
摘要：優化網站排版和字體，提升整體可讀性，並改進開發歷程的呈現方式。
要求：
- 改善網站的排版，調整字型和文字大小以提高閱讀舒適度
- 保留所有現有的功能和內容
- 優化開發歷程的呈現，使每次修改更容易區分
- 添加 Google Fonts 以使用更適合中文閱讀的字體
主要更改：
- 在 index.html 中添加了 Google Fonts 的鏈接
- 調整了 styles.css 中的字體設置，使用 Noto Sans TC 和 Noto Serif TC
- 優化了標題和段落的字體大小、行高和間距
- 改進了開發歷程的 CSS 樣式，增加了視覺區隔
- 為每個修改記錄添加了摘要，提高可讀性
2024/09/13 - 第十一次修改
摘要：全面優化網站排版和響應式設計，提升可讀性和用戶體驗，並改開發歷程的呈現方式。
要求：
- 重新優化整個網站的排版、菜單和樣式
- 將網站內容更區塊化，增加內容之間的區別
- 改進開發歷程的排版和樣式，為每次修改添加更明顯的視覺區隔
- 保留所有原有內容，特別是網站開發歷程部分
- 確保 SEO 優化
主要更改：
- 重新設計了網站的整體結構，使用 section-block 類來區分不同內容區塊
- 優化了每個部分的標題樣式，增加了圖標以提升視覺吸引力
- 改進了服務項目和聯絡方式的列表樣式
- 為開發歷程中的每次修改記錄添加了獨立的樣式，包括背景色、邊框和間距
- 調整了整體的字體大小和行高，提高了可讀性
- 確保了響應式設計，優化了在不同設備上的顯示效果
- 保留並優化了所有 SEO 相關元素，包括 meta 標籤和結構化數據
2024/09/13 - 第十二次修改
摘要：修正網頁中的亂碼問題,優化「關於我們」部分的排版。
要求：
- 修正網頁中所有出現的亂碼
- 優化「關於我們」部分的內容排版
主要更改：
- 修正了 meta 標籤中的亂碼,將 "灣" 改為 "台灣"
- 修正了聯絡我們部分的亂碼,將 "法" 改為 "想法"
- 重新排版「關於我們」部分,使用無序列表呈現關鍵點
- 調整了「關於我們」部分的段落間距和列表樣式
- 在 CSS 中添加了新的樣式規則,優化「關於我們」部分的顯示效果