【网页制作期末/课程设计】家乡网站-CSDN博客

本文链接：https://blog.csdn.net/weixin_47040861/article/details/145723349

代写C语言、C++、Java、Python、HTML、JavaScript、vue、MySQL相关编程作业，
长期接单，信誉有保证，如有任何问题或需要请加文章末尾推广QQ。
在售模板目录：点击这里跳转

1.题目要求

题目描述
题目描述：
1、导航：首页家乡简介特色美食景点介绍个人简介
2、导航栏是由列表，超链接组成，划过每个列表块是都会有颜色变化。
3、首页的主体分为上下两部分，下面再分为左右两部分。上面的部分的div为一个banner图片，然后是导航栏；下面左部分的div为一个新闻，这个部分由一张图片和一个段落文字链接组成，下右方的div又分为上下两个div，上方为一个简短的家乡介绍段落，下方为一个风景图片。
4、家乡简介左右两个部分。左边为一个简介目录的一个div,该部分的每一个标题对应的是右边简介的内容位置；右边的最上方放置了一个家乡宣传视频，下方是家乡的内容介绍用段落加图片的方式展现，可以从左边的目录直接找到相应位置。
5、特色美食分为上下两个部分，上部分中又分为左中右三个部分，下方为四个相等的div块。上方中左边的div块中为一个美食的图片，中间部分为一个整体的美食简介，由一个照片和一个段落文字链接组成，点击文字信息会链接到一个美食的链接；右边为一个美食排行榜的列表。下边的为四个美食的介绍，分别有一个照片和一段文字链接组成，每个链接为一个美食简介。
6、景点介绍栏目一个大的div中设置了一个一列多行的表格，每个表格中都是一个风景的介绍，每个风景介绍都由一个照片、一段文字介绍和一个超链接来链接每个风景点的介绍。
7、个人简介分为左右两个部分组成。左边是一个一列两行表格，上边的表格内容设置了一个个性签名；下边为一个信息栏。右边是一个自我介绍内容，内容用列表来显现，边框设置阴影更有立体感。
编程软件
在这里插入图片描述

2.视频演示

【网页制作期末/课程设计】家乡网站

3.项目介绍

首先项目共分为五个页面，分别为首页、家乡简介、特色美食、景点介绍、个人简介，三个资源文件分别用于存储不同的静态资源
在这里插入图片描述

1.首页

在这里插入图片描述
首页内容

在这里插入图片描述
点击首页顶部导航栏可以跳转到其他页面，所有页面中均包含该导航栏，可以实现相互跳转

轮播图点击两侧箭头或下方控制按钮可实现轮播

2.家乡简介

在这里插入图片描述
家乡简介页面

页面顶部视频可正常播放，点击左下角固定定位目录可跳转到当前页面的对应位置

3.特色美食

在这里插入图片描述
特色没事页面

点击上方美食介绍页面可跳转到百度百科的豫菜介绍页面，点击下方美食名称可跳转到对应的食物介绍百科。

4.景点介绍

在这里插入图片描述
景点介绍页面

点击景点名称跳转到对应的百科介绍页面

5.个人简介

在这里插入图片描述
个人简介页面