前言
这个静态网站是当初自学HTML的时候制作的第一个网站，是以2022年虎年除夕为主题的，一共有五个页面（首页、习俗、年货、旅游、电影）。主要目的是用来学习相关的HTML知识和巩固一些基本的概念，废话不多说，我们直接进入正题吧！
效果展示
每个页面都有一个图标（例如“嗷嗷过虎年”和年货页面的“福”字帖）可用来跳转至首页，并在首页可选择（电影、习俗、景点、年货）任意一个页面进入，也就是说首页充当一个中转站的功能。并且每个页面都可跳转至中转站然后选择自己想要进入的页面。
图注：2022虎年首页效果图，雪花会随机掉落，正中间有距离2022的倒计时
图注：2022虎年年货介绍网页效果图，介绍各地的年货购买的攻略
图注：2022虎年汕头旅游景点网页效果图，将鼠标移到图片可实现反转，背面有介绍
图注：2022虎年风俗网页效果图
图 注：2022年虎年电影网页效果图，每个盒子都会向右移动，移动到边界的时候消失，然后从左侧出现，以此来轮播来实现滑动效果
代码实现
首页部分
首页部分是由三部分组成：HTML、CSS、JS，其中对于刚涉及前端的同学可以不用了解JS部分的代码、在学习了HTML和CSS后再做考虑
HTML
<!doctype html>
龙岩人才网兼职招聘游戏科技网站虫点子创意设计公司施工合同协议书内容创新创意产品设计作业东莞市人才服务中心官网网络建设工程师是干什么的美发培训职业学校网页设计实训结论有人免费资源吗海南陵水黎族自治县疫情工作是工作中国互联网四大门户网页设计素材书店照片适合新手做的小生意网站设计免费字体网页设计欣赏作业推广英文优秀简历模板潍坊网页网站制作山东省住房城乡建设厅购物中心招商信息发布平台武汉科技职业学院官网入口郑州主城区外包加工网收费中国机械加工企业排名方维服务公司服务范围比较好看的网页设计黄页是干什么用的网页设计师简介企业统一登录平台
猜你喜欢