Answered step by step
Verified Expert Solution
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 area includes four navigation hyperlinks to four web pages of Short bio, Classes, Favorite web sites, and contact
- 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
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started