【web开发网页制作】Html+Css网页制作关于我的家乡（6页面）【附源码下载】
创始人
2025-05-31 09:27:42
0次
【写在前面】之前学生时代自己也做了不少页面，现在毕业后也希望能慢慢的分享出来给大家，希望能给刚接触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、彩蛋皇榜
倾心打造佳作，愿解君之惑，如若有幸，盼君上榜助阵，特此敬谢！
皇榜入口点击此处
相关内容
热门资讯
原创 烙...
#图文打卡计划#小时候最盼着奶奶做烙饼的日子。灶台边飘着面香，铁锅里滋啦作响，她总能用那双布满皱纹的...
椰泰新品上市丨餐桌有简胃，健康...
餐桌有简胃，健康又开味
jmeter公共数据维护
为什么要进行公共数据维护？数据维护的方法是？一、用户自定义变量添加一个用...
家常菜：素炒小油菜，非常适合夏...
嗨！大家好！我是懒懒，爱美食爱生活！ 一名每天在思考吃什么的90后社畜，喜欢做饭的业余美食制作者，用...
不仅好吃，还能提高复习效率！一...
高考的钟声渐近，紧迫感仿佛在空气中弥漫。一道美味的海鲜小菜，不仅能慰藉疲惫的心灵，还能提供能量，帮助...
原创 万...
很多糖尿病人还不知道，苦荞茶的降血糖功效值得关注。今天，邀请糖尿病专家万晓刚主任从现代医学与中医角度...
GuLi商城-SpringCl...
Nacos支持三种配置加载方方案 Nacos支持Namespace + group +...
【津云镜头】第十一届台头西瓜旅...
天津北方网讯：5月末的阳光载着第十一次的约定随夏风如期而至，5月31日“瓜田奇遇 清凉之旅”第十一届...
手机号码归属地 API 实现防...
在当今时代，骚扰电话已经成为了很多人日常生活中的一个常见问题，严重影响了...
端午假期第二天，济南30家景区...
齐鲁晚报·齐鲁壹点 王贝艺 通讯员 王小曼记者从济南市文化和旅游局获悉，截至6月1日14时，济南30...
网络现代化势在必行，VMwar...
出品 | CSDN云计算 作为计算存储网络基础设施三大件之一，网络一直是 IT 核心...
权威人士回应“迪士尼一对情侣和...
极目新闻记者 杜光然 5月31日，有网友发视频称，上海迪士尼有一对情侣和一家三口打起来了，此事引发热...
vscode 常用插件记录
1.Chinese (Simplified) 简体中文插件 2.Auto Complete Tag ...
四川九寨沟都江堰旅游参团游6日...
标题：四川九寨沟都江堰六日游，亲测驴友带你走进乐乐导游的奇妙之旅！ 四川旅游推荐！当地导游-乐乐：1...