要制作一个简单的网页并建立基本的交互功能，你需要使用HTML、CSS和JavaScript这三种技术。下面是一个简单的示例，展示了如何使用这些技术创建一个具有基本交互功能的网页。

1. HTML（超文本标记语言）：用于构建网页的结构。

```html

欢迎来到我的网站！

点击下面的按钮改变背景颜色：

点击我




```

2. CSS（层叠样式表）：用于美化网页，控制布局和样式。

```css
/ styles.css /
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: lightblue;
}

h1 {
color: darkblue;
}

button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
```

3. JavaScript：用于实现网页的交互功能。

```javascript
// scripts.js
document.getElementById("colorButton").addEventListener("click", function() {
const randomColor = Math.floor(Math.random() 16777215).toString(16);
document.body.style.backgroundColor = randomColor;
});
```

这个示例中，我们创建了一个简单的网页，包括一个标题、一个段落和一个按钮。通过点击按钮，用户可以改变网页的背景颜色。HTML负责网页的结构，CSS负责美化和布局，JavaScript负责实现交互功能。

要运行此示例，请将HTML代码保存为`index.html`，CSS代码保存为`styles.css`，JavaScript代码保存为`scripts.js`。将这三个文件放在同一个文件夹中，然后用浏览器打开`index.html`文件。点击按钮，你会看到背景颜色随机改变。