大学生网页设计（旅游网页）

萌萌不做梦

已于 2022-06-28 23:23:30 修改

阅读量166

点赞数

分类专栏： HTML 文章标签： servlet java 前端

于 2022-06-28 21:42:01 首次发布

本文链接：https://blog.csdn.net/qq_54633910/article/details/125510379

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文主要介绍了大学生在网页设计课程中，如何运用Servlet和Java技术进行旅游主题网页的开发。内容涵盖前端页面布局、交互设计以及后端数据处理等方面，旨在提升学生的全栈开发能力。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="Css/index.css">
</head>

<body>
    <div id="o">
    <div id="top">
        <ul type="none" id="x">
            <li>
                <a>
                    <img src="images/logo.jpg">
                </a>
            </li>
            <li class="tel">
                <a>
                    <img src="images/tel.jpg">
                </a>
            </li>
            <li><a>4102-133-787</a></li>
        </ul>
        <ul type="none" id="y">
            <li class="e"><a>首页</a></li>
            <li class="e"><a>文化体验</a></li>
            <li class="e"><a>品牌故事</a></li>
            <li class="e"><a>主题线路</a></li>
            <li class="a">
                <a>
                    <img src="images/nav1.jpg">
                </a>
            </li>
            <li><a>关于赏文网</a></li>
            <li class="c">
                <a>
                    <img src="images/nav2.jpg">
                </a>
            </li>
            <li><a>我的订单</a></li>
        </ul>
    </div>
    <div id="con">
        <div id="con-top">
            <img src="images/main.jpg">
        </div>
        <div id="con-con">
              <p>在路上，我们行程15000公里，将68个文化体验项目，26条线路送给您</p>
        </div>
        <div id="con-bottom">
           <div class="q" > <img src="images/good2.jpg"></div>
           <dl class="w" >
               <dt>
                   <img src="images/goodexp1.png">
               </dt>
               <dd>
                   <p>苏州.镇湖刺绣文化参观体验</p>
                       观园林赏苏绣，针尖上的镇湖带你了解中国刺绣
                </dd>
           </dl>
           <dl>
            <dt>
                <img src="images/goodexp2.png">
            </dt>
            <dd>
                <p>上海.宝山陶瓷DIY体验</p>
                   体验手工制陶乐趣，感受陶瓷艺术魅力
             </dd>
        </dl>
        <dl>
            <dt>
                <img src="images/goodexp3.png">
            </dt>
            <dd>
                <p>苏州.太湖房车文化体验</p>
                    开启房车体验之旅，随心畅享太湖风光
             </dd>
        </dl>
        <dl>
            <dt>
                <img src="images/goodexp4.png">
            </dt>
            <dd>
                <p>无锡.惠山泥人DIY体验</p>
                  穿越千年的技艺，寻找“大阿福”的传说
             </dd>
        </dl>
        <div class="q"> <img src="images/good3.jpg"></div>
        <dl class="n">
            <dt>
                <img src="images/person1.png">
            </dt>
            <dd>
                <p>王阿牛</p>
                  绍兴黄酒酿制技艺传承人
             </dd>
        </dl>
        <dl class="m">
         <dt>
             <img src="images/person2.png">
         </dt>
         <dd>
             <p>喻湘莲</p>
                无锡惠山手捏泥人传承人
          </dd>
     </dl>
     <dl class="m">
         <dt>
             <img src="images/person3.png">
         </dt>
         <dd>
             <p>吴澄</p>
                常州乱针绣第四代传承人
          </dd>
     </dl >
     <dl class="m">
         <dt>
             <img src="images/person4.png">
         </dt>
         <dd>
             <p>汪寅仙</p>
             宜兴紫砂陶制作技艺传承人
          </dd>
     </dl>
        </div>
    </div>
    <div id="bottom">
<p>&copy;1999-2014 www.swh.com 版权所有 盗版必究</p>
<div id="r">
<ul type="none">
    <li ><a>关于我们</a></li>
    <li ><a>用户协议</a></li>
    <li ><a>加入我们</a></li>
    <li ><a>网站地图</a></li>
    <li ><a>联系我们</a></li>
    </ul>
</div>
    </div>
</div>
</body>

</html>