【網站開發學習筆記】何謂網站
定義：網站是指在全球資訊網上，根據一定的規則，使用HTML等工具製作的用於展示特定內容的相關網頁的集合。
從功能的角度來說，網站是一種讓個人或企業能提供資訊或服務給使用者，以達到形象建立、銷售獲利等目的的工具。
從開發的角度來說，網站分為用戶端/前端及伺服器端/後端，前後端之間以http或https協定來進行資料交換。
前端主要做為與使用者互動的門面，一切從瀏覽器上能看見的都被歸類為前端。前端由HTML、CSS、JavaScript編寫構成。
後端主要將前端傳來的資料進行運算，而後產生結果再回傳給前端。後端主司資料儲存、資料處理，以及維持網站穩定順暢。所觸及的範圍包含伺服器與資料庫。
可以將網站想像成一個資料夾，資料夾裡有很多網頁文件，網址就是資料夾路徑位址，而資料夾存在主機伺服器（伺服器端/後端）中，用戶可以透過瀏覽器（用戶端/前端）向伺服器提出讀取要求，而伺服器針對要求給予回應，將網站內容呈現在用戶面前。
前後端之間串連的方法：利用API。
我是正在努力學習網頁開發知識，立志朝網頁前端工程師邁進的佧佧，這個系列是我的學習筆記及記錄，希望我的學習歷程也能給予同樣走在學習路上的夥伴一些協助，若是內容有任何錯誤或不足，也希望各位前輩、先進不吝提出，謝謝！
留言0
查看全部
你可能也想看
Google News 追蹤
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
1. HTML 基礎：結構化內容
HTML（超文本標記語言）是用來描述網頁內容結構的語言。HTML 的核心由標籤（tags）組成，用於定義網頁的不同部分。
HTML 結構
HTML 的基本結構如下：
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
你是不是也好奇：一個漂亮又好用的網站是怎麼做出來的，又或是他們背後的原理是什麼？聽過「前端」、「後端」和「資料庫」這些詞，但又不知道它們是什麼意思？別擔心！在這篇文章中，我會用簡單的方式帶你認識它們！
什麼是前端？（Frontend）
「前端」就是你在瀏覽器上看到和互動的部分，比如按鈕、圖片
本篇文章深入剖析網際網路與全球資訊網（WWW）的核心原理，揭示它們的歷史演變、運作機制及其在現代數位世界中的關鍵作用。從網際網路的結構到全球資訊網的實際應用，再到保障資料安全與穩定傳輸的關鍵技術—HTTP 和 HTTPS，這篇文章將幫助您全面理解背後的技術如何驅動我們的數位生活。
架設第一個網站是一個令人興奮且具有挑戰性的過程。這篇文章將詳細介紹如何從零開始，逐步完成一個基本的網站，並且涵蓋所需的主要步驟。
1. 計劃與構思
在開始技術工作之前，首先要明確網站的目的和目標受眾。問問自己以下問題：
這個網站的主要目的是什么？（例如，博客、電子商務、個人作品集等）
目標受
在當今這個數位化的時代，網頁無處不在，我們每天都在使用互聯網瀏覽網頁，查找資訊、分享內容、購物等等。然而，網頁的背後是什麼？為什麼網頁能夠呈現出如此多元化的內容？
當我剛開始接觸這個領域的時候，經常會看到有人在討論： 到底要做前端還是後端工程師呢？後端工程師賺的比前端工程師多？前端工程師轉後端工程師？那前端與後端到底是什麼呢？ 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理，對於想深入瞭解前後端的讀者會非常有幫助。
在當今數位化時代，網頁設計已成為商業和個人表達的重要途徑。無論是企業建立品牌形象，還是個人展示創意作品，一個具有吸引力且功能全面的網站都是不可或缺的。網頁設計不僅涉及美學布局，更包含了使用者體驗（UX）、使用者介面（UI）和技術實現等多方面的考量。隨著技術的進步和網頁設計理念的不斷演進，網頁設計已經
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
1. HTML 基礎：結構化內容
HTML（超文本標記語言）是用來描述網頁內容結構的語言。HTML 的核心由標籤（tags）組成，用於定義網頁的不同部分。
HTML 結構
HTML 的基本結構如下：
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
你是不是也好奇：一個漂亮又好用的網站是怎麼做出來的，又或是他們背後的原理是什麼？聽過「前端」、「後端」和「資料庫」這些詞，但又不知道它們是什麼意思？別擔心！在這篇文章中，我會用簡單的方式帶你認識它們！
什麼是前端？（Frontend）
「前端」就是你在瀏覽器上看到和互動的部分，比如按鈕、圖片
本篇文章深入剖析網際網路與全球資訊網（WWW）的核心原理，揭示它們的歷史演變、運作機制及其在現代數位世界中的關鍵作用。從網際網路的結構到全球資訊網的實際應用，再到保障資料安全與穩定傳輸的關鍵技術—HTTP 和 HTTPS，這篇文章將幫助您全面理解背後的技術如何驅動我們的數位生活。
架設第一個網站是一個令人興奮且具有挑戰性的過程。這篇文章將詳細介紹如何從零開始，逐步完成一個基本的網站，並且涵蓋所需的主要步驟。
1. 計劃與構思
在開始技術工作之前，首先要明確網站的目的和目標受眾。問問自己以下問題：
這個網站的主要目的是什么？（例如，博客、電子商務、個人作品集等）
目標受
在當今這個數位化的時代，網頁無處不在，我們每天都在使用互聯網瀏覽網頁，查找資訊、分享內容、購物等等。然而，網頁的背後是什麼？為什麼網頁能夠呈現出如此多元化的內容？
當我剛開始接觸這個領域的時候，經常會看到有人在討論： 到底要做前端還是後端工程師呢？後端工程師賺的比前端工程師多？前端工程師轉後端工程師？那前端與後端到底是什麼呢？ 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理，對於想深入瞭解前後端的讀者會非常有幫助。
在當今數位化時代，網頁設計已成為商業和個人表達的重要途徑。無論是企業建立品牌形象，還是個人展示創意作品，一個具有吸引力且功能全面的網站都是不可或缺的。網頁設計不僅涉及美學布局，更包含了使用者體驗（UX）、使用者介面（UI）和技術實現等多方面的考量。隨著技術的進步和網頁設計理念的不斷演進，網頁設計已經