雅虎香港 搜尋

搜尋結果

1. tw.alphacamp.co › blog › html-css-web-design讀懂 HTML、CSS，入門網頁程式設計 - ALPHA Camp

   tw.alphacamp.co › blog › html-css-web-design

   • 網頁紀錄

   2024年1月4日 · 網頁設計在進入工程的範疇時，通常最常聽到的名詞就是 HTML/CSS！. 其實它們兩者在技術上都代表著不同的電腦語言工具，用來分別處理「網頁呈現」上的不同事情；它們也同時代表著電腦中不同的檔案類型，而電腦或手機的瀏覽器則是透過網路，下載並讀取 HTML ...

2. tw.alphacamp.co › blog › web-design-tutorial-course-and-tools網頁設計教學：課程學習攻略與工具大補帖 - ALPHA Camp

   tw.alphacamp.co › blog › web-design-tutorial-course-and-tools

   • 網頁紀錄

   網頁設計通常用來描述網頁前端（用戶端）設計相關的設計過程。 比較廣泛的網頁設計定義，涵蓋許多不同的Web開發技能、包含介面設計、網路工程、網路應用程式設計等，這篇講的是以網頁前端開發 Web App 網路應用程式的角度出發。 從畫wireframe 開始，用 HTML/CSS 與 JavaScript 呈現網站體驗，並套用 Bootstrap 框架，做出RWD響應式網頁、DOM操作與事件，你做出一個網路應用程式要學會的前端網頁設計技能。 零基礎高效自學網頁設計，用HTML/CSS/JavaScript打造第一個網頁. Web App 網路應用程式是什麼? 能夠直接在網路上執行的軟體被稱為「網路應用程式」 (Web application)。

3. tw.alphacamp.co › blog › rwd-responsive-web-design-introductionRWD 是什麼？響應式網頁 RWD 教學入門 - ALPHA Camp

   tw.alphacamp.co › blog › rwd-responsive-web-design-introduction

   • 網頁紀錄

   2024年4月3日 · RWD（Responsive Web Design）中文翻作「響應式網站設計」，是一種為了讓網頁在各種尺寸的裝置下，畫面都能呈現合適比例的 設計原則 。. 有一種更容易理解 RWD 概念的比喻是「內容就像水」。. 當你在設計網站排版時，能根據 RWD 的設計原則實作，網站內容 ...

4. 其他人也問了

   網頁設計是什麼?

   • 網頁設計在進入工程的範疇時，通常最常聽到的名詞就是 HTML/CSS！ 其實它們兩者在技術上都代表著不同的電腦語言工具，用來分別處理「網頁呈現」上的不同事情；它們也同時代表著電腦中不同的檔案類型，而電腦或手機的瀏覽器則是透過網路，下載並讀取 HTML 與 CSS 的檔案後，經過背後一系列複雜運算、讀取後，才會產生出我們眼前這一頁頁優雅的網站內容喔（如圖一）！ 圖一：瀏覽器產出頁面的過程 接下來我們就來介紹什麼是 HTML！ 圖二：HTML 的程式片段示意。 HTML 又被稱為 超文本標記語言，主要是利用各種被公定的標記來定義文本內容的架構，使得文本可以從純文字，轉變成具有結構意義的檔案，進而使瀏覽器可以在讀取 HTML 檔案的時候，將文字內容以有層次的結構呈現在畫面上。

   讀懂 HTML、CSS，入門網頁程式設計 - ALPHA Camp

   tw.alphacamp.co/blog/html-css-web-design

   查看此問題的所有搜尋結果

   什麼是響應式網頁設計?

   • 響應式網頁設計 (Responsive Web Design，縮寫為 RWD) 是一種網頁設計的方法，目的是讓網站能夠適應各種不同大小的螢幕，從桌面電腦到平板，甚至手機，都能提供最優的瀏覽體驗。 在這個日益移動化的時代，人們使用各種裝置瀏覽網頁的情況越來越常見。 RWD 的出現，就是為了解決這種多裝置瀏覽的挑戰，而其主要的實踐方法是利用 CSS3 的媒體查詢 (Media Queries) 功能，根據裝置的螢幕大小來調整網頁的排版、尺寸以及其他元素。 本文將嘗試用簡單的方式，重新整理各種 RWD 相關的資訊，由淺入深來介紹 RWD。 點我免費領取全端開發學習地圖！

   RWD 是什麼？響應式網頁 RWD 教學入門 - ALPHA Camp

   tw.alphacamp.co/blog/rwd-responsive-web-design-introduction

   查看此問題的所有搜尋結果

   架設網站要學什麼?

   • 網頁設計/架設網站要學些什麼？ 網頁設計通常用來描述網頁前端（用戶端）設計相關的設計過程。 比較廣泛的網頁設計定義，涵蓋許多不同的Web開發技能、包含介面設計、網路工程、網路應用程式設計等，這篇講的是以網頁前端開發 Web App 網路應用程式的角度出發。

   網頁設計教學：課程學習攻略與工具大補帖 - ALPHA Camp

   tw.alphacamp.co/blog/web-design-tutorial-course-and-tools

   查看此問題的所有搜尋結果

