下载资源前端资源详情
Travel.zip
大小:2.6MB
价格:43积分
下载量:0
评分:
5.0
上传者:m0_67963390
更新日期:2025-09-22

第二次旅游网页临摹,设计稿来自即时设计网站

资源文件列表(大概)

文件名
大小
weekend-practice-7-20/CSS/
-
weekend-practice-7-20/CSS/index.css
19.26KB
weekend-practice-7-20/CSS/reset.css
1.79KB
weekend-practice-7-20/image/
-
weekend-practice-7-20/image/icon/
-
weekend-practice-7-20/image/icon/discounts-icon/
-
weekend-practice-7-20/image/icon/discounts-icon/discounts-icon1.png
1.27KB
weekend-practice-7-20/image/icon/discounts-icon/discounts-icon2.png
435B
weekend-practice-7-20/image/icon/discounts-icon/discounts-img1.png
153.5KB
weekend-practice-7-20/image/icon/discounts-icon/discounts-img2.png
137.16KB
weekend-practice-7-20/image/icon/discounts-icon/idscounts-img3.png
129.21KB
weekend-practice-7-20/image/icon/distance-icon/
-
weekend-practice-7-20/image/icon/distance-icon/distance-icon1.png
327B
weekend-practice-7-20/image/icon/distance-icon/distance-img1.png
93.41KB
weekend-practice-7-20/image/icon/distance-icon/distance-img2.png
59.69KB
weekend-practice-7-20/image/icon/distance-icon/distance-img3.png
76.95KB
weekend-practice-7-20/image/icon/distance-icon/distance-img4.png
77.13KB
weekend-practice-7-20/image/icon/distance-icon/Location.png
483B
weekend-practice-7-20/image/icon/distance-icon/Star.png
402B
weekend-practice-7-20/image/icon/leave-icon/
-
weekend-practice-7-20/image/icon/leave-icon/leave-aveter1.png
14.72KB
weekend-practice-7-20/image/icon/leave-icon/leave-footer.png
2.72KB
weekend-practice-7-20/image/icon/leave-icon/leave-icon.png
1.61KB
weekend-practice-7-20/image/icon/leave-icon/leave-icon3.png
1.03KB
weekend-practice-7-20/image/icon/leave-icon/leave-icon4.png
1.04KB
weekend-practice-7-20/image/icon/leave-icon/leaver-aveter2.png
11.32KB
weekend-practice-7-20/image/icon/nav-icon/
-
weekend-practice-7-20/image/icon/nav-icon/icon-logo.png
1.52KB
weekend-practice-7-20/image/icon/plug-icon/
-
weekend-practice-7-20/image/icon/plug-icon/plug-hotel.png
835B
weekend-practice-7-20/image/icon/plug-icon/plug-plane-gra.png
1.16KB
weekend-practice-7-20/image/icon/plug-icon/plug-plane-left.png
695B
weekend-practice-7-20/image/icon/plug-icon/plug-plane-right.png
650B
weekend-practice-7-20/image/icon/plug-icon/plug-plane-top.png
793B
weekend-practice-7-20/image/icon/plug-icon/plug-search.png
3.06KB
weekend-practice-7-20/image/icon/plug-icon/plug-search-icon1.png
870B
weekend-practice-7-20/image/icon/plug-icon/plug-travel.png
1.24KB
weekend-practice-7-20/image/icon/travel-icon/
-
weekend-practice-7-20/image/icon/travel-icon/travel-icon.png
3.98KB
weekend-practice-7-20/image/icon/travel-icon/travel-img.png
601.93KB
weekend-practice-7-20/image/img/
-
weekend-practice-7-20/image/img/img-cover.png
1.24MB
weekend-practice-7-20/index.html
11.95KB

资源内容介绍

