项目分为两个模块：1.html结构分析 本次网页我在html中用了五个盒子来对网页进行布局，第一个盒子是对头部的logo、搜索框进行布局；第二个盒子是对导航进行布局；第三个盒子是对中间的主体进行布局；第四个页面是紧跟主体下边的红底白字的盒子；第五个盒子是最下方灰黑色背景颜色的地址等信息的盒子。 2.css样式分析 接下来要重点说明的是每个盒子所运用本课程学习的相关技术，每个盒子都会用到很多相同的技术，例如：基础的float浮动来使两个盒子左右排版、hover悬浮变色、focus点击变色、表单控件以及调整字体的颜色、大小等基础的css文本样式属性。 第一个盒子用到floa浮动、css样式属性表以及表单控件的使用。 第二个盒子用到了无序列表、hover悬浮变色以及css样式属性。 第三个盒子用到了基础的float浮动来使两个盒子左右排版、focus点击变色、调整字体的颜色、大小等基础的css文本样式属性、hover悬浮变色，表单控件使用了input控件、textarea控件、select控件，其中input控件中使用了type属性中的text、password、radio、checkbox，以及placeholder属性，还有合并单元格colspan。 第四个、第五个盒子用到了css核心基础、css文本样式属性以及css高级特性进行修饰。

1.html结构分析 本次网页我在html中用了五个盒子来对网页进行布局，第一个盒子是对头部的logo、搜索框进行布局；第二个盒子是对导航进行布局；第三个盒子是对中间的主体四个游记进行布局；第四个页面是紧跟游记下边的红底白字的盒子；第五个盒子是最下方灰黑色背景颜色的地址等信息的盒子。 2.css样式分析 接下来要重点说明的是每个盒子所运用本课程学习的相关技术，每个盒子都会用到很多相同的技术，例如：基础的float浮动来使两个盒子左右排版、hover悬浮变色、定义列表以及调整字体的颜色、大小等基础的css文本样式属性。 第一个盒子用到floa浮动、css样式属性表以及表单控件的使用。 第二个盒子用到了无序列表、hover悬浮变色以及css样式属性。 第三个盒子用到了基础的float浮动来使两个盒子左右排版、hover悬浮变色、定义列表、调整字体的颜色、大小等基础的css文本样式属性，在四个游记上有两个圆角的红色盒子，对其进行定义圆角角度、相对定位、绝对定位以及用righ、top、bottom进行偏移，hover悬停时“查看详情”和右下角的盒子同时变色。 第四个、第五个盒子用到了css核心基础、css文本样式属性以及css高级特性进行修饰。

该项目主要分为两个部分: 1.html结构分析 本次网页我在html中用了六个盒子来对网页进行布局，前四个盒子是对中间的主体部分进行布局，后两个盒子是对右边绝对定位的俩盒子布局；第一个盒子是从logo到中间带有“学习宣传贯彻党的二十大精神”字样的红色图片，第二个盒子包含“党性教育”、“主题讲座”、“红色记忆”和“红色游记”这四块，第三个盒子是紧跟“党性教育”等这四块下边的红底白字的盒子，第四个盒子是最下边灰黑色背景颜色的地址等信息的盒子，第五个盒子是紧靠右边的绝对定位的“信阳红色文化旅游网”的盒子，第六个盒子是右边绝对定位的联系我们的盒子，还加入了音频。 2.css样式分析 接下来要重点说明的是每个盒子所运用本课程学习的相关技术，每个盒子都会用到很多相同的技术，例如：基础的float浮动来使两个盒子左右排版、hover悬浮变色、无序列表、有序列表、定义列表以及调整字体的颜色、大小等基础的css文本样式属性，用标签加入音频，并用css对其进行美化。 其中需要重点说明第一张图，由于电脑截图限制，固定盒子一直不断重复出现，于是就有了第二张的局部截图，正常网页打开是第二张图的效果，但由于电脑屏幕的限制，只要放两张同一网页不同截图的照片。