一、单选题（每题5分，共20分）

  1. 在网页设计中，下列哪个标签用于定义最重要的标题？
    A. <h1>
    B. <h2>
    C. <h3>
    D. <h4>

  2. HTML中的超链接标签是：
    A. <a>
    B. <link>
    C. <href>
    D. <url>

  3. 以下哪一项不是CSS常用的选择器类型？
    A. 类选择器
    B. ID选择器
    C. 属性选择器
    D. URL选择器

  4. JavaScript中的变量声明使用什么关键字？
    A. define
    B. var
    C. let
    D. all of above

二、简答题（每题10分，共30分）

  1. 请解释什么是响应式网站设计并举例说明如何实现一个简单的响应式布局。

  2. 简述网站开发流程中“原型设计”的主要步骤及其重要性。

  3. 描述HTTP请求的基本过程以及GET和POST方法之间的区别。

三、实践题（共50分）

创建一个简单但完整的个人博客网站。要求如下：

  • 网站首页应包含一个导航栏、一篇欢迎文章以及至少三个其他帖子的摘要链接。
  • 设计一个单独的页面用于显示详细的博文内容。
  • 使用HTML进行结构搭建，CSS进行样式定制，JavaScript添加交互效果（如点击按钮展开/折叠文章摘要）。
  • 确保网站在主流浏览器上表现良好，并在移动设备上有较好的适配性。

请将你的代码和设计思路整理成一份文档提交。