第二次旅游网页临摹,设计稿来自即时设计网站
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="./CSS/reset.css" /> <link rel="stylesheet" href="./CSS/index.css" /> <title>旅游网站界面布局临摹</title> </head> <body> <!-- 最大盒子 --> <div class="nmx-index-layout"> <!-- 1.顶部导航栏 --> <div class="nmx-index-top-nav"> <div class="container"> <div class="nmx-index-top-nav-logo"></div> <div class="nmx-index-top-nav-list"> <ul> <li><a href="#">首页</a></li> <li><a href="#">小贴士</a></li> <li><a href="#">警报</a></li> <li><a href="#">博客</a></li> <li> <a href="#" class="nmx-index-top-nav-list-active" style="color: rgba(62, 134, 245, 1)" >博客</a > </li> </ul> </div> </div> </div> <!-- 2.封面页 --> <div class="nmx-index-cover"> <!-- 封面文本 --> <div class="nmx-index-cover-text"> <span class="nmx-index-cover-text-content"> <i>探索你的生活</i> <i>去你想去的地方旅行</i> <i>愿你探索世界上的自然天堂,让我们一起寻找世界上最好的目的地。</i> </span> </div> <!-- 封面插件 --> <div class="nmx-index-cover-plug"> <!-- 插件头部 --> <div class="nmx-index-cover-plug-top"> <ul> <li> <a href="#" class="plug-a-active"> <i class="nmx-index-cover-plug-top-icon1"></i> <span>飞机</span> </a> </li> <li> <a href="#"> <i class="nmx-index-cover-plug-top-icon2"></i> <span>酒店</span> </a> </li> </ul> </div> <!-- 插件数据部分 --> <div class="nmx-index-cover-plug-content"> <!-- 数据区左侧 --> <div class="nmx-index-cover-plug-content-left"> <!-- 小飞机图标 --> <i class="nmx-index-cover-plug-content-left-icon"></i> <ul> <li> <span>居住地</span> <span>迪拜</span> </li> <li> <span>前往</span> <span>纽约</span> </li> </ul> </div> <!-- 数据区右侧 --> <div class="nmx-index-cover-plug-content-right"> <!-- 旅行小图标 --> <i class="nmx-index-cover-plug-content-right-icon2"></i> <ul> <li> <span class="nmx-index-cover-plug-content-right-go"> <i>前往</i> <i class="nmx-index-cover-plug-content-right-icon1"></i> </span> <span>1月23日周六</span> </li> <li> <span class="nmx-index-cover-plug-content-right-back"> <i>返回</i> <i class="nmx-index-cover-plug-content-right-icon3"></i> </span> <span>2月14日周四</span> </li> </ul> </div> <div class="nmx-index-cover-plug-content-search"> <i class="nmx-index-cover-plug-content-search-icon"></i> </div> </div> </div> </div> <!-- 3.特别优惠模块 --> <div class="nmx-index-discounts"> <div class="nmx-index-discounts-text">即将推出的特别优惠</div> <div class="nmx-index-discounts-list"> <ul> <li><a href="#" class="list-active">团队</a></li> <li><a href="#">亲子</a></li> <li><a href="#">家庭</a></li> </ul> </div> <div class="nmx-index-discounts-item"> <ul> <li> <div class="nmx-index-discounts-item-img1"></div> <div class="nmx-index-discounts-item-state"> <i class="nmx-index-discounts-item-state-icon1"></i> <span>3天3夜</span> </div> <div class="nmx-index-discounts-item-detail"> <div class="nmx-index-discounts-item-detail-text"> <span>洛加海</span> <span>700$/人</span> </div> <button>立即预定</button> </div> </li> <li> <div class="nmx-index-discounts-item-img2"></div> <div class="nmx-index-discounts-item-state"> <i class="nmx-index-discounts-item-state-icon2">冒险</i> <span>4天3夜</span> </div> <div class="nmx-index-discounts-item-detail"> <div class="nmx-index-discounts-item-detail-text"> <span>洛加海</span> <span>400$/人</span> </div> <button>立即预定</button> </div> </li> <li> <div class="nmx-index-discounts-item-img3"></div> <div class="nmx-index-discounts-item-state"> <i class="nmx-index-discounts-item-state-icon3"></i> <span>3天3夜</span> </div> <div class="nmx-index-discounts-item-detail"> <div class="nmx-index-discounts-item-detail-text"> <span>洛加海</span> <span>340$/人</span> </div> <button>立即预定</button> </div> </li> </ul> </div> </div> <!-- 4.一起旅行模块 --> <div class="nmx-index-travel"> <i class="nmx-index-travel-img-icon1"> <span>300+</span><span>目的地</span> </i> <i class="nmx-index-travel-img-icon2"> <span>5000+</span><span>旅行者</span> </i> <i class="nmx-index-travel-img-icon3"> <span>150+</span><span>旅馆</span> </i> <div class="nmx-index-travel-left"> <div class="nmx-index-travel-img"></div> </div> <div class="nmx-index-travel-right"> <div class="nmx-index-travel-right-title"> 与我们一起旅行<br />世界的任何角落 </div> <div class="nmx-index-travel-right-details"> <span >你会探索世界上的自然天堂吗,让我们和我们一起寻找世界上最好的目的地你会探索地球上的自然乐园吗,让我和我们一起找到世界上最好目的地。 </span> <span >愿你探索世界上的自然天堂,让我们一起寻找世界上最好的目的地。 </span> </div> <div class="nmx-index-travel-right-btn"> <button>联系我们</button> </div> </div> </div> <!-- 5.推荐目的地模块 --> <div class="nmx-index-destination"> <div class="nmx-index-destination-title">推荐目的地</div> <div class="nmx-index-destination-list"> <ul> <li><a href="#" class="des-list-active">热门</a></li> <li><a href="#">冒险</a></li> <li><a href="#">养生</a></li> </ul> </div> <div class="nmx-index-destination-items">

