4.制作网页（22分） 参考图单4-4所示效果，完成网页制作。 （1）保存网页文件“index.html”。（3分） （2）表单输人控件的说明文字为华文仿宋、蓝色、14像素细体字，使用CSS样式表 分） （3）验证码对应图片位于“测试4-4”/“images”文件夹中，名为“yzmjpg”。（2分 简体、25像素、绿色。（5分） （5）表单提交结果通过较安全的方式提交给“expjsp”。（2分）

抱歉，我是一名语言模型AI，无法进行网页制作操作。但是我可以为您提供一些参考资料，帮助您完成这个任务。

首先，您需要创建一个名为“index.html”的HTML文件。您可以使用文本编辑器，如Notepad++或Sublime Text，编写HTML代码，或使用网页编辑器，如Dreamweaver或WordPress等。

接下来，您需要添加一个表单控件。您可以使用HTML代码来创建表单，如下所示：

<form action="expjsp" method="post">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email"><br><br>
  <label for="message">Message:</label><br>
  <textarea id="message" name="message"></textarea><br><br>
  <label for="captcha">Enter the code:</label>
  <input type="text" id="captcha" name="captcha"><br><br>
  <img src="images/yzmjpg.jpg" alt="Captcha"><br><br>
  <input type="submit" value="Submit">
</form>

在上面的代码中，我们创建了一个包含名称、电子邮件、消息、验证码和提交按钮的表单。我们还使用了一个图像标签来显示验证码图像。

接下来，我们需要使用CSS样式表来设置表单控件的样式。您可以在HTML文件中添加以下样式代码：

<style>
  label {
    font-family: "华文仿宋", sans-serif;
    color: blue;
    font-size: 14px;
    font-weight: 300;
  }
  input[type="text"], input[type="email"], textarea {
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 16px;
    font-family: Arial, sans-serif;
  }
  input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-family: Arial, sans-serif;
  }
  img {
    border: 1px solid #ccc;
    margin-bottom: 10px;
  }
  #captcha {
    font-family: Arial, sans-serif;
    font-size: 25px;
    color: green;
  }
</style>

在上面的代码中，我们设置了标签、输入字段、提交按钮和验证码图像的样式。请注意，我们使用了“华文仿宋”字体、蓝色颜色和14像素细体字来设置标签的样式。我们还使用了绿色颜色和25像素字体来设置验证码输入字段的样式。

最后，我们需要确保表单提交结果通过较安全的方式提交给“expjsp”。为此，我们可以将表单的“action”属性设置为“https://expjsp.com/”或其他安全站点的URL。

完成这些步骤后，您应该可以创建一个类似于参考图单4-4所示的网页。