• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. 學習 Web 開發
  2. Extension modules
  3. 伺服端網站程式設計
  4. 伺服器端程式設計起步走
    • English (US)
    • Deutsch
    • Español
    • Français
    • 日本語
    • 한국어
    • Português (do Brasil)
    • Русский
    • 中文 (简体)

此頁面由社群從英文翻譯而來。了解更多並加入 MDN Web Docs 社群。

在本文中

  • 先決條件
  • 指引
  • 評估
  1. Getting started modules
  2. Environment setup
    1. 安裝基本軟體
    2. Browsing the web
    3. Code editors
    4. 與各式各樣檔案打交道
    5. Command line
  3. Your first website
    1. 你的網站看起來會是什麼樣子?
    2. HTML 基礎
    3. CSS 基本
    4. JavaScript 基礎
    5. 將你的網站發佈上線
  4. Web standards
    1. 網路如何運作
    2. The web standards model
    3. How browsers load websites
  5. Soft skills
    1. Research and learning
    2. Collaboration and teamwork
    3. Workflows and processes
    4. Finding a job
  6. Core modules
  7. Structuring content with HTML
    1. HTML 入門
    2. What’s in the head? Metadata in HTML
    3. 基本 HTML 文字
    4. Emphasis and importance
    5. Lists
    6. Document and website structure
    7. Advanced text features
    8. Creating hyperlinks
    9. Challenge: Letter markup
    10. Challenge: Bird watching site
    11. HTML中的圖片
    12. Video and audio
    13. Challenge: Mozilla splash page
    14. HTML表格的基礎
    15. Table accessibility
    16. Challenge: Planet data table
    17. Forms and buttons
    18. Debugging HTML
    19. Test your skills
      1. HTML text basics
      2. Advanced HTML text
      3. Links
      4. Images
      5. 測試你的技能:音訊和視訊
      6. Forms and buttons
  8. CSS styling basics
    1. How CSS works
    2. 開始使用 CSS
    3. Challenge: Biography page
    4. Basic selectors
    5. Attribute selectors
    6. Pseudo-classes and elements
    7. Combinators
    8. Box model
    9. Handling conflicts
    10. Values and units
    11. Sizing
    12. Backgrounds and borders
    13. Overflow
    14. Images, media, forms
    15. Styling tables
    16. Debugging CSS
    17. Challenge: Business card
    18. Challenge: Fancy letterhead
    19. Challenge: Fancy box styles
    20. Test your skills
      1. Backgrounds and borders
      2. Box model
      3. Cascade
      4. Images and forms
      5. Overflow
      6. Selectors
      7. Sizing
      8. Values and units
  9. CSS text styling
    1. Text and font fundamentals
    2. Styling lists
    3. Styling links
    4. Web fonts
    5. Challenge: Community school homepage
  10. CSS 版面配置
    1. Introduction
    2. Floats
    3. Positioning
    4. Flexbox
    5. CSS grid layout
    6. Responsive web design
    7. Media queries
    8. Challenge: Fundamental layout
    9. Test your skills
      1. Flexbox
      2. Floats
      3. Grid
      4. Positioning
      5. Responsive design and media queries
  11. Dynamic scripting with JavaScript
    1. JavaScript 是什麼?
    2. JavaScript 導覽
    3. 出了什麼問題?JavaScript 疑難排解
    4. 存儲你需要的資訊 - 變數
    5. JavaScript中的基本數學 - 數字和運算符
    6. 處理文字 - JavaScript中的字串
    7. 有用的字符串方法
    8. Arrays
    9. 挑戰:傻故事產生器
    10. 在代碼中做出決定 - 條件
    11. 循環代碼
    12. 函數 - 可重複使用的程式碼區塊
    13. Build your own function
    14. Function return values
    15. Events
    16. Event bubbling
    17. 挑戰:影像圖庫
    18. JavaScript 物件基礎概念
    19. DOM scripting
    20. Ajax
    21. 使用 JSON 資料
    22. Writing forward-compatible websites
    23. Test your skills
      1. Arrays
      2. Conditionals
      3. Events
      4. Functions
      5. JSON
      6. Loops
      7. Math
      8. Objects
      9. Strings
      10. Variables
  12. JavaScript frameworks and libraries
    1. 前端框架簡介
    2. Framework features
    3. React 新手入門
    4. Beginning our React todo list
    5. React components
    6. React events and state
    7. React editing, filtering, conditional UI
    8. React accessibility
    9. React resources
  13. Accessibility
    1. 何謂無障礙網頁?
    2. Accessibility tools
    3. 無障礙的 HTML
    4. Accessible CSS and JS
    5. WAI-ARIA基礎
    6. Accessible multimedia
    7. Mobile accessibility
    8. Challenge: A11y debugging
    9. Test your skills
      1. CSS and JavaScript
      2. HTML
      3. WAI-ARIA
  14. Design for developers
  15. Version control
  16. Extension modules
  17. Advanced JavaScript objects
    1. 物件原型
    2. Object-oriented programming
    3. JavaScript 中的「繼承」
    4. 物件建構實作
    5. 挑戰:為彈跳彩球添增其他功能
    6. Test your skills
      1. Object-oriented JavaScript
  18. 客戶端 web APIs
    1. Introduction
    2. Video and audio
    3. Drawing graphics
    4. Client-side storage
    5. Third-party APIs
  19. 非同步的 JavaScript
    1. 非同步的 JavaScript 介紹
    2. Using promises
    3. Implementing promise-based APIs
    4. Introducing workers
    5. Challenge: Animation sequence
  20. 網頁表單-與使用者資料合作
    1. Your first form
    2. 如何建構 HTML 表單
    3. Basic native form controls
    4. The HTML5 input types
    5. Other form controls
    6. Styling web forms
    7. Advanced form styling
    8. Customizable selects
    9. UI pseudo-classes
    10. Client-side form validation
    11. Sending form data
  21. Understanding client-side tools
    1. Overview
    2. Package management
    3. Sample toolchain
    4. Deploying our app
  22. 伺服端網站程式設計
    1. 伺服器端程式設計起步走
      1. 伺服器端介紹
      2. Client-server overview
      3. Server-side frameworks
      4. Website security
    2. Django 網站框架 (Python)
      1. Django 介紹
      2. 架設 Django 開發環境
      3. Django 教學 1: 本地圖書館網站
      4. Django 教學 2: 創建一個骨架網站
      5. Django Tutorial Part 3: Using models
      6. Django Tutorial Part 4: Django admin site
      7. Django Tutorial Part 5: Creating our home page
      8. Django Tutorial Part 6: Generic list and detail views
      9. Django Tutorial Part 7: Sessions framework
      10. Django Tutorial Part 8: User authentication and permissions
      11. Django Tutorial Part 9: Working with forms
      12. 10: Testing