JS和DIV CSS是網頁制作中常見的兩種技術，它們能夠很好地搭建出美觀、實用的網頁。下面分別介紹這兩種技術的基本概念和應用。

JS（JavaScript）是一種基于事件驅動的編程語言，主要用于客戶端的動態交互效果，如表單驗證、輪播圖等常用的功能。以下是一個簡單的JS代碼：

function checkForm() {
var name = document.getElementById("name").value; // 獲取輸入框的值
if (name == "") {
alert("用戶名不能為空");
return false;
}
return true;
}

DIV CSS是將HTML頁面中的內容分為若干個塊，再為每一個塊設置樣式，以達到頁面美觀的目的。以下是一個DIV CSS代碼的示例：

div.container {
width: 960px; /* 設置容器寬度 */
margin: 0 auto; /* 設置水平居中 */
}
div.header {
height: 100px; /* 設置頭部高度 */
background-color: #333; /* 設置背景顏色 */
color: #fff; /* 設置字體顏色 */
}
div.main {
float: left; /* 設置浮動 */
width: 720px; /* 設置主體寬度 */
background-color: #fff; /* 設置背景顏色 */
}
div.sidebar {
float: right; /* 設置浮動 */
width: 240px; /* 設置側邊欄寬度 */
background-color: #eee; /* 設置背景顏色 */
}

通過JS和DIV CSS可以實現更多的網頁交互效果和布局設計，使網頁更加美觀、感性、富有互動性。