Show Events HTML Assignment

ShowEvents

ShowEvents is an event management company in Europe that has branches even in South America. The company is well-known for its effective services and reasonable charges. It manages various types of events, such as fashion shows, celebrity shows, charity shows, and musical exhibitions. Now, the management of the company has decided to develop a website for the company. The home page of the website should be divided into three horizontal frames. The frame at the top should display the navigational links, such as Home, About Us, Services, Clients, Portfolio, and Contact Us. The frame at the bottom of the page should display various links to access the details of upcoming events, and the frame in the middle should display the Web page corresponding to the navigational link that is clicked in the topmost frame.

A set of CSS styling needs to be applied on the frames to enhance the look and feel of the Web page. The upper and lower frames should have the background color, blue, and the text color, white. Moreover, the middle frame should have the background color, white, and the text color, blue. Further, the color of the links on the upper frame should be lightened when the mouse pointer is moved over them. In addition, the links on the lower frame should appear scrolling from top to bottom.
Further, the Portfolio page that contains an image gallery with the previous and next buttons needs to be created.
After analyzing the requirement and identifying the components to create the website, you have been assigned the task to implement the required features in the website.


1.
Click on the reference, HTML5_ShowEvents_Scenario.pdf, to read or download the scenario.
You need to analyze the requirements of the preceding scenario and perform the following tasks: [25 Marks] Design the home page of the website. [15 Marks] Apply CSS styling on the home page to enhance its look and feel. [10 Marks] Note: You need to upload the solution to the preceding question as a word document in the zip format.


2.
Click on the reference, HTML5_ShowEvents_Scenario.pdf, to read or download the scenario.
Once the home page is created, you need to perform the following task: [10 Marks] Design the Portfolio page of the website. Note: You need to upload the solution to the preceding question as a word document in the zip format.


3.
Click on the reference, HTML5_ShowEvents_Scenario.pdf, to read or download the scenario.
You have implemented the rollover effect on the images in such a way that a user is able to view the event details by placing the mouse pointer over the images. However, the rollover effect is not supported by some browsers.  Explain the concept that should be used to overcome this limitation. [10 Marks]
Note: You need to upload the solution to the preceding question as a word document in the zip format.


4.
Click on the reference, HTML5_ShowEvents_Scenario.pdf, to read or download the scenario.
In the home page, you have been asked to create a table to display the links on upcoming events. The first row of the table should extend to two cells. To extend the first row, you have written the following code:
<TABLE border = "1">  <TR><TD colspan= "3">Upcoming Events</TD></TR> <TR><TD> ASR opening on 5th March, 2014 </TD> <TD> Annual Day Function of InfoMania on 7th March, 2014</TD> <TR> </TABLE>
However, during the execution of the code, the row does not get extended. Analyze the preceding code and identify the error. [5 Marks]
Note: You need to upload the solution to the preceding question as a word document in the zip format.

CLICK HERE