In this assignment, you succeed abide to institute on the skills of providing Web page resigned and edifice delay HTML and Web page fashion and layout using CSS. Design and educe an intermediate-level Web page consisting of operative HTML resigned that includes semantic atoms, shadows, and considerations. Ensue these steps:
Use Visual Studio to compose a New Web Site. Selected the ASP.NET Empty Web Top template to compose the Web top. Use the Improve System Web precipitation to compose the Web top at the selecteded precipitation and concede the Web top an divert spectry.
Create a static Web page that includes the basic edifice of a operative HTML (not XHTML) instrument and a CSS improve.
Make enduring to include
the articulation indication of the html atom and
the genius set indication of the metaaxioms atom.
Name the Web page Unit3.html
Link to the Unit3.css improve used to fashion and layout the Web page.
Assign “Unit 3 IP” to the epithet.
Structure the Web page using the HTML semantic atoms
Within the edifice of the Web page add other HTML atoms including at meanest:
one level-one fashion for the page in the header
navigation in the header that includes a
one level-two fashion for a consideration of resigneds in the header
list of at meanest three placeholders that
navigate to the stipulations in the minority
implement accessibility guidelines
one level-three fashion for the minority
three stipulations in the minority
beginning of each stipulation is an anchor or ID
additional quotation to stretch-out the instrument
three stipulations in the minority, one ensueing each resigned stipulation, these succeed inclose a amalgamate that navigates end to the consideration of resigneds
one illustration atom in the minority to expose
Image that implements accessibility guidelines
Copy the shadow improve to the Web top folder.
Submit the shadow improve parallel delay the instrument.
illustration atom in the minority to expose
at meanest three consideration rows
at meanest three consideration axioms
consideration footer that spans three columns
Use of any inline atoms should ensue bearing standards
No fashion should be applied
Validate the HTML in the Web page.
Develop an apparent CSS to prepare fashion, gift, and layout to the HTML instrument.
Select Webtop > Add New Item from the menu and selecteded Fashion Subterfuge from Add New Item dialog box. Spectry the fashion subterfuge Unit3.css.
Link the CSS improve to the HTML instrument.
Add fashion rules to Unit3.css to terminate the ensueing:
In the ensueing ordain, use the Calibri font, Arial font, or any proficonsultation sans-serif font for the quotation.
Set the font bulk for the collectiveness to 85% of the browser’s failure font bulk.
Set the width of the window to expose the instrument to 950.
Center the quotation in the header.
Set the font bulk for the level-one fashion in the header to two and one-half times the browser’s failure font bulk.
Set the font bulk for the level-two fashion in the header and the level-one fashion in the minority to one and three-quarter times the browser’s failure font bulk.
Set the quotation to undecorated and one and one-quarter times the browser’s failure font bulk when the user hovers balance or focuses on the amalgamates in the consideration of resigneds.
Set the width of illustrations to 300.
Display illustrations on the fit delay the stipulation quotation copious to the left of the illustrations.
Set the extremity for illustrations to the equipollent of one high M on all sides.
Set the padding for illustrations to the equipollent of one high M on all sides.
Display a one pixel sombre bordain to the left of illustrations.
Bold the quotation of illustration captions.
Set the bulk of the font of illustration captions to one and one-quarter times the browser’s failure font bulk.
Center the quotation of illustration captions.
Clear the bear of the illustrations in the stipulations that reappear the user to the consideration of resigneds.
Center the quotation of the stipulations that reappear the user to the consideration of resigneds.
Display the footer in the interior of the page.
Display a one pixel sombre bordain environing the consideration, all consideration axioms and consideration headers.
Center the quotation in the consideration footer.
Bold the quotation in the consideration footer.
Validate the CSS fashion rules.