大学生简单环保环境静态HTML网页设计作品 DIV布局环境介绍网页模板代码 DW学生环境网站制作成品下载 HTML5期末大作业

于 2024-07-03 23:29:50 发布
阅读量628 收藏 8
点赞数 16
分类专栏： HTML七夕情人节表白网页源码 文章标签： 学生网页课程网页模板 大学生期末网页作业 简单的网页设计 静态HTML网页制作 前端网页设计大作业
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/p305114466/article/details/126822488
版权

📂文章目录

👨‍🎓网页题目

🌲环境保护、🌳 保护地球、🌴 校园环保、🌵垃圾分类、🚵🏼绿色家园、等网站的设计与制作。

✍️网页描述

⭐ 总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，网页的风格主题也很全面：如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题，学生、新手可参考下方页面的布局和设计和HTML源码（有用点赞△）

🌐网站效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

🔧 代码实现

🧱HTML结构代码



<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css" />

</head>
<body>
<div class="main" >

<div  class="content12">
<div class="daohang">







   <ul>
    <li class="active"><a href="index.html">首页</a>
</li>
  
    <li ><a href="jieshao.html">介绍</a></li>
	
    <li ><a href="zhuyaoneirong.html">主要内容</a></li>
	
    <li ><a href="huanbaomingyan.html">环保名言</a></li>
	 
   </ul>
</div>
</div>
<div class="clear"></div>

<div  class="content12">
<div class="guanggaotupian">


<div class="img">
<img src="images/1.jpg"></div>
 

</div>
</div>
<div class="clear"></div>

<div  class="content12">
<div class="taitou">






<div class="title">
<div class="line"></div>
	<div class="stitle">

		<div class="sstitle">
		<div class="h2">主要内容</div>
		<span>ZHUYAONEIRONG</span>
		</div>

	</div>
</div>







	  	  </div>
<div class="zynr">







<ul>
<li>

<div class="img"><img src="images/2.jpg"></div>
<div class="text">
<div class="title">防止污染</div>
<div class="clear"></div>
<div class="desc">防止由生产和生活活动引起的环境污染、化学污染，包括防治工业生产排放的废水、废气、废渣、粉尘、放射性物质以及产生的噪声、振动、恶臭和电磁微波辐射，交通运输活动产生的有害气体、液体、噪声，海上船舶运输排出的污染物，工农业生产和人民生活使用的有毒有害化学品，城镇生活排放的烟尘、污水和垃圾等造成的污染。</div>
</div>
</li>
<li>

<div class="img"><img src="images/3.jpg"></div>
<div class="text">
<div class="title">防止破坏</div>
<div class="clear"></div>
<div class="desc">防止由建设和开发活动引起的环境破坏，包括防止由大型水利工程、公路干线、大型港口码头、机场和大型工业项目等工程建设对环境造成的污染和破坏，农垦和围湖造田活动、海上油田、海岸带和沼泽地的开发、森林和矿产资源的开发对环境的破坏和影响，新工业区、新城镇的设置和建设等对环境的破坏和污染。</div>
</div>
</li>
 
</ul>

</div>
</div>
<div class="clear"></div>

<div  class="content12">
<div class="taitou">






<div class="title">
<div class="line"></div>
	<div class="stitle">

		<div class="sstitle">
		<div class="h2">环保名言</div>
		<span>HUANBAOMINGYAN</span>
		</div>

	</div>
</div>







	  	  </div>
<div class="hbmy">









<div class="list">
<img src="images/4.jpg" class="img">
<img src="images/5.jpg" class="img">
 
</div>



<div class="desc">
<br><br>手下留情，足下留青，爱护环境，人人有责。<br><br>植树造林，功在千秋。<br><br>爱祖国，护绿化，保清洁，爱家园。<br><br>保持地球生态平衡，就是保护人类自身。<br><br>人人为环保，环保为人人。<br><br>人人关心环境质量，人人参与环境保护。<br><br>珍惜资源，永续利用。<br><br>保护环境光荣，污染环境可耻。<br><br>依靠科技进步，促进环境保护。<br><br>提高环境意识，保护美好家园。</div>







 










