【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月广州/东莞/惠州/深圳软考中/高级报名走起

相关内容

热门资讯

“凉都新街市”数字年货展销会启... “这个腊肉闻着好香，一看价格，更香！”家住凤凰山的李阿姨拎着刚选好的腊肉香肠笑得合不拢嘴。 “因为...
博时国企改革主题股票A：202... AI基金博时国企改革主题股票A（001277）披露2025年四季报，第四季度基金利润474.82万元...
原创 从... 2025年，光伏组件龙头厂商晶科能源预亏59亿元至69亿元，第四季度单季最高预亏逼近30亿元 投资...
青山集团：全球“镍矿和不锈钢老... 全球最大的不锈钢及镍生产商青山集团正在将其庞大的工业版图从核心的镍与不锈钢业务，迅速扩展至铝业及新能...
U23国足VS日本首发：王钰栋... 北京时间1月24日晚23:00，2026年U23亚洲杯决赛即将展开争夺，中国U23男足将在沙特吉达的...
农银国企改革混合：2025年第... AI基金农银国企改革混合（002189）披露2025年四季报，第四季度基金利润137.33万元，加权...
经济热点快评 | 人民币汇率再... 来源：北京日报客户端 1月23日，中国人民银行授权中国外汇交易中心公布，当日银行间外汇市场人民币汇率...
洋河股份董事会决议：顾宇兼任总... 来源：中访网 中访网数据 江苏洋河酒厂股份有限公司于2026年1月23日召开第八届董事会第十八次会议...
原创 老... 朋友们大家好，我是标叔。 最近这几年，中美博弈一直处在紧张的时刻。 从贸易关税到技术封锁，从能源博弈...
千亿级请求下，飞猪如何将广告外... 作者 | 曹会祎 什么是 RTA？ 一句话描述：RTA（Real-Time API）= 实时竞价接口...
今世缘酒业荣获“2025ESG... 1月22日，第十五届公益节暨2025ESG影响力年会在北京举行。凭借在ESG领域的深耕实践与卓越成效...
女排超级联赛：江苏中天钢铁胜天... 1月24日，在2025-2026赛季中国女子排球超级联赛常规赛A级第11轮比赛中，江苏中天钢铁队客场...
原创 马... 最近，网上流传着一些“马云预言成真”的说法。比如，“马云早就说过，多套房将成负担”、“手里房子越多，...
省卫生健康委与河南大学“联姻”... 本报讯(记者 朱晓娟 许冬冬)政校携手，健康科普与中医药文化传播迎来专业化破局。1月22日上午，河南...
原创 8... 2025年八省经济数据一出，甘肃以令人瞩目的5.2%增速领跑，超越了上海和浙江等经济强省，着实让人眼...
原创 北... 最近这几天，国际新闻里最扎眼的，就是美国总统特朗普对欧洲盟友的关税威胁，和德国总理默茨突然宣布访华的...
华夏新机遇混合A：2025年第... AI基金华夏新机遇混合A（002411）披露2025年四季报，第四季度基金利润57.08万元，加权平...
银价猛涨！女子3年前得到的赠品... 2026年开年以来，国际现货白银价格开启“狂飙”模式。1月23日白银销售价达24.03元/克，累计涨...
易方达金融行业股票A：2025... AI基金易方达金融行业股票A（008283）披露2025年四季报，第四季度基金利润1008.52万元...
这家船厂，首获希腊船王大单 近日，中船集团沪东中华造船（集团）有限公司（下称“沪东中华”）宣布，与国际知名航运公司——卡迪夫气体...