Question

In: Computer Science

Purpose: To practice the use of HTML and CSS Game Review Website 1. You will write...

Purpose: To practice the use of HTML and CSS

Game Review Website

1. You will write a website for the fictitious company Game Gurus.
The website will have a home page that you will design, as well as pages created by each "guru."
(At least 2 gurus are required).
The home page will include:
o A description of the site
o A quote from each guru
o Links to manufacturers websites
o Links to the TopTen.html and GameOfTheWeek.html pages for each guru

2. Each guru's page should link to the following pages:
- TopTen.html
o Listing the guru's favorite 10 games
o Providing a link to the home page and the Game of the Week page

- GameOfTheWeek.html
o Providing a game review for one game
o Including lists of the guru's favorite games in three different categories
o Including hyperlinks to TopTen.html and the home page

3. Each guru page will have a different style

Make your pages appealing/nice.

Solutions

Expert Solution

1)code for home page. I have created the structure . you can modify the content as per your wish .

<HTML>

<head>

<title>home page</title>

<style>

h1{color:blue;}

h2{color:red;}

a{color:red;}

</style>

</head>

<body>

<h1>description</h1>

<p>game gurus is a website which contains information related to some gurus</p>

<h2>quote from guru1</h2>

<p>Live a great life,never let the problems defeat you!</p>

<h2>quote from guru2</h2>

<p>You are a human!There is no need to become a super human.Humans are already super!Use your full potential and live and design your life consciously.</p>

<a href=“manfacturer.com”>Contact manufacturer</a>

<a href=“TopTen.html”>Top 10</a>

<a href=“GameOfTheWeek.html”>GameOfTheWeek</a>

</body>

</HTML>

2)code for guru1

<HTML>

<head>

<title> guru1</title>

<style>

a{color:red;}

h1{color:blue;}

</style>

</head>

<body>

<h1>guru1</h1>

<a href=“TopTen.html”>Top 10</a>

<a href=“GameOfTheWeek.html”>GameOfTheWeek</a>

</body>

</HTML>

3)code for guru2

<HTML>

<head>

<title> guru</title>

<style>

a{color:red;}

h1{color:blue;}

</style>

</head>

<body>

<h1>guru2</h1>

<a href=“TopTen.html”>Top 10</a>

<a href=“GameOfTheWeek.html”>GameOfTheWeek</a>

</body>

</HTML>

4) code for top ten html

<HTML>

<head>

<title> Top ten </title>

<style>

a{color:red;}

h1{color:blue;}

li{color:yellow;}

</style>

</head>

<body>

<h1>Top ten</h1>

<ul>

<li>game1</li>

<li>game2</li>

<li>game3</li>

<li>Game4</li>

<li>game5</li>

<li>game6</li>

<li>game7</li>

<li>game8</li>

<li>game9</li>

<li>game10</li></ul>

<a href=“Home.html”>Home</a>

<a href=“GameOfTheWeek.html”>GameOfTheWeek</a>

</body>

</HTML>

5)code for game of the week

<HTML>

<head>

<title> Game of the week </title>

<style>

a{color:red;}

h1{color:blue;}

li{color:yellow;}

</style>

</head>

<body>

<h1>Game of the week</h1>

<p>review of game1:<br>this game is awesome.</p>

<ul>

<li>game1</li>

<li>game2</li>

<li>game3</li>

<li>Game4</li>

<li>game5</li>

<li>game6</li>

<li>game7</li>

<li>game8</li>

<li>game9</li>

<li>game10</li>

</ul>

<a href=“Home.html”>Home</a>

<a href=“Top ten.html”>top ten</a>

</body>

</HTML>

venereology answered 1 year ago
Next > < Previous

Related Solutions

Task 1: HTML and CSS Create a website using HTML5 and CSS3 only. Website theme can...
Task 1: HTML and CSS Create a website using HTML5 and CSS3 only. Website theme can be anything you want: a country, a town, a place, a hobby, people (yourself, your family...), pets, flowers, food, or anything that you find interesting or useful. It may be about real people/places/things or fictitious. Part 1: Content (HTML) After you decide the theme of your website, create HTML pages with the content you want to present. Remember to separate content from presentation. The...
I need pure html and css code for a demo website that sells stuff online (example...
I need pure html and css code for a demo website that sells stuff online (example amazon). I need a webpage that is about a specific product (shows price, image, description and etc etc.) Use of CSS is must. Use of Javascript would be an asset. Urgently needed.
Make a working good looking webpage (Home page) of a PAYROLL website using CSS, HTML, and...
Make a working good looking webpage (Home page) of a PAYROLL website using CSS, HTML, and JavaScript # Sign in/SignUp page should work # CSS HTML and javaScript should be in separate files # Add images # post a picture of your output and code as well
Develop a personal web page for yourself using HTML, CSS, and Javascript Use the following HTML...
Develop a personal web page for yourself using HTML, CSS, and Javascript Use the following HTML tags to design your webpage: <h1>...</h1>,<h3>...</h3>, <h6>...</h6>, <p>...</p>, <b>...</b>, <i>...</i>, <a>...</a>, <img...>, <table>... </table>, <div>...</div>, <form>...</form>, <input type="text">, and <input type= "submit"> Use an external css to change the default style of your webpage. You must use at least one element selector, one id selector, and one class selector Using text input and submit button, allow the user to change the background color of...
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...
Please write "my account" page program by using HTML and CSS
Please write "my account" page program by using HTML and CSS
Create 1 HTML page and 1 CSS file for all the styles. Your html page will...
Create 1 HTML page and 1 CSS file for all the styles. Your html page will be a small gallery of images using the Polaroid style. The page should have at least 1 row of 3 images. You can choose any theme of images. Don't pick random images, make them all have a theme. Add an h1 tag for the header of your page. Style the h1 tag with a color, size, and font family. Include a paragraph tag under...
Use HTML&CSS& JavaScript to: 3-4) Write a JQuery Ajax program which can communicate with flicker to...
Use HTML&CSS& JavaScript to: 3-4) Write a JQuery Ajax program which can communicate with flicker to get the last pictures taken from any place or related to any concept(s) the user has written in a textbox, say Sydney, train. Some information associated with the image like its topic, time taken, and its link needs to be appeared with it. 3-5) Develop a server which can serve the file you developed in 3-4. 3-6) Add a plugin to the real jQuery...
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...
Use HTML, CSS, jQuery and Bootstrap to do the following: 1. Add four buttons "Start", "Stop",...
Use HTML, CSS, jQuery and Bootstrap to do the following: 1. Add four buttons "Start", "Stop", "Back", "Reset". <button type="button"> 2. Add "glyphicon-shopping-cart" to <div id="sc" style="font-size: 100px; color: blue; ">. Use CSS in embeded style to set <style type="text/css">     #sc{ border-style: dotted; /* Required to animate border width */ border-color: red; border-width: 0; } </style> 3. <script> - "Start", call "animate()" function to move it to right by 300px for each click, speed is 2000. left: "+=300px". Hint:...
ADVERTISEMENT
Subjects
ADVERTISEMENT
Latest Questions
ADVERTISEMENT