Create a webpage that contains a table with five columns

Assignment Help Web Project
Reference no: EM13757211

Create a webpage that contains a table with five columns and four rows.

The first row will contain a heading that spans across all columns. This heading asks the user to click on an image to enlarge.

The second row will contain five images. Use the thumbnail images from your previous lab.

The third row will contain one cell that spans all columns, that contains an image of you that is 750px by 750px. (Specify the size in the element) (In part b, this image will be replaced when the user clicks on a thumbnail image from row two.)

The forth row will contain one cell that spans all columns. It contains a heading that contains your name. (This field will change in part b, every time a new image is loaded.)

You will find it helpful to assign id's to your tr/th elements as well as your image tags. It will save you work in part b.

Apply Style to your table. Make it appealing and professional looking.

Part b (lab11bxx.html) Using JavaScript to open an image in the same document

Read the entire problem and before you start.

Save lab11axx.html as lab11bxx.html.

Use Firefox

Write the JavaScript code so that each thumbnail image in the table opens the larger original image (from your thumbnails lab) in the cell in row three of the table when the thumbnail is clicked.

E.g., clicking on babbage_thumb.png should cause babbage.png to open in the third row of the table as a 750px by 750px image replacing the image that was previously there.

When the picture loads also change the text in the last row to text that describes the image.

Reference no: EM13757211

Questions Cloud

Describe a fictional healthcare organization : Describe a fictional healthcare organization: type, size of staff, and amount and type of patients it is able to serve
Prepare a strategic plan : It is essential that an organization has an appropriate value proposition. The firm cannot prepare a strategic plan until they have the value proposition developed. Conduct research to locate information on how to develop a value proposition. Prep..
How does a security framework assist or affect : How does a security framework assist or affect in the design and implementation of a security infrastructure? Detail information security governance and what organizations and personnel will use it
Association of certified fraud examiners : This assignment deals with the Association of Certified Fraud Examiners. Search the Internet to find their website.
Create a webpage that contains a table with five columns : Create a webpage that contains a table with five columns and four rows.
Information on the current security state : You selected an organisation, and provided information on the current security state and made suggestions of improvements to their security
Present value of an annuity table : What is the difference between the Present value of a $1 table and the present value of an annuity table? What is the difference between the Future value of a $1 table and the future value of an annuity table?
Explain why you think the conflicts are significant : Explain why you think the conflicts are significant and what meanings/understandings they provide to the texts.
Average rate of return cost savings : Determine the average rate of return on the equipment, giving effect to straight-line depreciation on the investment. If required, round to the nearest whole percent.

Reviews

Write a Review

Web Project Questions & Answers

  User interface design

Review the Principles of User Interface Design presentation located in the Week Three section of the student website. Evaluate a website of your choice for adherence to the six design principles outlined in the presentation

  Maze solver in prolog

Question: Develop a site of Maze solver in Prolog.

  Create any additional servlet and jsp pages necessary

The links from your "index" page should lead to a "product info" page where the detailed specifics of a product should be displayed.  See Example%2.  Hint, the product ID is a unique way to identify and find a product.

  Create effective navigation for the application or site

Expand your application or site to include input form(s)--such as a change control request, a support ticket request, a test or bug report, a training request, or a contact request.

  Create images for the web

What this assignment has taught you about the Object-Oriented programming concept; be sure to use 00 terminology to express your thoughts; connections to 00 programming may be difficult to make, but you should be able to make some.

  Beck anxiety inventory

It's a rule-based application which must be written in CLIPS, Do you have programmers experienced with it?

  Explain how a soa would improve patient care

What are some examples of how a SOA would improve patient care

  Describe other advantages other than security gained

Architecting web-applications using web-services has advantages. Forexample, you can gain increased security. Describe other advantages other than security gained by using web-services.

  Explain the different types of interactive environments

Describe the differences in developing user interfaces for different application environments. Compare and contrast the different types of interactive environments.

  Long-tail keyword phrases

As compared to fat head keyword phrases, long-tail keyword phrases typically

  Discussion of the project research activity

Maintain a journal of the activities and research that you have engaged in in the completion of this assignment.

  Project on blackjack

BlackJack: This game is played between a player and a dealer. (In this exercise there is only one player - you.)Each person (player, dealer) draws two cards with each card's face counting towards a player's score. Picture cards: Jack, queen, and ki..

Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd