web网页设计实例作业 ——洪江市旅游网(7页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）

最新推荐文章于 2024-01-13 18:14:52 发布

web领域优质创作者-网页设计

最新推荐文章于 2024-01-13 18:14:52 发布

阅读量495

点赞数

分类专栏： HTML5期末大作业 web期末作业设计网页大学生毕业设计源码文章标签： html5 css 前端游玩出游

本文链接：https://blog.csdn.net/m0_46321522/article/details/121557547

版权

web期末作业设计网页同时被 3 个专栏收录

946 篇文章 90 订阅

订阅专栏

HTML5期末大作业

742 篇文章 369 订阅

订阅专栏

大学生毕业设计源码

376 篇文章 111 订阅

订阅专栏

HTML5期末大作业：洪江市旅游网站设计——洪江市旅游网(7页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, 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期末大作业：洪江市旅游网站设计——洪江市旅游网(7页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）
获取更多源码
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="洪江市旅游网"/>
<meta name="description" content="洪江市旅游网" />
<title>洪江市旅游网</title>
<link rel="stylesheet" type="text/css" href="styles/styles/style_517.css">
</head>
<body>




<div class="wrap h1007">
    <div class="logo1"><a><img src="styles/images/sy_logo.png" /></a></div>
    <div class="weather" id="weather_forecast" style="text-align:center;"> </div>
    <div class="sy_cont"> <img src="styles/images/sy_bg.jpg" border="0" usemap="#Map" />
        <map name="Map" id="Map">
            <area shape="poly" coords="383,87,231,238,383,389,534,238" href="zjhj.html" target="_blank" alt="关于洪江" />
            <area shape="poly" coords="683,88,534,238,684,390,835,238" alt="诗化黔阳" />
            <area shape="poly" coords="839,236,687,388,838,539,988,387" href="zthd.html" target="_blank" alt="主题活动" />
            <area shape="poly" coords="229,236,77,388,228,538,380,387" href="xzzn.html" target="_blank" alt="行走指南" />
            <area shape="poly" coords="231,541,80,692,230,842,381,692" href="jdsp.html" target="_blank" alt="景点视频" />
            <area shape="poly" coords="533,239,229,538,533,843,836,538" alt="洪江" />
            <area shape="poly" coords="835,542,686,692,834,842,986,691" href="#" target="_blank" alt="政务网" />
            <area shape="poly" coords="381,692,230,843,382,994,533,843" alt="山水洪江" />
            <area shape="poly" coords="686,691,533,843,683,993,834,842" href="hjlw.html" target="_blank" alt="洪江礼物" />
        </map>
  </div>
    <div class="wx">
        <img src="styles/images/weixin1.jpg" />
        <p>官方微信订阅号</p>
        <img src="styles/images/weixin2.jpg" />
        <p>官方微信服务号</p>
        <img src="styles/images/weibo.png" />
        <p>官方微博</p>
    </div>
    <div id="forlogin"></div>
</div>
<div class="footerbg">
  <ul>
    <li> <a href="#">免责声明</a> | <a href="#">隐私条款</a> | <a href="#">关于我们</a> | <a href="#">联系我们</a></li>
    <li>&nbsp;Copyright  2014-2015 中国洪江市旅游网 </li>
    
    <li>&nbsp;主办单位洪江市旅游局&nbsp;&nbsp;  备案序号：湘ICP备10004460号 </li>
  </ul>
    <div class="lyrx"></div>
</div>
 

</body>
</html>

四、获取更多源码

PC电脑端关注我们

五、学习资料

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

六、更多源码

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

web领域优质创作者-网页设计

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
web网页设计实例作业 ——洪江市旅游网(7页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）

HTML5期末大作业：洪江市旅游网站设计——洪江市旅游网(7页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需
复制链接

扫一扫