Question

In: Computer Science

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


Related Solutions

Create an “About Me” HTML webpage. Use the <h2> Tag to give the page a header...
Create an “About Me” HTML webpage. Use the <h2> Tag to give the page a header with your Full name. The header needs to be in Plum color(Any color other than black, blue – Make the page look good). The webpage should have a background color that compliments the header color. Set the content(Anything about yourself!) of the page inside <p> tags and use a different color for it. Save your file as “AboutMe.html” and upload the file to BB...
Suppose you request a webpage that contains 10 images. Suppose the transmission time for a webpage...
Suppose you request a webpage that contains 10 images. Suppose the transmission time for a webpage is 10ms, and the transmission time for an image is 5ms. Suppose that 10 images are located on 3 different servers: 5 of them are saved on marist.edu with the webpage, 2 are saved on nyu.edu, and 3 are saved on albany.edu. Suppose the RTT between your host and marist.edu is 10 ms, between your host and nyu.edu is 20 ms, and between your...
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...
Create a webpage with HTML and JAVA Script that takes a user's 4 inputs (first name,...
Create a webpage with HTML and JAVA Script that takes a user's 4 inputs (first name, last name, phone number, and sex[using checkbox, must set on load and change whenever the checkbox is selected, only 1 box can be selected, selecting the other automatically deselects the latter]) The first button saves all the inputs into LOCAL STORAGE The Second button retrieves all the data in LOCAL STORAGE and displays them on the same page. Alert box to inform the user...
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 HTML form with the following: 2 text input fields 1 text area 2 radio...
Create an HTML form with the following: 2 text input fields 1 text area 2 radio buttons or 3 checkboxes 1 button Include labels for fields
Using HTML and JAVASCRIPT Create a Content area on the main entry page will include inputs...
Using HTML and JAVASCRIPT Create a Content area on the main entry page will include inputs for customer entry for the following: Entry field (with labeling) for the Customer's name Entry field (with labeling) for the Customer's email address Entry field (with labeling) for which room the customer is planning on painting Entry field (with labeling) for the width of the room Entry field (with labeling) for the length of the room Entry field (with labeling) using a colour box...
Step 2: using text editor (WordPad) to create a web page with the following content (you...
Step 2: using text editor (WordPad) to create a web page with the following content (you may cut-and-paste): ----------------------------------------------------------------------------------- Just a screenshoot of the output Book-O-Rama Catalog Search Book-O-Rama Catalog Search     Choose Search Type:          Author      Title      ISBN             Enter Search Term:             ------------------------------------------------------------------------------------- Then save above document to the local directory (C:\temp) and make sure that you saved it in the plain text format (in the “Save as type” popup window, choose “Text Document...
Utilizing PHP and HTML code Create a form that has text inputs for two numbers and...
Utilizing PHP and HTML code Create a form that has text inputs for two numbers and a submit button. Submit the values to a program that calculates and displays the GCD of the two numbers. The greatest common divisor of two integers a and b is the largest integer that is a factor of both a and b. The GCD of any number and 1 is 1, and the GCD of any number and 0 is that number. For example:...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT