在進行網頁設計時，合理的布局方式是非常重要的，而左右框架型的網頁布局則是常見的一種布局方式。以下是一個簡單的HTML代碼示例，用于實現左右框架型網頁布局：
<!DOCTYPE html>
<html>
<head>
<title>左右框架型網頁布局</title>
<meta charset="UTF-8">
<style>
.container {
width: 1000px;
margin: 0 auto;
}
.left {
float: left;
width: 200px;
background-color: #ccc;
}
.right {
float: right;
width: 800px;
background-color: #eee;
}
</style>
</head>
<body>
<div class="container">
<div class="left">
<p>這是左側區域</p>
</div>
<div class="right">
<p>這是右側區域</p>
</div>
</div>
</body>
</html>在以上代碼中，我們首先定義了一個容器div，寬度為1000px并居中顯示。然后，我們使用了兩個div分別作為左側和右側區域，并設置了它們的寬度和浮動方向。最后，通過給左右區域添加背景色來區分它們。
此布局方式可以方便地將網頁內容分為兩個基本部分，并且不同的內容可以很輕松地放置在不同的區域。但需要注意的是，這種布局方式可能存在在較小屏幕設備上顯示不理想的情況，需要適當調整。