【写在前面】之前学生时代自己也做了不少页面，现在毕业后也希望能慢慢的分享出来给大家，希望能给刚接触web开发的你带来一些启发。其实关于网页制作，没有大家想象中的那么难，接下来给大家详细介绍一下如何实现网页的制作，主要把思路整清楚了实现起来也很快。我们废话不多说直接整活。
涉及知识：HTML制作页面，CSS制作页面， ul li实现菜单跳转

注：博文片尾附完整源码分享包

目录

• 1、实现效果
• 2、实现过程
• • 前期准备
  • html制作页面
  • CSS样式设计：
• 3、源码包分享
• 4、彩蛋皇榜

1、实现效果

首页：

旅游：

美食：

历史：

风土人情：

留言：

2、实现过程

前期准备

有关图片和文字的网上搜集，整理好自己的架构。
首先实现过程我们主要从布局开始，html主要是搭建页面，css主要是设置样式，在页面上

html制作页面

我们主要从以下三个方面入手：
头部：logo和菜单的设计与实现
中间：banner和布局的实现，采用左右上下布局的方式
底部：声明设计，主要涉及文字和背景色的设计
其实关于我的家乡网页设计的话总体框架是不变的，主要是中间内容的设计是变化的。

CSS样式设计：

我们主要从以下几个方面来设计头部菜单的背景图，采用float：left布局的方式，菜单使用ul li的方式，使用A标签实现跳转。

3、源码包分享

百度云分享地址
链接：https://pan.baidu.com/s/1jAL2ItetNj4LdqkRhqXRYg
提取码：hdd6
123云盘分享地址
链接：https://www.123pan.com/s/ZxkUVv-0PJ4.html
提取码:hdd6

不想下载的有需要的可以留个邮箱哈！

4、彩蛋皇榜

倾心打造佳作，愿解君之惑，如若有幸，盼君上榜助阵，特此敬谢！
皇榜入口点击此处