Question

In: Computer Science

Design an activities page to make this web site complete. a.Use your imagination to create at...

Design an activities page to make this web site complete. a.Use your imagination to create at least four activities. b.Organize these activities in a table. c.Some activities are free but some may charge some fee. d.Once again, the correct resort title and navigation menu bar shall be included.e.Include an image for each activity. Make sure the images’ size are the same.f.When mouse hovers on any image, its size will be enlarged.

Solutions

Expert Solution

ANSWER:-

GIVEN THAT:-

1)

Use a jpg/png type image of width 500px and height 500px

2)

Put this image link into <img> tag of href =" " attribute.

3)

save the file with extension .html(ex:-abc.html)

4)

<!DOCTYPE html>
<html lang="en">
<head>
<title>Pasific Trial Resort</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.bodystyle {
border: 3px solid red;
Padding:20px;
margin-right:43%;
}
.heading{
font-size:40px;
}
.menu{
padding:15px;
}
.menu a{
padding-right:10px;
font-size:20px;
}
table, th, td {
border-style:inset;
margin:0px;
padding:0px;
}
th p{
float:left;
padding:0px;
}
table tr img:hover{
transform: scale(1.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
table tr td img{
height:450px;
width:400px;
}
</style>
</head>
<body>
<div class="bodystyle">
<!-- Heading wihch include heading and menu bar-->
<header>
<h3 class="heading">Pasific Trial Resort (Need Modifications)</h3>
<div class="menu">
<a href="#">Home</a>
<a href="#">Yurts</a>
<a href="#">Activities</a>
<a href="#">Reservations</a>
</div>
<h2>Activites at Pacific Trails</h2>
</header>
<!-- Header end here-->   
<!-- table start from here include image and title with fee-->
<table width="100%" " border="0" cellpadding="5">
<tr>
<th><p>Pool-Free</p></th>
<th><p>Parasailing- $100</p></th>
</tr>
<tr>
<td align="center" valign="center" >
<!-- image size should be of width=500px and height= 500px-->   
<img src="1.jpg" />
</td>
<td align="center" valign="center">
<!-- image size should be of width=500px and height= 500px-->   
<img src="2.jpg" />
</td>
<tr>
<th><p>Golf-$20</p></th>
<th><p>Hiking- Free</p></th>
</tr>
<tr>
<td align="center" valign="center">
<!-- image size should be of width=500px and height= 500px-->   
<img src="3.jpg" />
</td>
<td align="center" valign="center">
<!-- image size should be of width=500px and height= 500px-->   
<img src="4.jpg" />
</td>
</tr>

</table>
<!-- table ends here-->   
<!-- footer start here which include copyright and link-->
<footer>
<i>Copyright &copy; 2019 Pasific Trail Resort</i></br>
<a href=#><i>[email protected]</i></a>
</footer>
<!-- footer ends here-->
</div>
</body>
</html>

  


Related Solutions

Consider the design of a database for a web site of a web site of videos...
Consider the design of a database for a web site of a web site of videos that teach people how to do things by yourself, such as house renovation. We will call videos as DIY videos. First, all registered users can post DIY questions, such as “how to paint a wall”. Each DIY question is identified by a question ID, the question itself, and a list of tags (each tag is a lower case word) to annotate the question, and...
Using HTML: Create a Book of the Month Club Web site. The home page should describe...
Using HTML: Create a Book of the Month Club Web site. The home page should describe the current month's selection, including book title, author, publisher, ISBN, and the number of pages. Create separate Web pages for book selections in each of the last three months. Add links to the home page that opens each of the three Web pages. Save the home page as BookClub.html, and save the Web Pages for previous months using the name of the month. BOOK:...
For this assignment you are required to create a web page displaying a recipe of your...
For this assignment you are required to create a web page displaying a recipe of your choosing. Your submission should appropriately use the basic head and body construction of an HTML document. Additionally you are required to appropriately use at least three different HTML element types. For example you might use an unordered list for your ingredients, an ordered list for the steps of your recipe, and an image to show the final result. If you choose to use an...
Create a web site to share your travel blog stories from multiple trips. Desktop site should...
Create a web site to share your travel blog stories from multiple trips. Desktop site should have three columns, the left being navigation, middle is your text, the right is some basic facts about the location that you visited. Tablet site should have two columns, dropping the right column. Mobile phone site should have one column, with the navigation becoming the drop-down list. Create a form and use JavaScript to validate the user data. Submitting valid data should result in...
Create a web site to share your travel blog stories from multiple trips. Desktop site should...
Create a web site to share your travel blog stories from multiple trips. Desktop site should have three columns, the left being navigation, middle is your text, the right is some basic facts about the location that you visited. Tablet site should have two columns, dropping the right column. Mobile phone site should have one column, with the navigation becoming the drop-down list. In HTML, also don't worry about putting information on the columns you can just put some kind...
The number of views of a page on a Web site follows a Poisson distribution with...
The number of views of a page on a Web site follows a Poisson distribution with a mean of 1.5 per minute. (i) What is the probability of no views in a minute? (ii) What is the probability of two or fewer views in 10 minutes? (iii) What is the probability of two or fewer views in 2 hours?
Create a table on one page of your site that has at least one colspan or...
Create a table on one page of your site that has at least one colspan or rowspan. Style it with at least three selectors in your stylesheet. You can use element, class and/or ID. (Note: do not use deprecated HTML attributes - use CSS!) Add at least two font stacks to your website including one web font from Google Fonts (Links to an external site.) Use padding, margin, and border at least once each in your stylesheet.
In this assignment you will create a web page about your favorite sports to play or...
In this assignment you will create a web page about your favorite sports to play or teams to watch. If you don’t watch or play sports, please make up your favorite sports to play or teams to watch. You will be incorporating images into your web page, as well as other concepts learned in this unit. Create an external style sheet using a text editor of your choosing. In the CSS file add the following style rules: A background image...
For your final project, you are to create a two-page web application of your choice. ASP.NET...
For your final project, you are to create a two-page web application of your choice. ASP.NET : C# You must include the following items: At least 5 different standard server controls At least 2 validation controls At least 1 navigation control ~ one must navigate back and forth to each page One session state element Upon completion of your two-page web application, you will provide a two page report describing the functions of the web application as well as each...
Create an empty Web Site application named Bakery. Add a new Web page named Default.aspx to the application. Change the DOCUMENT object's Title property to Meyer's.
In Visual BasicCreate an empty Web Site application named Bakery. Add a new Web page named Default.aspx to the application. Change the DOCUMENT object's Title property to Meyer's. The application should allow the user to enter two items: the number of doughnuts ordered and the number of muffins ordered. The application should should display the total number of items ordered and the total sales amount, inlcuding a 5% sales tax. A doughnut costs .50; a muffin costs .75. Save the...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT