假設(shè)我們有一個(gè)簡(jiǎn)單的網(wǎng)站，用于展示一家咖啡店的信息，包括店鋪介紹、菜單、聯(lián)系方式等。這個(gè)網(wǎng)站有幾個(gè)頁面：首頁、關(guān)于我們頁面、菜單頁面和聯(lián)系頁面。

1. **前端源碼**：

   - 首頁的HTML文件（index.html）定義了網(wǎng)站的首頁內(nèi)容，包括導(dǎo)航、頂部輪播圖、最新促銷等。

   - 首頁的CSS文件（style.css）定義了網(wǎng)站首頁的樣式和布局，比如背景顏色、字體大小、按鈕樣式等。

   - 首頁的JavaScript文件（script.js）定義了網(wǎng)站首頁的一些動(dòng)態(tài)效果，比如輪播圖的自動(dòng)播放、鼠標(biāo)懸停效果等。

2. **后端源碼**：

   - 網(wǎng)站的服務(wù)器端腳本文件（比如PHP文件）負(fù)責(zé)處理用戶請(qǐng)求，并根據(jù)請(qǐng)求生成動(dòng)態(tài)內(nèi)容。比如，當(dāng)用戶訪問菜單頁面時(shí)，服務(wù)器端腳本會(huì)從數(shù)據(jù)庫中獲取菜單數(shù)據(jù)，然后將數(shù)據(jù)填充到HTML模板中，最后將完整的HTML頁面發(fā)送給用戶的瀏覽器。

   - 數(shù)據(jù)庫中存儲(chǔ)了咖啡店的菜單信息，比如各種咖啡、甜點(diǎn)等。后端源碼與數(shù)據(jù)庫交互，從數(shù)據(jù)庫中讀取菜單數(shù)據(jù)并呈現(xiàn)在網(wǎng)頁上。

通過以上例子，你可以看到網(wǎng)站的源碼包括了前端和后端兩部分，它們共同構(gòu)成了完整的網(wǎng)站。前端源碼定義了網(wǎng)站的外觀和交互效果，后端源碼則負(fù)責(zé)生成動(dòng)態(tài)內(nèi)容和處理用戶請(qǐng)求，二者協(xié)作使得網(wǎng)站能夠呈現(xiàn)出豐富的功能和用戶體驗(yàn)。