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...
HTML WEBSITE WITH CSS LAYOUT 1. Create a studentregistration form with the following fields: > Email...
HTML WEBSITE WITH CSS LAYOUT 1. Create a studentregistration form with the following fields: > Email Address (Email) > Desired Username (Text box) > Password (Password) > Family name (Text box) > Middle Name/Initial (Text box) > First name (Text box) > Gender (Radio Button - Male or Female only!) > ID Number (Text box) > Mobile Number (Text box) > Landline Number (Text box) > Permanent Home Address (Text box) > Degree/Course (Text box) > Year Level (Drop down...
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...
5 html files minimum (does not include css file) Use of all three methods of css...
5 html files minimum (does not include css file) Use of all three methods of css (inline, internal, external). Have inline and internal css on all 5 html files and use one external css file that styles all 5 html pages Use div tags to section off part of the pages and add border radius the divs 1 paragraph on at least 5 html pages (1 paragraph must have at least 6 sentences) The following CSS properties must be used...
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...
Follow these steps to implement the following browser-based puzzle game:(Javascript/html/css) 1. Get a photo of yourself...
Follow these steps to implement the following browser-based puzzle game:(Javascript/html/css) 1. Get a photo of yourself and save it as an image file 2. Use a image-splitting program such as splitter.imageonline.co to break the image into 9 roughly equal parts (3 x 3). Save those files in a directory 3. Write Javascript that takes these nine images and randomly rearranges them in a 3 x 3 grid. 4. Each cell in the grid will also have a checkbox. 5. At...
ADVERTISEMENT
Subjects
ADVERTISEMENT
Latest Questions
ADVERTISEMENT