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

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
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
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:...
We went over the format and syntax of CSS. Below, write the correct CSS syntax to make the body of an HTML document the color blue.
We went over the format and syntax of CSS. Below, write the correct CSS syntax to make the body of an HTML document the color blue. Also write what each keyword represents (example: the selector? property? etc.)
Using brackets you will need to create the HTML page and CSS style sheet for the...
Using brackets you will need to create the HTML page and CSS style sheet for the given Form example. Form 1: create an HTML page with a form that contains a text input field. The label for the text field should be “City”. Beneath it should be a submit button “Lookup”. Place a horizontal line beneath the Lookup button and add three radio buttons labeled “Beginner”, “Intermediate”, and “Advanced”. Your page should have a title and a header in the...
write php code for buying and selling web using sql, javascript ,html ,css style
write php code for buying and selling web using sql, javascript ,html ,css style
ADVERTISEMENT
Subjects
ADVERTISEMENT
Latest Questions
ADVERTISEMENT