SlideShare a Scribd company logo
1 of 7
Continue to build on the skills of providing Web page content
and structure with HTML and Web page style and layout using
CSS. Design and develop an intermediate-level Web page
consisting of valid HTML content that includes semantic
elements, images, and tables.
Use Visual Studio to create a New Web Site. Select the
ASP.NET Empty Web Site template to create the Web site. Use
the File System Web location to create the Web site at the
selected location and give the Web site an appropriate name.
Create a static Web page that includes the basic structure of a
valid HTML (not XHTML) document.
Make sure to include
the language attribute of the html element and
the character set attribute of the metadata element.
Name the Web page Unit3.htm
Link to the Unit3.css file used to style and layout the Web page.
Assign “Unit 3 IP” to the title.
Structure the Web page using the HTML semantic elements
header
section
footer
Within the structure of the Web page add other HTML elements
including at least:
one level-one heading for the page in the header
navigation in the header that includes a
one level-two heading for a table of contents in the header
list of at least three placeholders that
navigate to the paragraphs in the section
implement accessibility guidelines
one level-one heading for the section
three paragraphs in the section
beginning of each paragraph is a placeholder
additional text to lengthen the document
three paragraphs in the section
a return placeholder that navigates back to the table of contents
one figure element in the section to display
Image that implements accessibility guidelines
Copy the image file to the Web site folder.
Submit the image file along with the document.
figure caption
figure element in the section to display
figure caption
table width
table header
table body
at least three table rows
at least three table data
table footer that spans three columns
Use of any inline elements should follow current standards
No style should be applied
Validate the HTML in the Web page.
Develop an external CSS to provide style, presentation, and
layout to the HTML document.
Select Website > Add New Item from the menu and select Style
Sheet from Add New Item dialog box. Name the style sheet
Unit3.css.
Add style rules to Unit3.css to accomplish the following:
Ensure that the semantic elements format in older browsers.
Eliminate the default spacing around all elements.
In the following order, use the Calibri font, Arial font, or any
available sans-serif font for the text.
Set the font size for the body to 85% of the browser’s default
font size.
Set the width of the window to display the document to 950.
Center the text in the header.
Set the font size for the level-one heading in the header to two
and one-half times the browser’s default font size.
Set the font size for the level-two heading in the header and the
level-one heading in the section to one and three-quarter times
the browser’s default font size.
Set the text to undecorated and one and one-quarter times the
browser’s default font size when the user hovers over or focuses
on the links in the table of contents.
Set the width of figures to 300.
Display figures on the right with the paragraph text flowing to
the left of the figures.
Set the margin for figures to the equivalent of one capital M on
all sides.
Set the padding for figures to the equivalent of one capital M on
all sides.
Display a one pixel black border to the left of figures.
Bold the text of figure captions.
Set the size of the font of figure captions to one and one-quarter
times the browser’s default font size.
Center the text of figure captions.
Set the padding of all paragraphs to the equivalent of one
capital M on the top and bottom and zero on the left and right.
Clear the float of the figures in the paragraphs that return the
user to the table of contents.
Center the text of the paragraphs that return the user to the table
of contents.
Display the footer in the center of the page.
Set the padding of table data and table headers to zero on the
top and bottom and to the equivalent of one-half a capital M on
the left and right;
Display a one pixel black border around all table data and table
headers.
Center the text in the table footer.
Bold the text in the table footer.
Validate the CSS style rules.
Zip (compress) the Visual Studio Web site folder into a .zip file
to submit

More Related Content

Similar to Continue to build on the skills of providing Web page content an

Similar to Continue to build on the skills of providing Web page content an (20)

Chapter 12
Chapter 12Chapter 12
Chapter 12
 
READING ASSIGNMENTEach element of your project must be submitted.docx
READING ASSIGNMENTEach element of your project must be submitted.docxREADING ASSIGNMENTEach element of your project must be submitted.docx
READING ASSIGNMENTEach element of your project must be submitted.docx
 
CSS
CSSCSS
CSS
 
Css
CssCss
Css
 
Css
CssCss
Css
 
QM CONNECT - 5 Steps to an Accessible Syllabus Slidedeck ASELLS 0917
QM CONNECT - 5 Steps to an Accessible Syllabus Slidedeck ASELLS 0917QM CONNECT - 5 Steps to an Accessible Syllabus Slidedeck ASELLS 0917
QM CONNECT - 5 Steps to an Accessible Syllabus Slidedeck ASELLS 0917
 
CSS Cascade Style Sheet
CSS Cascade Style SheetCSS Cascade Style Sheet
CSS Cascade Style Sheet
 
CSS - LinkedIn
CSS - LinkedInCSS - LinkedIn
CSS - LinkedIn
 
Dw Lesson01
Dw Lesson01Dw Lesson01
Dw Lesson01
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Dreamweaver CS3
Dreamweaver CS3Dreamweaver CS3
Dreamweaver CS3
 
CSS
CSSCSS
CSS
 
Bootstrap Paragraphs for Drupal 8
Bootstrap Paragraphs for Drupal 8Bootstrap Paragraphs for Drupal 8
Bootstrap Paragraphs for Drupal 8
 
CSS notes
CSS notesCSS notes
CSS notes
 
Css introduction
Css introductionCss introduction
Css introduction
 
Journal Programs Journal Programs Journal Programs
Journal Programs Journal Programs Journal ProgramsJournal Programs Journal Programs Journal Programs
Journal Programs Journal Programs Journal Programs
 
Css Founder.com | Cssfounder Company
Css Founder.com | Cssfounder CompanyCss Founder.com | Cssfounder Company
Css Founder.com | Cssfounder Company
 
Basic html training national
Basic html training nationalBasic html training national
Basic html training national
 
Pemrograman Web 2 - CSS
Pemrograman Web 2 - CSSPemrograman Web 2 - CSS
Pemrograman Web 2 - CSS
 

More from kedsliemichal

I need a effective research about Salt River in Arizona and how it i.docx
I need a effective research about Salt River in Arizona and how it i.docxI need a effective research about Salt River in Arizona and how it i.docx
I need a effective research about Salt River in Arizona and how it i.docxkedsliemichal
 
I need a paper on1) Scenario Pursuant to the 2010 Health Care R.docx
I need a paper on1) Scenario Pursuant to the 2010 Health Care R.docxI need a paper on1) Scenario Pursuant to the 2010 Health Care R.docx
I need a paper on1) Scenario Pursuant to the 2010 Health Care R.docxkedsliemichal
 
I need a good reserch on Doilies (doily) history should incl.docx
I need a good reserch on Doilies (doily) history should incl.docxI need a good reserch on Doilies (doily) history should incl.docx
I need a good reserch on Doilies (doily) history should incl.docxkedsliemichal
 
I need a grammar, content and reference review of AMA style. I am al.docx
I need a grammar, content and reference review of AMA style. I am al.docxI need a grammar, content and reference review of AMA style. I am al.docx
I need a grammar, content and reference review of AMA style. I am al.docxkedsliemichal
 
I need a paragraph for each question with details,1) How can u.docx
I need a paragraph for each question with details,1) How can u.docxI need a paragraph for each question with details,1) How can u.docx
I need a paragraph for each question with details,1) How can u.docxkedsliemichal
 
I need a essay that sounds very personal but yet professional.It.docx
I need a essay that sounds very personal but yet professional.It.docxI need a essay that sounds very personal but yet professional.It.docx
I need a essay that sounds very personal but yet professional.It.docxkedsliemichal
 
I need a Juke Box Created in Visual Studios 2010.The code should b.docx
I need a Juke Box Created in Visual Studios 2010.The code should b.docxI need a Juke Box Created in Visual Studios 2010.The code should b.docx
I need a Juke Box Created in Visual Studios 2010.The code should b.docxkedsliemichal
 
I need a Child Development timeline power point referencing physical.docx
I need a Child Development timeline power point referencing physical.docxI need a Child Development timeline power point referencing physical.docx
I need a Child Development timeline power point referencing physical.docxkedsliemichal
 
