網頁三兄弟是構成網站的重要技術,分別對應著 HTML
(結構)、CSS
(美化)、JS
(功能)。他們各司其職,負責網頁上不同的部分。例如 HTML
可以把網頁上需要的元素(文字、輸入框、圖片、鏈接)生成出來;CSS
可以美化裝飾頁面上的元素,像是按鈕的樣式(大小、顏色、動畫等);最後就是 JS
,JavaScript
負責網頁元素與用戶操作的邏輯,例子就如通過用戶點擊按鈕改變頁面上的顏色主題、會員登入登出等。
基本上市面上全部內容管理軟件(例如WordPress、Wix),通過拖拽的方式快速構建網頁,他們都是使用網頁三兄弟的技術去實現。雖然這些軟件可以很方便地建立起網頁,但是用戶只能夠使用他們編寫好的網頁元素與樣式,導致網頁的創意性會受到局限。
不管在哪一個地區、什麼行業,都離不開使用網絡應用。尤其需要通過與用戶長期交互的商業模式,就像電商、銀行、社交平台等,客戶群都是長期使用著他們的應用。即使一間公司不需要利用網站去吸引或接觸他們的客戶,公司內部都需要使用網絡應用去管理他們的服務與資料。除非他們的業務能夠完全脫離電子產品,例如賬單、員工資料、薪水系統都是在紙本上處理的。
這個工作坊能夠幫助你獲得基礎的網頁開發知識和技能,為進一步學習和實踐奠定良好的基礎。通過實踐項目,學習將 HTML
、CSS
和 JavaScript
結合起來創建一個完整的網頁,提高編程能力和網頁開發技能。
你將會在工作坊上實作電腦學會網站中的功能,通過網絡請求向學會的伺服器獲取最近的活動資料與圖片。此類型的形式是很基礎與常見的,大部分的網站都是通過網絡請求來去生成動態的內容給用戶瀏覽。通過更貼地的項目,你可以在學習過程中了解到現實中的網絡應用是如何實現的。
可以在此網站中查看實際的項目。如果網址還沒有失效的話 0_<。
負責人
- @K4Lok
日期
- 2023年03月15日
14:00-17:00
錄像
- https://www.youtube.com/watch?v=nxtXRy8eWwo