SlideShare a Scribd company logo
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

Chapter 12
Chapter 12Chapter 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
sedgar5
 
CSS
CSSCSS
Css
CssCss
Css
CssCss
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
SBCTCProfessionalLearning
 
CSS Cascade Style Sheet
CSS Cascade Style SheetCSS Cascade Style Sheet
CSS Cascade Style Sheet
Adeel Rasheed
 
CSS - LinkedIn
CSS - LinkedInCSS - LinkedIn
Dw Lesson01
Dw Lesson01Dw Lesson01
Dw Lesson01
Cerise Anderson
 
Html
HtmlHtml
Html
HtmlHtml
Dreamweaver CS3
Dreamweaver CS3Dreamweaver CS3
CSS
CSSCSS
Bootstrap Paragraphs for Drupal 8
Bootstrap Paragraphs for Drupal 8Bootstrap Paragraphs for Drupal 8
Bootstrap Paragraphs for Drupal 8
Jim Birch
 
CSS notes
CSS notesCSS notes
CSS notes
Rajendra Prasad
 
Css introduction
Css introductionCss introduction
Css introduction
Sridhar P
 
Journal Programs Journal Programs Journal Programs
Journal Programs Journal Programs Journal ProgramsJournal Programs Journal Programs Journal Programs
Journal Programs Journal Programs Journal Programs
VishweshBhat3
 
Unitegergergegegegetgegegegegegeg-2-CSS.pptx
Unitegergergegegegetgegegegegegeg-2-CSS.pptxUnitegergergegegegetgegegegegegeg-2-CSS.pptx
Unitegergergegegegetgegegegegegeg-2-CSS.pptx
VikasTuwar1
 
Css Founder.com | Cssfounder Company
Css Founder.com | Cssfounder CompanyCss Founder.com | Cssfounder Company
Css Founder.com | Cssfounder Company
Css Founder
 
Basic html training national
Basic html training nationalBasic html training national
Basic html training national
Needanuts
 

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
 
Unitegergergegegegetgegegegegegeg-2-CSS.pptx
Unitegergergegegegetgegegegegegeg-2-CSS.pptxUnitegergergegegegetgegegegegegeg-2-CSS.pptx
Unitegergergegegegetgegegegegegeg-2-CSS.pptx
 
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
 

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.docx
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 
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
kedsliemichal
 

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

ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
PECB
 
PIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf IslamabadPIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf Islamabad
AyyanKhan40
 
Azure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHatAzure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHat
Scholarhat
 
Cognitive Development Adolescence Psychology
Cognitive Development Adolescence PsychologyCognitive Development Adolescence Psychology
Cognitive Development Adolescence Psychology
paigestewart1632
 
Life upper-Intermediate B2 Workbook for student
Life upper-Intermediate B2 Workbook for studentLife upper-Intermediate B2 Workbook for student
Life upper-Intermediate B2 Workbook for student
NgcHiNguyn25
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
Nicholas Montgomery
 
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
RitikBhardwaj56
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
Celine George
 
MARY JANE WILSON, A “BOA MÃE” .
MARY JANE WILSON, A “BOA MÃE”           .MARY JANE WILSON, A “BOA MÃE”           .
MARY JANE WILSON, A “BOA MÃE” .
Colégio Santa Teresinha
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
Katrina Pritchard
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
Celine George
 
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
Academy of Science of South Africa
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
Jean Carlos Nunes Paixão
 
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptxChapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Excellence Foundation for South Sudan
 
The Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collectionThe Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collection
Israel Genealogy Research Association
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Akanksha trivedi rama nursing college kanpur.
 
PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.
Dr. Shivangi Singh Parihar
 
Film vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movieFilm vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movie
Nicholas Montgomery
 
How to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold MethodHow to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold Method
Celine George
 

Recently uploaded (20)

ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
 
PIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf IslamabadPIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf Islamabad
 
Azure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHatAzure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHat
 
Cognitive Development Adolescence Psychology
Cognitive Development Adolescence PsychologyCognitive Development Adolescence Psychology
Cognitive Development Adolescence Psychology
 
Life upper-Intermediate B2 Workbook for student
Life upper-Intermediate B2 Workbook for studentLife upper-Intermediate B2 Workbook for student
Life upper-Intermediate B2 Workbook for student
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
 
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
 
MARY JANE WILSON, A “BOA MÃE” .
MARY JANE WILSON, A “BOA MÃE”           .MARY JANE WILSON, A “BOA MÃE”           .
MARY JANE WILSON, A “BOA MÃE” .
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
 
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
 
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptxChapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
 
The Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collectionThe Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collection
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
 
PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.
 
Film vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movieFilm vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movie
 
How to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold MethodHow to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold Method
 

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