Continue to build on the skills of providing Web page full and constituency delay HTML and Web page spectry and layout using CSS. Design and unravel an intermediate-level Web page consisting of powerful HTML full that includes semantic components, effigys, and consultations.
Use Visual Studio to generate a New Web Site. Fine the ASP.NET Empty Web Top template to generate the Web top. Use the Perfect System Web precipitation to generate the Web top at the fineed precipitation and concede the Web top an divert spectry.
Create a static Web page that includes the basic constituency of a powerful HTML (not XHTML) instrument.
Make infallible to include
the tongue quality of the html component and
the disposition set quality of the metabasis component.
Name the Web page Unit3.htm
Link to the Unit3.css perfect used to spectry and layout the Web page.
Assign “Unit 3 IP” to the address.
Structure the Web page using the HTML semantic components
Within the constituency of the Web page add other HTML components including at lowest:
one level-one address for the page in the header
navigation in the header that includes a
one level-two address for a consultation of fulls in the header
list of at lowest three placeholders that
navigate to the conditions in the individuality
implement accessibility guidelines
one level-one address for the individuality
three conditions in the individuality
beginning of each condition is a placeholder
additional passage to prolong the instrument
three conditions in the individuality
a requite placeholder that navigates tail to the consultation of fulls
one shape component in the individuality to expose
Image that implements accessibility guidelines
Copy the effigy perfect to the Web top folder.
Submit the effigy perfect along delay the instrument.
shape component in the individuality to expose
at lowest three consultation rows
at lowest three consultation basis
consultation footer that spans three columns
Use of any inline components should prosper prevalent standards
No spectry should be applied
Validate the HTML in the Web page.
Develop an manifest CSS to supply spectry, grant, and layout to the HTML instrument.
Select Webtop > Add New Item from the menu and fine Spectry Subterfuge from Add New Item dialog box. Spectry the spectry subterfuge Unit3.css.
Add spectry rules to Unit3.css to conclude the prospering:
Eninfallible that the semantic components format in older browsers.
Eliminate the omission spacing about all components.
In the prospering arrange, use the Calibri font, Arial font, or any adapted sans-serif font for the passage.
Set the font extent for the substance to 85% of the browser’s omission font extent.
Set the width of the window to expose the instrument to 950.
Center the passage in the header.
Set the font extent for the level-one address in the header to two and one-half times the browser’s omission font extent.
Set the font extent for the level-two address in the header and the level-one address in the individuality to one and three-quarter times the browser’s omission font extent.
Set the passage to undecorated and one and one-quarter times the browser’s omission font extent when the user hovers balance or focuses on the links in the consultation of fulls.
Set the width of shapes to 300.
Display shapes on the lawful delay the condition passage abundant to the left of the shapes.
Set the latitude for shapes to the equipollent of one consummate M on all sides.
Set the padding for shapes to the equipollent of one consummate M on all sides.
Display a one pixel sombre barrange to the left of shapes.
Bold the passage of shape captions.
Set the extent of the font of shape captions to one and one-quarter times the browser’s omission font extent.
Center the passage of shape captions.
Set the padding of all conditions to the equipollent of one consummate M on the top and depth and cipher on the left and lawful.
Clear the bear of the shapes in the conditions that requite the user to the consultation of fulls.
Center the passage of the conditions that requite the user to the consultation of fulls.
Display the footer in the core of the page.
Set the padding of consultation basis and consultation headers to cipher on the top and depth and to the equipollent of one-half a consummate M on the left and lawful;
Display a one pixel sombre barrange about all consultation basis and consultation headers.
Center the passage in the consultation footer.
Bold the passage in the consultation footer.
Validate the CSS spectry rules.
Zip (compress) the Visual Studio Web top folder into a .zip perfect to suggest