i need a 600-word (minimum) essay on Federalist Paper #10. Must prov.docx
i need a 600-word (minimum) essay on Federalist Paper #10. Must prov.docxi need a 600-word (minimum) essay on Federalist Paper #10. Must prov.docx
i need a 600-word (minimum) essay on Federalist Paper #10. Must prov.docxkedsliemichal
 
I need a 5 page essay for Let The Great World Spin, double spaced. T.docx
I need a 5 page essay for Let The Great World Spin, double spaced. T.docxI need a 5 page essay for Let The Great World Spin, double spaced. T.docx
I need a 5 page essay for Let The Great World Spin, double spaced. T.docxkedsliemichal
 
I need a 4 page paper....defining a WORD......which meets below .docx
I need a 4 page paper....defining a WORD......which meets below .docxI need a 4 page paper....defining a WORD......which meets below .docx
I need a 4 page paper....defining a WORD......which meets below .docxkedsliemichal
 
I need a 2 pages report with atleast 1 workcited.  QUESTION Gen.docx
I need a 2 pages report with atleast 1 workcited.  QUESTION Gen.docxI need a 2 pages report with atleast 1 workcited.  QUESTION Gen.docx
I need a 2 pages report with atleast 1 workcited.  QUESTION Gen.docxkedsliemichal
 
I need a 5 page paper apa with references.  The details are below..docx
I need a 5 page paper apa with references.  The details are below..docxI need a 5 page paper apa with references.  The details are below..docx
I need a 5 page paper apa with references.  The details are below..docxkedsliemichal
 
I need 6 pages for the project and the 7th page is the reference.docx
I need 6 pages for the project and the 7th page is the reference.docxI need 6 pages for the project and the 7th page is the reference.docx
I need 6 pages for the project and the 7th page is the reference.docxkedsliemichal
 
I need a 3 page, single spaced, MLA style paper that focus on the .docx
I need a 3 page, single spaced, MLA style paper that focus on the .docxI need a 3 page, single spaced, MLA style paper that focus on the .docx
I need a 3 page, single spaced, MLA style paper that focus on the .docxkedsliemichal
 
I need a 5 page paper APA format with References on the following to.docx
I need a 5 page paper APA format with References on the following to.docxI need a 5 page paper APA format with References on the following to.docx
I need a 5 page paper APA format with References on the following to.docxkedsliemichal
 
I need a 3 page philosophy essay on Socrates, with a focus on his .docx
I need a 3 page philosophy essay on Socrates, with a focus on his .docxI need a 3 page philosophy essay on Socrates, with a focus on his .docx
I need a 3 page philosophy essay on Socrates, with a focus on his .docxkedsliemichal
 
I need a 2 papers geology hypothesis its a class project for GE.docx
I need a 2 papers geology hypothesis its a class project for GE.docxI need a 2 papers geology hypothesis its a class project for GE.docx
I need a 2 papers geology hypothesis its a class project for GE.docxkedsliemichal
 
I need 3 sources about the Arctic wolves.The first source about ho.docx
I need 3 sources about the Arctic wolves.The first source about ho.docxI need 3 sources about the Arctic wolves.The first source about ho.docx
I need 3 sources about the Arctic wolves.The first source about ho.docxkedsliemichal
 
I need 5 PowerPoint slides about Masculinity and Homophobia.Most.docx
I need 5 PowerPoint slides about Masculinity and Homophobia.Most.docxI need 5 PowerPoint slides about Masculinity and Homophobia.Most.docx
I need 5 PowerPoint slides about Masculinity and Homophobia.Most.docxkedsliemichal
 

More from kedsliemichal (20)

I need a effective research about Salt River in Arizona and how it i.docx
I need a effective research about Salt River in Arizona and how it i.docxI need a effective research about Salt River in Arizona and how it i.docx
I need a effective research about Salt River in Arizona and how it i.docx
 
I need a paper on1) Scenario Pursuant to the 2010 Health Care R.docx
I need a paper on1) Scenario Pursuant to the 2010 Health Care R.docxI need a paper on1) Scenario Pursuant to the 2010 Health Care R.docx
I need a paper on1) Scenario Pursuant to the 2010 Health Care R.docx
 