5. tw.alphacamp.co › blog › wireframeWireframe 是什麼？認識網站 UI 設計排版草圖與資訊架構 - ALPHA Camp

   tw.alphacamp.co › blog › wireframe

   • 網頁紀錄

   2023年9月26日 · Web 技術. Wireframe 是什麼？ 認識網站 UI 設計排版草圖與資訊架構. 發佈日期: 2020 年 6 月 8 日 作者: ALPHA Camp. 內容目錄. 線框稿 (Wireframe) 什麼是Wireframe？ 為什麼要製作 Wireframe？ 使用 Wireframe 溝通. 資訊架構 (Information Architecture, IA) 使用者介面 (User Interface, UI) 字體排版 (Typography) Wireframe (線框稿)主要目的是溝通網頁的架構、內容、功能、行為、資訊階層。 會用非常簡單的灰階顏色、線條、符號或框線，來表達網頁（或應用程式）的排版架構。

6. tw.alphacamp.co › blog › 2016/06/03-my-path-to-web-development寫給網頁設計初學者們 - 我的網頁技術之路 - ALPHA Camp

   tw.alphacamp.co › blog › 2016/06/03-my-path-to-web-development

   • 網頁紀錄

   寫給網頁設計初學者們 — 我的網頁技術之路. 發佈日期: 2016 年 6 月 3 日 作者: AC 編輯群. 仔細想想我的人生，其實大部份時間都有網頁陪伴，這一路走來我覺得很實用、也很有趣，如果你正在思考要不要投資你的時間，開始接觸網頁設計這方面的技術，希望我的經驗中有可以供你參考借鏡的地方。 想學寫網頁？ 先搞懂前端、後端和全端開發者核心技能！ 最早接觸網頁的時間，是在高中的時候。 那時候發現網頁不需要太難的語法，就可以做出一些畫面。 雖然也不知道要拿來做什麼，但就是覺得很有趣。 即使那時候的網頁還很陽春，只有 HTML 沒有 CSS，也只能做出很醜的畫面。 大學的時候誤打誤撞選了資訊系，其實是因為很愛打電動，沒想到進去都在寫程式，但也因此接觸了一些網頁的選修課程。

7. tw.alphacamp.co › blog › css-guide-box-modelCSS 教學：認識語法規則與基本功 - ALPHA Camp

   tw.alphacamp.co › blog › css-guide-box-model

   • 網頁紀錄

   2024年3月25日 · 網頁設計，仰賴 HTML 和 CSS 兩種不同的語言。HTML 處理內容，CSS 則定義內容呈現。本文協助你開始使用 CSS、理解怎麼連結 HTML 文件、認識語法規則；也教你怎麼開始練基本功，踏出網頁設計的第一步。

8. tw.alphacamp.co › blog › slicing-interface-design切版是什麼，前端工程師帶你學習切版入門 - ALPHA Camp

   tw.alphacamp.co › blog › slicing-interface-design

   • 網頁紀錄

   2024年3月25日 · 點我免費領取全端開發學習地圖！. 切版是前端工程師必須要具備的技能，但到底什麼是切版？. 白話來說，切版就是要把設計師針對使用者需求所完成的設計稿，透過程式讓它在網頁中實際呈現出來。. 切版是很神聖的，因為少了這個過程，在網頁中就 ...