Course Information
- 21 Jan 2025 (Tue) 7:00 PM - 9:00 PM
Course Overview
理解設計響應式網站的流程
使用流行工具和腳本語言創建響應式網頁
安裝和配置網頁伺服器、伺服器端程式組件及資料庫系統
發展編程語言和編碼技術,以實現網站與資料庫之間的有效溝通
本課程將深入探討網頁設計與開發,幫助學員掌握創建現代化響應式網站的必要技能。
學員將使用 Figma 進行佈局設計,熟悉操作界面並學習如何準備有效的網站佈局,以提升用戶體驗。接著,學員將使用 Visual Studio Code 進行前端開發,探索 HTML 和 CSS 的基本知識,並學會建立網站層級結構。課程內容還包括 CSS 的應用、多媒體文件的整合,以及 SCSS 的介紹和語法,同時學習如何構建響應式網頁設計,並了解 JavaScript 和 jQuery 的基本用法,創建互動界面。
What You’ll Learn
Module 1: Layout Design using Figma
- Understand the interface and basic operations
- Preparation of Web Site Layout
Module 2: Frontend Development using Visual Studio Code
- Website Hierarchy and Basic HTML & CSS
- Use of Cascading Style Sheet (CSS)
- Integration of Multimedia File to HTML
- Introduction to SCSS (CSS pre-processor)
- SCSS language syntax
- Preparing on Responsive Web Design (RWD) structure
- Building Responsive Web Design (RWD) site
- Introduction to JavaScript & jQuery
- Interface interaction using JavaScript & jQuery
Module 3: Server-side Programming
- Installation and Configuration of Apache, PHP and MySQL
- Basic PHP Syntax: Data Types, Variables
- Introduction of Database Programming and MySQL
Module 4: Web Application Development
- Interactive Enquiry Forms
- Membership System
- Content Management System