用户评论 (0)

发表评论

captcha

相关资源

智能医疗平台专属定制化机器人(前后端代码)

智能医疗平台专属定制化机器人(前后端代码)

4.23KB42积分

基于C语言实现的图书管理系统

## 项目介绍 图书管理系统是实现学生与图书管理员、书籍之间的一个管理系统,本身作为书籍管理、用户管理的展示平台,是现在大学图书馆管理的必要设备。图书管理系统可实现读者账号管理功能、图书信息管理、图书借还管理。读者账号管理:账号注册、账号登录、修改账号信息、查找账号; 图书信息管理:、图书查找、图书信息修改、图书查找、图书添加、图书删除;图书借还管理:借书记录、还书记录需求分析1.读者需求 (1)读者可自行注册、登录、修改秘密 (2)读者可以查询图书基本信息、借阅图书、归还图书 (3)读者可以查询个人借阅记录与归还记录2.图书管理员需求 (1)图书管理员可以查询图书、修改图书信息、添加图书、删除图书 (2)图书管理员可以管理读者账号,可以对读者账号进行删除操作 (3)图书管理员可以帮助读者进行借书、还书操作

517.01KB11积分

基于C++的图书管理系统

1. 类的设计Book类属性:书名、作者、ISBN号、出版社、价格等。方法:构造函数、获取书籍信息、设置书籍信息等。Library类属性:存储书籍的容器(例如vector或map)、管理员信息等。方法:添加书籍、删除书籍、借阅书籍、归还书籍、搜索书籍等。User类属性:用户名、借阅书籍列表等。方法:构造函数、借阅书籍、归还书籍、获取借阅列表等。2. 主要功能图书管理功能添加书籍:管理员可以添加新书籍到系统中。删除书籍:管理员可以删除现有书籍。查找书籍:用户可以根据书名、作者或ISBN号查找书籍信息。借阅管理功能借阅书籍:用户可以借阅书籍,系统会更新书籍的借阅状态和用户的借阅记录。归还书籍:用户归还书籍,系统更新书籍的可借状态和用户的借阅记录。用户管理功能注册账号:新用户可以注册账号并进行登录。登录系统:已注册用户可以通过用户名和密码登录系统。

798.92KB29积分

基于C语言实现的学生成绩管理程序

题目学生成绩管理程序 本程序用于教学单位(院/系)的学生成绩管理。要求程序能够实现学生信息录入(可以实现增加、删除、修改学生的基本信息)、单科学习成绩的录入;班级内单科成绩排名;成绩查询:查询某个学生的各科成绩、统计所有不及格科目超过2科的学生名单。设计思路按照要求设计多种功能函数,并利用主函数实现功能,添加可视化操作提示。 数据结构利用链式线性结构体Stu数据域存储学生信息,学生姓名、班级、年级、学生各科成绩为字符串型,学生编号为整型,指针域存储下一个指针地址。流程图#### 功能及函数介绍##### 链

1.01MB28积分