</div>
</div>
<div class="clear"></div>

<div  class="content12">
<div class="taitou">






<div class="title">
<div class="line"></div>
	<div class="stitle">

		<div class="sstitle">
		<div class="h2">介绍</div>
		<span>JIESHAO</span>
		</div>

	</div>
</div>







	  	  </div>
<div class="js">













<div class="text">


<div class="list">
<img src="images/6.jpg" class="img" >
 
</div>

环境保护就是指人类为解决现实或潜在的环境问题，协调人类与环境的关系，保障经济社会的持续发展而采取的各种行动的总称。<br><br>其方法和手段有工程技术、行政管理、也有法、经济、宣传教育……<br><br>保护环境是人类有意识地保护自然资源并使其得到合理的利用，防止自然环境受到污染和破坏；对受到污染和破坏的环境做好综合的治理，以创造出适合于人类生活、工作的环境，协调人与自然的关系，让人们做到与自然和谐相处的概念。
</div>


<div class="clear"></div>

<div class="slist">
<img src="images/7.jpg" class="simg" >
 
</div>


 














</div>
</div>
<div class="clear"></div>

<div  class="content12">
<div class="dibu">

<div class="desc">
保护环境 
</div>


</div>
</div>
<div class="clear"></div></div></body></html>

🎁更多干货

1.如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦！

2.💗【👇🏻👇🏻👇🏻关注我| 获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！

3.

以上内容技术相关问题💌欢迎一起交流学习👇🏻👇🏻👇🏻🔥

