HTML5期末大作业:旅行网站设计——开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例

HTML5期末大作业:旅行网站设计——开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例,第1张

HTML5期末大作业:旅行网站设计——开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例

常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

1.网页作品简介 :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。

2.网页作品编辑:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页)。

3.网页作品技术:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。

文章目录 HTML5期末大作业:旅行网站设计——开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例获取更多源码作品介绍一、作品展示二、文件目录三、代码实现四、获取更多源码五、学习资料六、更多源码

一、作品展示






二、文件目录

三、代码实现

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="overflow: auto; overflow-x:hidden;">

<head>
    <title>开心旅游网title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="css/screen.css" />
    <script src="js/jquery.min.js">script>
    <script src="js/jquery.flexslider-min.js">script>
    <script type="text/javascript">
        $(window).load(function() {
            $('.flexslider').flexslider();
        });
    script>
    <link rel="stylesheet" href="css/lrtk.css" type="text/css" media="screen" />
head>

<body>
    <div class="wrapper">
        <div class="top">
            <div class="top_link"><a href="#">设为首页a> | <a href="#" class="link2">加入收藏a>div>
        div>
        
        <div class="nav">
            <ul>
                <li><a href="index.html">网站首页a>li>
                <li><a href="lvyouwh.html">南京旅游a>li>
                <li><a href="njms.html">南京美食a>li>
                <li><a href="jingdian.html">苏州旅游a>li>
                <li><a href="meishi.html">苏州美食a>li>
                <li><a href="fengjing.html">昆明旅游a>li>
                <li><a href="kmms.html">昆明美食a>li>
            ul>
        div>
        
        <div id="banner">
            <div class="flexslider">
                <ul class="slides">
                    <li><a href="#"> <img src="image/ad1.jpg"  width="1010" />a> li>
                    <li><a href="#"> <img src="image/ad2.jpg"  width="1010" />a> li>
                    <li><a href="#"> <img src="image/ad3.jpg"  width="1010" />a> li>
                    <li><a href="#"> <img src="image/ad4.jpg"  width="1010" />a> li>
                    <li><a href="#"> <img src="image/ad5.jpg"  width="1010" />a> li>
                    <li><a href="#"> <img src="image/ad6.jpg"  width="1010" />a> li>
                ul>
            div>
        div>
        
        <div class="content">
            <div class="sidebar">
                <div class="pro_box">
                    <div class="jj_cp2">
                        <h3>旅游景点h3>
                    div>
                    <ul class="pro_list">
                        <li><a href="jingdian_1.html">金鸡湖a>li>
                        <li><a href="jingdian_2.html">拙政园a>li>
                        <li><a href="jingdian_3.html">周庄a>li>
                        <li><a href="jingdian_4.html">同里古镇a>li>
                    ul>
                div>
                

                <div class="pro_box">
                    <div class="jj_cp2">
                        <h3>特色美食h3>
                    div>
                    <ul class="pro_list">
                        <li><a href="meishi_1.html">太湖梅鲚a>li>
                        <li><a href="meishi_2.html">太湖白虾a>li>
                        <li><a href="meishi_3.html">采芝斋糖果a>li>
                        <li><a href="meishi_4.html">松鼠桂鱼a>li>
                    ul>
                div>
                
            div>
            
            <div class="main_con">
                <div class="chanp_box">
                    <div class="jj_cp">
                        <h3>旅游景点h3>
                    div>
                    <div class="show_box">
                        <div class="show_panel">
                            <ul id="show_list">
                                <li> <a href="#"><img alt="" src="image/j1.jpg" width="164" height="168" /><span>景点展示span>a> <a href="#"><img alt="" src="image/j2.jpg" width="164" height="168" /><span>景点展示span>a> <a href="#"><img alt="" src="image/j3.jpg" width="164" height="168" /><span>景点展示span>a>                                    <a href="#"><img alt="" src="image/j4.jpg" width="164" height="168" /><span>景点展示span>a> li>
                            ul>
                        div>
                    div>
                    
                div>
                
                <div class="chanp_box">
                    <div class="jj_cp">
                        <h3>特色美食h3>
                    div>
                    <div class="show_box">
                        <div class="show_panel">
                            <ul id="show_list">
                                <li> <a href="#"><img alt="" src="image/m1.jpg" width="164" height="168" /><span>特色美食span>a> <a href="#"><img alt="" src="image/m2.jpg" width="164" height="168" /><span>特色美食span>a> <a href="#"><img alt="" src="image/m3.jpg" width="164" height="168" /><span>特色美食span>a>                                    <a href="#"><img alt="" src="image/m5.jpg" width="164" height="168" /><span>特色美食span>a> li>
                            ul>
                        div>
                    div>
                    
                div>
                
                <div class="jj_box">
                    <div class="jj_cp">
                        <h3>开心旅游网南概况h3>

                    div>
                    <div class="jj_cloumn"> <a href="#"><img alt="" src="image/1.jpg" width="237" height="166"/>a>
                        <div class="jj_txt">
                            <p>开心旅游网主要介绍南京,苏州河昆明的旅游景点和特色美食。带您领略旅游的无限开心一刻。p>
                            <p>苏州,古称吴,简称苏,又称姑苏、平江等,中国华东地区特大城市之一,位于江苏省东南部、长江以南、太湖东岸、长江三角洲中部,是江苏省省辖市。p>
                            <p>苏州历史悠久,是国家首批24个历史文化名城之一。苏州有文字记载的历史已逾四千年,是吴文化的发祥地和集大成者,历史上长期是江南地区的政治经济文化中心,苏州是天下四聚之一,苏州城始建于公元前514年,历史学家顾颉刚先生经过考证,认为苏州城为中国现存最古老的城市。p>
                            <p>南京文化古迹遍布,从中可以探寻历史的源头:中山陵依山而建,结构严整,观之而生一股浩然之气;夫子庙建筑群古色古香,漫步其间,让你体味明清时代的市井繁荣;中华门气势宏伟,设计巧妙,置身城内,壁垒森然,耳边似有战马嘶鸣;此外还有灵谷寺、石象路、三国东吴所筑石头城遗址、明代朱元璋的陵墓(明孝陵)以及革命纪念地雨花台等,引人遐思无限。p>
                            <p>昆明,别称"春城",是云南省会,云南省唯一的特大城市和西南地区第三大城市(仅次于成都、重庆),是云南省政治、经济、文化、科技、交通中心,西部地区重要的中心城市和旅游、商贸城市,亦是中国面向东南亚、南亚、东盟开放的重要枢纽城市。p>
                        div>
                        
                    div>
                    
                div>
                
            div>
            
        div>
        
    div>
    
    <div class="foot">
        <div class="copyright">
            <p>版权所有©开心旅游网p>
            <p><a href="http://mail.qq.com/">联系我们a><a href="http://www.baidu.com/" target="_blank"> 友情链接a>p>
        div>
        
    div>
    
body>

html>


四、获取更多源码

PC电脑端关注我们

五、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站


六、更多源码

HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1297612.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存