HTML5 final assignment: green environmental protection website design (10 pages) with flash animation and background sound HTML+CSS+JavaScript

Posted by jgires on Tue, 19 Oct 2021 21:39:16 +0200

HTML5 final assignment: green environmental protection website design (10 pages) with flash animation and background sound HTML+CSS+JavaScript student DW web page design assignment finished web course design web page planning and design college students complete web page design source code HTML

1. Near the end of the term, you are still designing your final homework for HTML web pages. Do you feel the teacher's homework requirements are great? Can't you start HTML web page homework? The total number of pages required is too much?
2. No suitable template? And so on. The problems you want to solve can basically meet your needs in this blog post~
3. Original HTML+CSS+JS page design, web college students' web design homework source code, this is a good web page production, the picture is smart, and is very suitable for beginners to learn and use.

>>> ⭐ Click to enter ⭐ >>> Source code of 500 HTML final assignments
⭐ HTML final assignment column
⭐ Author blog home page

Common web design topics include individuals, food, companies, schools, tourism, e-commerce, pets, electrical appliances, tea, home, hotels, dance, animation, stars, clothing, sports, cosmetics, logistics, environmental protection, books, wedding dress, military, games, festivals, smoking cessation, movies, photography, culture, hometown, flowers, gifts Car, other web design topics, A + level homework, can meet the web design needs of College Students' Web homework, and those who like can be downloaded!

Introduction to works

1. Introduction to web works: Students' HTML personal web homework A + level, which can be downloaded if they like, and the article page supports mobile PC responsive layout.

2. Web page work editing: this work is the subject of web page design for students' final homework, and the code is simple student level html+css layout. After downloading the work, you can use any HTML editing software (for example, any HTML software such as DW, HBuilder, Notepad, vscade, Sublime, Webstorm, Notepad + +) to edit and modify the web page).

3. Layout of web works: the overall layout of the web page is responsive layout, LOGO, navigation and main content layout. There are many layouts of sub pages. The contents of interests and hobbies use the picture list layout. The score page inserts a table. Contact us to set the left alignment using the picture alignment.

4. Web page work technology: use DIV+CSS to make web pages, background map, music, video, flash, mouse passing and selected navigation color change effect, underline, etc. Submit the form, comment and leave a message, and make a form judgment using JavaScript (the form cannot be empty when submitting).

1, Work display





2, File directory

3, Code implementation

<!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=gb2312" />
<title>Environmental protection network</title>
<link href="css/css.css" type=text/css rel=stylesheet>
</head>
<body>
<div class="con">
  <div class="head">
    <div class="logo"><a href="#"><img class=pic src="images/logo.jpg" height="80"></a> </div>
    <div class="nav">
      <ul>
        <li><a href="index.html">home page</a></li>
        <li><a href="xiangce.html">Environmental protection photo album</a></li>
        <li><a href="baike.html">Environmental protection content</a></li>
        <li><a href="hjcb.html">environmental costs </a></li>
        <li><a href="hbjnr.html">Environmental protection anniversary</a></li>
      </ul>
    </div>
  </div>
  <div class="lunbo">
    <embed src="images/lunbo.swf" width="960" height="300"></embed>
  </div>
  <div class="main">
    <div class="main_in_t">Development of international environmental protection </div>
    <div class="main_in_des">
      <p>Environmental protection is caused by the serious environmental pollution caused by industrial development, which first attracted the attention of industrialized countries. The whole society pays attention to and deals with the pollution problem by using national laws and regulations and public opinion publicity.</p>
      <p>1963 American biologist Rachel·Carson published a book called silent spring, which explains the pesticide DDT( DDT)Due to the warning of the book, the U.S. government began to investigate the problem of highly toxic pesticides, established the environmental protection agency in 1970, and various states successively passed laws prohibiting the production and use of highly toxic pesticides. The book is considered to be the symbolic starting point of environmental ecology in the 20th century.</p>
      <p>1972 The first human environment conference was held in Stockholm, Sweden, initiated by the United Nations from June 5 to 16, 2004, which set up the first milestone for human and international environmental protection. The Declaration on human environment adopted by the conference is the first global international document for environmental protection in human history, which marks the birth of international environmental law.</p>
      <p>1975 The International Conference on environmental education, held in Belgrade in, issued the famous Belgrade charter, which expounds the purpose, objectives, objects and guiding principles of environmental education.</p>
      <p>1977 The first Intergovernmental Conference on environmental education was held in Tbilisi, the capital of the Republic of Georgia of the Soviet Union, and the conference issued the declaration of the Tbilisi Intergovernmental Conference on environmental education and the recommendation of the Intergovernmental Conference on environmental education</p>
      <p>2009 December 7-18, Copenhagen, capital of Denmark Bella The center held the Copenhagen world climate conference, and negotiators from 192 countries held a summit to discuss the follow-up plan after the expiration of the first phase commitment of the Kyoto Protocol, that is, the global emission reduction agreement from 2012 to 2020 There is no doubt that another landmark global climate agreement will have a decisive impact on the future trend of climate change on the earth. This is a conference known as "the last opportunity to save mankind". The conference issued the United Nations Framework Convention on climate change.</p>
      <p>Global environmental issues
        
        1,Climate warming
        2,Ozone layer destruction
        3,Biodiversity reduction
        4,Acid rain hazard
        5,Forest decline
        6,Land alkalization
        7,air pollution
        8,pollution of waters
        9,Solid waste pollution</p>
    </div>
  </div>
  <div class="foot">
    <div style="clear:both"></div>
    <p> copyright Copyright(C)  Environmental protection network </p>
    <p> All rights reserved</p>
  </div>
</div>
</body>
</html>


4, web front end (learning materials)

A complete set of web front-end zero foundation - Introduction to advanced (Video + source code + development software + learning materials + interview questions) (Tutorial)
Suitable for entry-level to advanced children's shoes ~ send 1000 sets of HTML+CSS+JavaScript template websites

5, Source code acquisition

❉ 1. See here, with the support of [praise + praise + collection] three companies, your "praise, praise and collection" is the driving force of my creation.

❉ 2. Pay attention to me ~ take you to learn every day: various front-end plug-ins, Tanabata confession web page production, 3D cool effect, picture display, text effect, whole station template, college student graduation HTML template, web final assignment template, etc.! "Before and after developers discuss front-end, JAVA and Node knowledge and learn from each other"!

❉ 3. You can learn from each other about the above contents and technical issues. You can use the web front-end diary on V Xinggong Z > > > 👇🏻👇🏻👇🏻 Get more source code 👇🏻👇🏻👇🏻 !

6, More source code

⭐ 500 sets of HTML final assignment presentation address

⭐ 150 sets of ecarts big data demo address

⭐ 100 advertising source code address

Topics: Javascript html5 css