假设我们有一个简单的网站，用于展示一家咖啡店的信息，包括店铺介绍、菜单、联系方式等。这个网站有几个页面：首页、关于我们页面、菜单页面和联系页面。
1. **前端源码**：
- 首页的HTML文件（index.html）定义了网站的首页内容，包括导航、顶部轮播图、最新促销等。
- 首页的CSS文件（style.css）定义了网站首页的样式和布局，比如背景颜色、字体大小、按钮样式等。
- 首页的JavaScript文件（script.js）定义了网站首页的一些动态效果，比如轮播图的自动播放、鼠标悬停效果等。
2. **后端源码**：
- 网站的服务器端脚本文件（比如PHP文件）负责处理用户请求，并根据请求生成动态内容。比如，当用户访问菜单页面时，服务器端脚本会从数据库中获取菜单数据，然后将数据填充到HTML模板中，最后将完整的HTML页面发送给用户的浏览器。
- 数据库中存储了咖啡店的菜单信息，比如各种咖啡、甜点等。后端源码与数据库交互，从数据库中读取菜单数据并呈现在网页上。
通过以上例子，你可以看到网站的源码包括了前端和后端两部分，它们共同构成了完整的网站。前端源码定义了网站的外观和交互效果，后端源码则负责生成动态内容和处理用户请求，二者协作使得网站能够呈现出丰富的功能和用户体验。