Create a HTML webpage for the film Avatar (2009). You can use the content (text, images)...

Create a HTML webpage for the film Avatar (2009). You can use the content (text, images) from this Wikipedia page:

https://en.wikipedia.org/wiki/Avatar_(2009_film)

Besides the basic HTML document elements, the html document should have the following components or meet the requirements:

Use <header><section><nav><article><div><footer> to arrange the layout of the page
h1, h2
At least 1 table
At least1 image
At least 2 links, one link opens the target page with a new window
Several paragraphs with formatted text (use at least 3 text formatting elements), use <span> element to format inline level text
Use style attribute to set colors and size for some elements, make them look sharp
some emojis
1 ordered list with at least 3 items
1 unordered list with at least 3 items
Use <div> to contain at least 3 elements and make them have the same background color
Add meta name and meta description in the head section. Make them search engine friendly

Solutions

Expert Solution

HTML CODE:

<html>
<head>

  <meta charset="UTF-8">
  <meta name="description" content="Free Web tutorials">
  <meta name="keywords" content="HTML,CSS,XML,JavaScript">
  <meta name="author" content="John Doe">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="background-color:powderblue;">
<h1>Avatar Series</h1>
<nav>
<a href="https://en.wikipedia.org/wiki/Avatar_(2009_film)#Na'vi">Avatar_(2009_film)</a> |

</nav>
<img src="a1.jpg"  width="1000" height="300">

<section>
  <h2>Plot</h2>
  <p style="text-align:justify">In 2154, humans have depleted Earth's natural resources, leading to a severe energy crisis. The Resources Development Administration (RDA) mines a valuable mineral unobtanium on Pandora, a densely forested habitable moon orbiting Polyphemus, a fictional gas giant in the Alpha Centauri star system. Pandora, whose atmosphere is poisonous to humans, is inhabited by the Na'vi, a species of 10-foot tall (3.0 m), blue-skinned, sapient humanoids that live in harmony with nature and worship a mother goddess named Eywa.

To explore Pandora's biosphere, scientists use Na'vi-human hybrids called "avatars", operated by genetically matched humans. Jake Sully, a paraplegic former Marine, replaces his deceased identical twin brother as an operator of one. Dr. Grace Augustine, head of the Avatar Program, considers Sully an inadequate replacement but accepts his assignment as a bodyguard. While escorting the avatars of Grace and fellow scientist Dr. Norm Spellman, Jake's avatar is attacked by a thanator and flees into the forest, where he is rescued by Neytiri, a female Na'vi. Witnessing an auspicious sign, she takes him to her clan. Neytiri's mother Mo'at, the clan's spiritual leader, orders her daughter to initiate Jake into their society.</p>
</section>

<h1>Release</h1>
<article>
  <h2>Initial screening</h2>
  <p style="text-align:justify">Avatar <span style="color:blue">premiered</span> in London on December 10, 2009, and was released theatrically worldwide from December 16 to 18. The film was originally set for release on May 22, 2009, during filming, but was pushed back to allow more post-production time (the last shots were delivered in November), and to give more time for theaters worldwide to install 3D projectors. Cameron stated that the film's aspect ratio would be 1.78:1 for 3D screenings and that a 2.39:1 image would be extracted for 2D screenings. However, a 3D 2.39:1 extract was approved for use with constant-image-height screens (i.e. screens which increase in width to display 2.39:1 films). During a 3D preview showing in Germany on December 16, the movie's DRM 'protection' system failed, and some copies delivered could not be watched at all in the theaters. The problems were fixed in time for the public premiere. Avatar was released in a total of 3,457 theaters in the US, of which 2,032 theaters ran it in 3D. In total 90% of all advance ticket sales for Avatar were for 3D screenings.</p>
</article>


<article>
  <h2>Box Office</h2>
  <p style="text-align:justify">Avatar was released internationally on more than 14,000 screens. It earned $3,537,000 from midnight screenings domestically (United States and Canada), with the initial 3D release limited to 2,200 screens. The film earned $26,752,099 on its opening day, and $77,025,481 over its opening weekend, making it the second-largest December opening ever behind I Am Legend, the largest domestic opening weekend for a film not based on a franchise (topping The Incredibles), the highest opening weekend for a film entirely in 3D (breaking Up's record), the highest opening weekend for an environmentalist film (breaking The Day After Tomorrow's record), and the 40th largest opening weekend in North America, despite a blizzard that blanketed the East Coast of the United States and reportedly hurt its opening weekend results. The film also set an IMAX opening weekend record, with 178 theaters generating approximately $9.5 million, 12% of the film's $77 million (at the time) North American gross on less than 3% of the screens.</p>
</article>

<style>  
table, th, td {  
    border: 1px solid black;  
    border-collapse: collapse;  
}  
th, td {
    padding: 10px;
}
</style>  
<table>  
<tr><th>Features</th><th>Hollywood</th><th>Bollywood</th></tr>  
<tr><td>Technology and Quality</td><td>VFX, CGI</td><td>Stunts</td></tr>  
<tr><td>Revenue</td><td>High</td><td>Moderate</td></tr>  
<tr><td>Movie Duration</td><td>2-3Hrs</td><td>1.5-2 hrs</td></tr>  
 
</table>  

