【web开发网页制作】Html+Css网页制作关于我的家乡（6页面）【附源码下载】
创始人
2025-05-31 10:59:30
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、彩蛋皇榜

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

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：酷开系统，带你玩转大屏时代

下一篇：2023年3月广州/东莞/惠州/深圳软考中/高级报名走起

相关内容

热门资讯

赴港上市潮起，半导体企业为何扎... 【大河财立方 记者 王磊彬】2025年以来，港股IPO市场迎来新一轮半导体企业上市热潮。 据不完全统...
煤炭板块异动拉升，多只资源主题... 7月22日，市场全天震荡走高，三大指数盘中均创年内新高。板块方面，超级水电、工程机械、煤炭、水泥等板...
中国太平李可东“履新”，兼任2... 中国太平总经理李可东“履新”，兼任旗下两家子公司董事长。 7月21日，太平财险公告称，经国家金融监管...
胜宏科技回应赴港二次IPO，受... 瑞财经 吴文婷7月22日，据媒体报道，胜宏科技证券部工作人员回应筹划港股IPO一事，称公司主要基于资...
洪灏：港股如约创新高，向上空间... 洪灏系莲华资产管理公司管理合伙人&CIO，中国首席经济学家论坛理事 知名经济学家、 莲花投资公司合伙...
AI“重启”TCL？ TCL经历了一个缺乏增长的2024财年。 公司年报显示，2024年TCL全年营业收入为1648.23...
福建大哥卖充电桩：年入5.93... 作者丨铅笔道 黄小贵 7月18日，上海挚达科技发展股份有限公司（下称挚达科技）在港交所递交招股书，拟...
靖江农商银行：金融“活水”润泽... 靖江农商银行以金融创新精准滴灌当地特色消费场景，通过打造常态化惠民平台与支持主题消费活动“双轮驱动”...
1.2万亿雅江水电工程开工！工... 7月22日A股市场迎来戏剧性收盘表现。临近尾盘时分，多个板块突然发力上涨，其中工程机械板块表现最为抢...
香港金融管理局对三家银行采取纪... 北京商报讯（记者 孟凡霞 实习记者 周义力）7月22日，香港金融管理局宣布，根据《打击洗钱及恐怖分子...
原创 突... 美国突然变卦了！就在中美贸易谈判进入关键阶段，美国财长贝森特冷不防抛出新要求——打算在协议里硬塞两条...
深圳新晋13家独角兽企业，福田... 7月18日，2025中国（深圳）独角兽企业大会发布《GEI中国独角兽企业研究报告2025》和《深圳市...
汇划1180亿元！“跨境理财通... 7月21日，记者从人民银行广东省分行获悉，“跨境理财通”自2021年启动以来，极大地促进了粤港澳大湾...
秦洪看盘｜热门主线波动不改A股... 来源：澎湃新闻 周二A股市场出现了探底回稳的走势。 早盘由于银行股的疲软，主要股指一度翻绿，升势有受...
股票行情快报：美凯龙（6018... 证券之星消息，截至2025年7月22日收盘，美凯龙(601828)报收于3.07元，上涨0.66%，...
原创 煜... 在全球能源格局加速演变、国内“双碳”目标持续深化的大背景下，电力行业正站在变革的前沿。2025年是“...
星环科技拟港交所上市：年亏损额... 近日，科创板上市公司星环科技（688031.SH）发布公告称，为进一步提高公司综合竞争力，更好地利用...
中国启动水电珠峰水利隧道工程！... 2025年7月，中国雅江集团的成立和雅鲁藏布江下游水电工程的开工，标志着世界水电史迎来新的里程碑。 ...
OpenAI CEO：Deep... 【环球网科技综合报道】7月22日消息，据windowscentral报道称，OpenAI 首席执行官...
国家外汇局贾宁：未来外资配置人... 7月22日，国家外汇管理局国际收支司司长贾宁在国新办新闻发布会上表示，未来外资配置人民币资产仍具有较...