假設我們有一個簡單的網站，用于展示一家咖啡店的信息，包括店鋪介紹、菜單、聯系方式等。這個網站有幾個頁面：首頁、關于我們頁面、菜單頁面和聯系頁面。

1. **前端源碼**：

   - 首頁的HTML文件（index.html）定義了網站的首頁內容，包括導航、頂部輪播圖、最新促銷等。

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

   - 首頁的JavaScript文件（script.js）定義了網站首頁的一些動態效果，比如輪播圖的自動播放、鼠標懸停效果等。

2. **后端源碼**：

   - 網站的服務器端腳本文件（比如PHP文件）負責處理用戶請求，并根據請求生成動態內容。比如，當用戶訪問菜單頁面時，服務器端腳本會從數據庫中獲取菜單數據，然后將數據填充到HTML模板中，最后將完整的HTML頁面發送給用戶的瀏覽器。

   - 數據庫中存儲了咖啡店的菜單信息，比如各種咖啡、甜點等。后端源碼與數據庫交互，從數據庫中讀取菜單數據并呈現在網頁上。

通過以上例子，你可以看到網站的源碼包括了前端和后端兩部分，它們共同構成了完整的網站。前端源碼定義了網站的外觀和交互效果，后端源碼則負責生成動態內容和處理用戶請求，二者協作使得網站能夠呈現出豐富的功能和用戶體驗。