I need a good reserch on Doilies (doily) history should incl.docx
I need a good reserch on Doilies (doily) history should incl.docxI need a good reserch on Doilies (doily) history should incl.docx
I need a good reserch on Doilies (doily) history should incl.docx
 
I need a grammar, content and reference review of AMA style. I am al.docx
I need a grammar, content and reference review of AMA style. I am al.docxI need a grammar, content and reference review of AMA style. I am al.docx
I need a grammar, content and reference review of AMA style. I am al.docx
 
I need a paragraph for each question with details,1) How can u.docx
I need a paragraph for each question with details,1) How can u.docxI need a paragraph for each question with details,1) How can u.docx
I need a paragraph for each question with details,1) How can u.docx
 
I need a essay that sounds very personal but yet professional.It.docx
I need a essay that sounds very personal but yet professional.It.docxI need a essay that sounds very personal but yet professional.It.docx
I need a essay that sounds very personal but yet professional.It.docx
 
I need a Juke Box Created in Visual Studios 2010.The code should b.docx
I need a Juke Box Created in Visual Studios 2010.The code should b.docxI need a Juke Box Created in Visual Studios 2010.The code should b.docx
I need a Juke Box Created in Visual Studios 2010.The code should b.docx
 
I need a Child Development timeline power point referencing physical.docx
I need a Child Development timeline power point referencing physical.docxI need a Child Development timeline power point referencing physical.docx
I need a Child Development timeline power point referencing physical.docx
 
i need a 600-word (minimum) essay on Federalist Paper #10. Must prov.docx
i need a 600-word (minimum) essay on Federalist Paper #10. Must prov.docxi need a 600-word (minimum) essay on Federalist Paper #10. Must prov.docx
i need a 600-word (minimum) essay on Federalist Paper #10. Must prov.docx
 
I need a 5 page essay for Let The Great World Spin, double spaced. T.docx
I need a 5 page essay for Let The Great World Spin, double spaced. T.docxI need a 5 page essay for Let The Great World Spin, double spaced. T.docx
I need a 5 page essay for Let The Great World Spin, double spaced. T.docx
 
I need a 4 page paper....defining a WORD......which meets below .docx
I need a 4 page paper....defining a WORD......which meets below .docxI need a 4 page paper....defining a WORD......which meets below .docx
I need a 4 page paper....defining a WORD......which meets below .docx
 
I need a 2 pages report with atleast 1 workcited.  QUESTION Gen.docx
I need a 2 pages report with atleast 1 workcited.  QUESTION Gen.docxI need a 2 pages report with atleast 1 workcited.  QUESTION Gen.docx
I need a 2 pages report with atleast 1 workcited.  QUESTION Gen.docx
 
I need a 5 page paper apa with references.  The details are below..docx
I need a 5 page paper apa with references.  The details are below..docxI need a 5 page paper apa with references.  The details are below..docx
I need a 5 page paper apa with references.  The details are below..docx
 
I need 6 pages for the project and the 7th page is the reference.docx
I need 6 pages for the project and the 7th page is the reference.docxI need 6 pages for the project and the 7th page is the reference.docx
I need 6 pages for the project and the 7th page is the reference.docx
 
I need a 3 page, single spaced, MLA style paper that focus on the .docx
I need a 3 page, single spaced, MLA style paper that focus on the .docxI need a 3 page, single spaced, MLA style paper that focus on the .docx
I need a 3 page, single spaced, MLA style paper that focus on the .docx
 
I need a 5 page paper APA format with References on the following to.docx
I need a 5 page paper APA format with References on the following to.docxI need a 5 page paper APA format with References on the following to.docx
I need a 5 page paper APA format with References on the following to.docx
 
I need a 3 page philosophy essay on Socrates, with a focus on his .docx
I need a 3 page philosophy essay on Socrates, with a focus on his .docxI need a 3 page philosophy essay on Socrates, with a focus on his .docx
I need a 3 page philosophy essay on Socrates, with a focus on his .docx
 
I need a 2 papers geology hypothesis its a class project for GE.docx
I need a 2 papers geology hypothesis its a class project for GE.docxI need a 2 papers geology hypothesis its a class project for GE.docx
I need a 2 papers geology hypothesis its a class project for GE.docx
 
I need 3 sources about the Arctic wolves.The first source about ho.docx
I need 3 sources about the Arctic wolves.The first source about ho.docxI need 3 sources about the Arctic wolves.The first source about ho.docx
I need 3 sources about the Arctic wolves.The first source about ho.docx
 
I need 5 PowerPoint slides about Masculinity and Homophobia.Most.docx
I need 5 PowerPoint slides about Masculinity and Homophobia.Most.docxI need 5 PowerPoint slides about Masculinity and Homophobia.Most.docx
I need 5 PowerPoint slides about Masculinity and Homophobia.Most.docx
 

Recently uploaded

Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfSumit Tiwari
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaVirag Sontakke
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxsocialsciencegdgrohi
 

Recently uploaded (20)

Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of India
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
 

Continue to build on the skills of providing Web page content an

  • 1. Continue to build on the skills of providing Web page content and structure with HTML and Web page style and layout using CSS. Design and develop an intermediate-level Web page consisting of valid HTML content that includes semantic elements, images, and tables. Use Visual Studio to create a New Web Site. Select the ASP.NET Empty Web Site template to create the Web site. Use the File System Web location to create the Web site at the selected location and give the Web site an appropriate name. Create a static Web page that includes the basic structure of a valid HTML (not XHTML) document. Make sure to include the language attribute of the html element and the character set attribute of the metadata element. Name the Web page Unit3.htm Link to the Unit3.css file used to style and layout the Web page. Assign “Unit 3 IP” to the title.
  • 2. Structure the Web page using the HTML semantic elements header section footer Within the structure of the Web page add other HTML elements including at least: one level-one heading for the page in the header navigation in the header that includes a one level-two heading for a table of contents in the header list of at least three placeholders that navigate to the paragraphs in the section implement accessibility guidelines one level-one heading for the section three paragraphs in the section
  • 3. beginning of each paragraph is a placeholder additional text to lengthen the document three paragraphs in the section a return placeholder that navigates back to the table of contents one figure element in the section to display Image that implements accessibility guidelines Copy the image file to the Web site folder. Submit the image file along with the document. figure caption figure element in the section to display figure caption
  • 4. table width table header table body at least three table rows at least three table data table footer that spans three columns Use of any inline elements should follow current standards No style should be applied Validate the HTML in the Web page. Develop an external CSS to provide style, presentation, and layout to the HTML document. Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box. Name the style sheet Unit3.css.
  • 5. Add style rules to Unit3.css to accomplish the following: Ensure that the semantic elements format in older browsers. Eliminate the default spacing around all elements. In the following order, use the Calibri font, Arial font, or any available sans-serif font for the text. Set the font size for the body to 85% of the browser’s default font size. Set the width of the window to display the document to 950. Center the text in the header. Set the font size for the level-one heading in the header to two and one-half times the browser’s default font size. Set the font size for the level-two heading in the header and the level-one heading in the section to one and three-quarter times the browser’s default font size. Set the text to undecorated and one and one-quarter times the browser’s default font size when the user hovers over or focuses on the links in the table of contents. Set the width of figures to 300. Display figures on the right with the paragraph text flowing to the left of the figures. Set the margin for figures to the equivalent of one capital M on all sides.
  • 6. Set the padding for figures to the equivalent of one capital M on all sides. Display a one pixel black border to the left of figures. Bold the text of figure captions. Set the size of the font of figure captions to one and one-quarter times the browser’s default font size. Center the text of figure captions. Set the padding of all paragraphs to the equivalent of one capital M on the top and bottom and zero on the left and right. Clear the float of the figures in the paragraphs that return the user to the table of contents. Center the text of the paragraphs that return the user to the table of contents. Display the footer in the center of the page. Set the padding of table data and table headers to zero on the top and bottom and to the equivalent of one-half a capital M on the left and right; Display a one pixel black border around all table data and table headers. Center the text in the table footer. Bold the text in the table footer.
  • 7. Validate the CSS style rules. Zip (compress) the Visual Studio Web site folder into a .zip file to submit