<h2>Cast</h2>
<ol>
    <li><a href="https://en.wikipedia.org/wiki/Sam_Worthington">Sam Worthington</a> as Jake Sully</li>
    <li>Stephen Lang as Colonel Miles Quaritch</li>
    <li>Sigourney Weaver as Dr. Grace Augustine</li>
    <li>Michelle Rodriguez as Trudy Chacón</li>
</ol>

<h1>See Also </h1>
<ul>
<li>List of films featuring extraterrestrials</li>
<li>List of films featuring powered exoskeletons</li>
</ul>


</body>
</html>

Image used in html webage wirh a1 name

venereology answered 1 year ago

Next > < Previous

Related Solutions

Create following webpage in HTML : 1. Login Page This is the first page the user...

Create following webpage in HTML : 1. Login Page This is the first page the user should see. The user can login, signup, or continue as a guest. Your task is to implement the following features: a) Signup form This form should collect the information required for creating a new account on your movie database website. At the least, it should collect an email address, username, avatar image/graphic, first name, last name, and a password. You can ask for more...

specify the code to create html with the following content: 1. a paragraph stating, this is...

specify the code to create html with the following content: 1. a paragraph stating, this is an example. 2 image logo.jpg with alternate text ABC Logo below the paragraph created in 1.

Assume you request a webpage consisting of one document and five images. The document size is...

Assume you request a webpage consisting of one document and five images. The document size is 1 kbyte, all images have the same size of 50 kbytes, the download rate is 1 Mbps, and the RTT is 100 ms. How long does it take to obtain the whole webpage under the following conditions? (Assume no DNS name query is needed and the impact of the request line and the headers in the HTTP messages is negligible). a. Nonpersistent HTTP with...

Create an email, memo, poster or webpage to promote the use of the knowledge management system....

Create an email, memo, poster or webpage to promote the use of the knowledge management system. Ensure you explain how the information will be read by all relevant personnel. (approx. 250 words)

Can someone verify why my code isnt running <!DOCTYPE html> <html> <body bgcolor=aqua text=purple> <script type="text/javascript">...

Can someone verify why my code isnt running <!DOCTYPE html> <html> <body bgcolor=aqua text=purple> <script type="text/javascript"> funtion oldMacVerse(animal, sound) //Assumes: animal is the name of an animal, sound is the sound it makes //Results: displays a version of the song "Old MacDonals Had a Farm" in outputDiv { document.getElementById('outputDiv').innerHTML = '<p>Old MacDonald had a farm, E-I-E-I-O.<br>' + 'And on that farm he had a ' + animal + ', E-I-E-I-O.<br>' + 'With a ' + sound +...

HTML I would like you to create a three paged website, where you can navigate to...

HTML I would like you to create a three paged website, where you can navigate to any page using a navigation bar. One page must include an ordered list, one page must include an unordered list. One page must include a picture. (please keep it appropriate.) Each page much include a header and a footer, please have your name on each footer with the copyright symbol next to it. Each page must be styled using CSS, and I would like...

Develop and test an HTML document to use the DOM 2 event model that has text...

Develop and test an HTML document to use the DOM 2 event model that has text boxes for apple (59 cents each), orange (49 cents each), and banana (39 cents each), along with a Submit button. These text boxes take a number, which is the purchased number of the particular fruit. Add reality checks to the text boxes of the document to ensure that the input values are numbers in the range from 0 to 99. Each of the text...

Using a combination of HTML/PHP, implement a web page where the users can upload a text...

Using a combination of HTML/PHP, implement a web page where the users can upload a text file, exclusively in .txt format, which contains a string of 400 numbers, such as: 71636269561882670428 85861560789112949495 65727333001053367881 52584907711670556013 53697817977846174064 83972241375657056057 82166370484403199890 96983520312774506326 12540698747158523863 66896648950445244523 05886116467109405077 16427171479924442928 17866458359124566529 24219022671055626321 07198403850962455444 84580156166097919133 62229893423380308135 73167176531330624919 30358907296290491560 70172427121883998797 Your code should contain a PHP function that, accepting the string of 400 numbers in input, is able to find the greatest product of four adjacent numbers in all the...

Please use HTML and CSS - Create the overlay and popup: Note: this is my original...

Please use HTML and CSS - Create the overlay and popup: Note: this is my original code just add it to to make the next steps please: HTML: <nav> <ul class="Login-button"> LOG IN</ul> </nav> CSS: *{ margin: 0; padding: 0; list-style-type: none; } nav { height: 50px; background: #DEDFE0; display: flex; align-items: center; padding: 0 20px; } .login-button { padding: 5px 8px; cursor: pointer;} .login-button: hover { background: #BCBDC0; } PLEASE do the following: Create a transparent grey overlay over...

Create a welcome website in html/css for the fictional college elliott university, this website will consist of at least 4 in-page-content-blocks

Create a welcome website in html/css for the fictional college elliott university, this website will consist of at least 4 in-page-content-blocksElliott university welcome block :2-3 pictures with bordersThree paragraphs describing a student experience the collegeAppropriate for the contentGallery page block:Consisting of 8 to 10 imagesFormatted for best loading on the web across all devicesText paragraph under each imageRemaining Two blocks can reflect content that you choose:Consisting of 3 paragraphs of text per blockConsisting of at least one image per blockLook...

Subjects