HTML WEB PROGRAMMING

Start by creating a text file called FinalLab-FireflyGuide.html.

Proper , , tags will need to be inserted to make it HTML recognizable to the browser.

When the page is viewed in the browser, the tab or window title should read "Firefly: Season 1 Episode Summary". HTML tag(s) should used and placed into the HTML file.

Across the top of the page centered should be a large image of the Firefly Show intro or banner. There are plenty of these out on the web. Choose one you like and use it.

Under that image should be the phrase Firefly: Season 1 Episode Guide

The text is bold face

The text should be centered

The text should be the largest on the page, approximately 3 times the size of the normal text on the page

Put in a couple of blank links before starting the next item.

Now create a table for the episodes.

There should be a caption called Episode Guide for the table.

A header set for the table should be there explaining/labeling the columns.

No header needed for the column with the picture

The columns with the Episode Title and the Air Date will have those as the header information.

There should also be a header for Synopsis. It will be underneath the column headers for episode guide and air date.

Each episode block will be the information about 1 episode as seen on the IMDB webpage.

There will need to be a picture. It does not have to be one from the IMDB page but it is easy to just pull that one down and use it. The picture will need to span all the rows for a particular episode.

The First row of an episode will have the episode title and air date in sepearate cells.

The Second row of an episode will have the episode synopsis. It will span the two columns that are above it on row 1

The Third row of the episode will have two cells, the first will say Director(s). The second will list out all directors for that episode.

The fourth row of the episode will have two cells also. The first will say Writer(s). The second cell will have the director's name.

Director labels and Writer labels are to be bold faced. Director names and Writer names are to be italicized.

Here is where it might get sticky. If there is multiple writers or/and directors for an episode, each writer or director will need to be in their own cell. This means that the writer or director labels may need to span multiple rows also.

The director and writer information can be found on each individual episode page on the IMDB website. So you will have to visit each of the episode pages to get it.

The table should have a thin borders.

The background for the episode synopsis cells whould be a light gray.

The background of the other cells will vary depending on the air date.

Episodes with air dates in 2002 will have a light blue background.

Episodes with air dates in 2003 will have a light yellow backgroung.

The gray background for the synopsis will always be gray and is not changed due to the air date year.

This is to be one table, not a series of individual tables.

Be sure to replicate the consistent sizing and look of the images on the IMDB webpage. The main difference will be that for your page, the image is to be centered vertically and horizontally in the cell instead of being at the top as the IMDB shows.

The next to last row will be an insert of a video. The video should be in a single cell that spans all columns. The video is to be centered and have the controls. No autoplay for this video.

Here is the video you are to put in that cell. https://www.youtube.com/watch?v=JPwkDF5AxQM

You do not have to download the video, just link it in.

Yes, you can use the method of embedding from Youtube.

The last row on the table should be a single cell that spans all columns. In the cell will be a link to the IMDB webpage. The text should credit the IMDB webpage for the information and provide the link. The text is to be centered in the cell. The link should be live and active.

The page background should be a tan color.