Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Create a web page, introducing yourself with the following conditions: The web page includes two columns The left column is mainly for navigation area; The

Create a web page, introducing yourself with the following conditions:

  • The web page includes two columns
    • The left column is mainly for navigation area;
    • The right column contains the header, main content and footer.

  • The left column includes the logo and the navigation area
    • The navigation area includes four navigation hyperlinks to four web pages of Short bio, Classes, Favorite web sites, and contact
      • The navigation links href attribute values can be empty .
    • The logo text is MyHome. Create an id (named logo) for this text so that it has
      • Any fantasy face font;
      • 200% font size;
    • 10 pixels of padding.

  • The navigation links should work as required:
    • Do not show list markers and underlines
    • Have different colors at different states
      • default as blue;
      • visited as red;
      • hover as green;
      • active as purple;

  • The right column includes a header, a content area, and a footer area with copy right:
    • The header shows the text FirstName LastNames Homepage, and your photo. Your photo is always at the right end of the header area (hint: code your image before the text so that the text will flow to the left of the image);
    • The content area shows:
      • Your favorite quote at the left side of your favorite image area
      • An area for your favorite image, which
        • Contains the image whose size should be 250 px by 250 px or smaller
        • Float to the right side of the main content area
        • Has a 2 px solid black border
        • Has a text title centered below the image
        • Has 15px margin space on all four sides of the image area
    • The footer shows Copyright 20XX FirstName LastName,
      • The footer text is centered

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image_2

Step: 3

blur-text-image_3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Multidimensional Array Data Management In Databases

Authors: Florin Rusu

1st Edition

1638281483, 978-1638281481

More Books

Students also viewed these Databases questions

Question

6. Write a job specification.

Answered: 1 week ago