网页设计与制作作业成品
随着互联网的快速发展，网页设计已经成为一项重要的工作，它可以帮助我们创建出美观、易用、具有吸引力的网站，让更多的人能够了解并喜欢我们的网站，在本次课程中，我们将学习如何使用HTML、CSS、JavaScript等语言来设计和制作网页。
一、HTML
HTML是HyperText Markup Language的缩写，它是网页设计的基础，它用于创建网页的结构，并能够将文本、图像、视频等元素组合在一起。
下面是一个简单的HTML代码示例，它创建了一个包含标题和段落的网页：
<!DOCTYPE html> <html> <head> <title>我的网页</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个段落。</p> </body> </html>
二、CSS
CSS是Cascading Style Sheets的缩写，它用于控制网页的样式和布局，它能够定义字体、颜色、背景、边框等属性，让网页更加美观。
下面是一个简单的CSS代码示例，它将段落的文字颜色设置为红色：
p {
color: red;
}三、JavaScript
JavaScript是一种脚本语言，它用于实现网页的交互功能，它能够让网页具有动态效果，提高用户体验。
下面是一个简单的JavaScript代码示例，它将在网页加载后弹出一个对话框：
window.onload = function() {
alert("欢迎来到我的网页！");
}四、作业成品展示
通过本次课程的学习，我们制作了一个简单的网页，它包含一个标题、一个段落和一个按钮，当用户点击按钮时，将弹出一个对话框，让我们来看看这个网页的效果吧：
[请在此处插入网页效果图]
这个网页的HTML代码如下：
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<style>
h1 {
font-size: 24px;
color: blue;
}
p {
font-size: 16px;
color: black;
}
button {
font-size: 16px;
background-color: green;
color: white;
border: none;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
<button onclick="alert('欢迎来到我的网页！')">点我！</button>
</body>
</html>
