Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

URGENT PLEASE HELP! How you decide to layout your page and what content it contains is up to you, but the following criteria must be

URGENT PLEASE HELP! How you decide to layout your page and what content it contains is up to you, but the following criteria must be included at minimum (see below). To explore the different styling methods, you should first create one of the pages using only inline styles (only style using the style attribute), then recreate the same page using an internal style sheet (remove all style attributes and create a CSS in the header), then finally replicate the page using only an external style sheet. Save each page with each style as a different name. Question 1: Under what circumstances might you prefer to use an inline vs internal vs external style sheet? Copy over the page with the external stylesheet two other times, so you have a template for your three pages. Fill in the three pages with the appropriate information. Criteria to include on page: A div that is centered at the top of each page for the title of the site A div that is centered and visible (acts as a buffer) and contains within it three divs that are centered and horizontally next to each other (for me, it is the pink, green, and yellow divs)

Tip: to center the three divs, put them in another centered div (below the red div is centered and there is another div centered in that which you cannot see, but it is just acting as a container for the pink, green, and yellow divs). o Question 2: What is the difference between setting the widths of the divs that are within a div to equal 90% of the page than just one div to be 90% of the page? Link to all of your other pages. These links should have pseudo classes assigned so that the color of the link varies depending on if the user is hovering, it is active, visited, or if it is just a link. In addition, place the title attribute in the anchor tag and see what happens (Google title attribute HTML if you are having trouble. The first result should be a w3 schools site, which we have all seen before. This will have a good answer). Assign the title attribute a value. o *Note, you cannot apply pseudo classes via inline style, so for the page that uses inline style, you cannot due this step. An email link. o Note: the email link is slightly different than a normal hyperlink, you should Google this to find out. All the above criteria should have a comment tag underneath them in the HTML code. In addition, place some comments in the CSS so that anyone can easily tell which class is associated with each div (i.e., for my heading div I might put a comment under the class for it that reads heading class) A nice color scheme including a background color. Since we do have a background color, to make sure we can see it at all times, do not make any div span the entire browser window. An outline of your skills, education, and experience. Appropriate use of headings to explain what is going on followed by text, as necessary. How you arrange this text is up to you (paragraph, list, etc.).

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access with AI-Powered Solutions

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

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

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

Get Started

Students also viewed these Databases questions