網頁設計課程

HTML

CSS

範例

Web Server

課程準備

一、下載 Brackets

二、下載 課本範例

三、


學習順序

====== 靜態網頁 ======

Html 基本語法

CSS 基本語法

JavaScript

jQuery

====== 動態網頁 ======

PHP表單回應

資料庫MySQL

PHP

JAVA

Python

JavaScript (Node.js)


2016 基礎網頁設計 html css javascript 教學 蔡辰洋老師

amos IT邦幫忙鐵人賽第一天amos

CSS 技巧

HTML5&CSS3

學習該如何開發 Web

一些基礎的入門課程 RUNOOB

W3School：是一個非常完整，且內容遵循最新標準的網頁前端知識庫，所有的 HTML / CSS / JavaScript 基本語法都能在這裡找到。 網站內也有語法教學與線上測試工具。

W3School 在線教程：同樣也是大量收錄網頁語法資源的網站，但是簡體中文版。

夏木樂 ： 推薦各種有用的網頁設計相關網站

***********************************************

免費練習網站 000Webhost – 免費虛擬主機推薦

免費的網頁與CSS編輯器 - Brackets

考試網址調查

期中考試資料檔

給想要自己做一個網頁的同學入門指引：

從0開始 30分鐘完成個人網頁

靜態網頁：

使用技術：HTML5+CSS，快速布建方式：使用模板 https://html5up.net/

使用方式說明：https://free.com.tw/html5-up/

網頁放置空間：Google Drive (Google 雲端硬碟)

使用技術：[網站架設] 手把手教你把網站架設到 Google Drive 雲端空間上

CSS 範例

兩欄範例-1