@蜡笔小新星
关注
  • 16
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
web网页设计期末课程大作业：环境保护主题网站设计——农业三级带表单带js(14页)HTML+CSS+JavaScript
qq_3200628753的博客
08-07 689
🌲环境保护、🌳 保护地球、🌴 校园环保、🌵垃圾分类、🚵🏼绿色家园、等网站的设计与制作。⭐ 总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，网页的风格主题也很全面：如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题，学生、新手可参考下方页面的布局和设计和HTML源码（有用点赞△）🏅 一套A+的网......
一个简单的dw网页制作作业，学生个人html静态网页制作成品代码——怪盗基德动漫主题网页成品（15页）
专注于dreamweaver网页设计制作
08-11 4403
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web......
Dreamweaver环境保护静态网站
12-03
使用Dreamweaver设计的一个静态网站，包含开发文档、模板、所有源文件，可为初学者参考（1280*800为佳）
大学生环保主题网页制作 环境网页设计模板 学生静态网页作业成品 dreamweaver保护地球环境HTML网站制作
专注于dreamweaver网页设计制作
12-16 298
🌲环境保护、🌳 保护地球、🌴 校园环保、🌵垃圾分类、🚵🏼绿色家园、等网站的设计与制作。⭐ 总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，网页的风格主题也很全面：如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题，学生、新手可参考下方页面的布局和设计和HTML源码（有用点赞△）🏅 一套A+的网
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
HTML网页设计
07-31 6万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
大二学生web期末大作业 在线电影网站 HTML+CSS+JS
热门推荐
HTML网页设计 专注大学生网页设计
09-18 6万+
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件
学校介绍静态HTML网页设计作品 DIV布局学校官网模板代码 DW大学网站制作成品下载 HTML5期末大作业
08-10
乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 ...
大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
08-10
乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 ...
大学生简单抗击疫情静态HTML网页设计作品 DIV布局疫情感动人物介绍网页模板代码 DW学生抗疫逆行者网站制作成品下载
08-10
乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 ...
简单家乡风景静态HTML网页设计作品 DIV布局家乡介绍网页模板代码 DW个人网站制作成品 web网页制作与实现
08-10
乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 ...
html旅游网站设计与实现——绿色古典旅游景区 HTML+CSS+JavaScript
HTML网页设计
07-29 3万+
🏀 精彩专栏推荐👇🏻👇🏻👇🏻 💝 【作者主页——🔥获取更多优质源码】 💝 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】🚀 旅游景点介绍、旅游风景区、家乡介绍、等网站的设计与制作。旅游景点介绍、旅游风景区是一个介绍简介、行政区划、地理环境、自然环境、教育事业、体育事业、旅游景点、城市荣誉等等。网站集中主要展示了的地方风土人情，并通过访客留言，增加游客的互动体验。同时，地方旅游网站里的每一个网页都采用了统一的设计风格，以加强城市整体面貌统一的宣传效果。最重要的...
web期末网站设计大作业：关于制作网页主题论述——HTML+CSS+JavaScript橙色的时尚服装购物商城(1页)
qq_38518191的博客
04-03 218
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web
dw网页设计：网页大作业代码自取【HTML+CSS制作美味糖果网站】
qq3200628753的博客
12-15 321
🎀 精彩专栏推荐👇🏻👇🏻👇🏻 🥧 美食网页介绍、🍰甜品蛋糕、🦐地方美食小吃文化、🍺餐饮文化、等网站的设计与制作。🍧美食主题网站 主要对各种美食进行展示，让浏览者清晰地了解到各种美食的详细信息，便于浏览者进行选择。该模块的左侧有个美食分类，用户可以选择自己喜欢的种类，当点击种类后，就会在右侧出现该分类下的各种美食，用户可以点击自己感兴趣的食品，从而看到它的具体信息。它的具体信息包括配料、产地及它的一些功能，使用户对该食品有着全面的认识。👨‍🎓静态网站的编写主要是用HTML DIV...
HTML5期末大作业：环境保护主题设计——蓝色清新水生态环保(5页) HTML+CSS+JavaScript
qq_365392777
09-27 1403
HTML5期末大作业：环境保护主题设计——蓝色清新水生态环保(5页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业,
【简单html静态网页代码】 HTML+CSS环保网站项目实现 带设计说明psd
最新发布
而风不止
12-19 1121
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
垃圾分类网页制作 垃圾分类网页设计作业 HTML CSS垃圾分类网页模板 大学生垃圾分类网站毕业设计 DW垃圾分类网页模板下载 垃圾分类网页成品代码 环保网页作品下载
STU学生简单网页设计作品分享
12-16 8619
大学生垃圾分类网页制作设计思路知识点应用内容说明代码演示页面效果首页二级页面-图文混排二级页面-图片列表三级图片详情留言表单页面成品下载 设计思路 垃圾分类网页设计作品采用DIV CSS布局制作，首页有导航、BANNER、视频、文字内容、图片列表超链接。 知识点应用 网页背景颜色、视频、留言表单、图片及文字超链接、左右排版、图文混排、无序列表等。 内容说明 三层结构，共11个页面（1个首页、6个二级页面、4个三级页面）网页内容包括：网站首页、产生原因、分类原则、分类意义、垃圾种类、操作流程、在线留言。 代码
DW个人网页设计制作 html网页设计制作源码
而风不止
11-14 3212
HTML：结构 HTML期末大学生网页设计作业，可以替换文字图片满足不同的CSS：样式 在操作方面上运用了html5和css3， 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业，代码简单学生水平, 适合初学者学习使用。(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般
html5用div与css做网页,联合传媒网站的静态网页设计与制作(HTML5,DIV+CSS)
06-07
可以的，HTML5和CSS3提供了丰富的样式和布局选项，使得使用div和CSS来设计和制作网页非常方便。以下是一个简单的示例： HTML代码： ``` <!DOCTYPE html> <html> 联合传媒网站 联合传媒网站 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@蜡笔小新星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值