Case Study, Karinas project manager assigned her to update the website for a loc
ID: 3773093 • Letter: C
Question
Case Study,
Karinas project manager assigned her to update the website for a local company. She has been tasked with working Seamus to convert the website's code from XHTML to HTML5.
Karina consulted with Seamus. They reached out to a web deign forum from professional and developed a conversion plan that included the following checklist and steps:
- Check identity depreciated and forbiden tags which are being used.
- Determine the correct replacement tags.
Karina presented the findings to the project manager and the board of the local organization with an example of the converted pages, the new CSS style sheet, the estimate for the time it would take to complete the conversion process, and the estimate of the resources needed to make the changes.
The funding for the conversion was approved and Seamus was assigned to work with Karina in updating the website's code from XHTML to HTML5.
Karina and Seamus have reached out to you as a web design professional. Help them in resolving the following challenges:
- Karina and Seamus added that deprecated and forbidden tags should be identified and changed. I this collaboration exercise, you would give an example of a deprecated tag and briefly explain the purpose of the deprecated tag in awebsite.
- Next you will take a look at the deprecated tag identified by one your classmates. In your response to your classmate identofy the deprecated tag, update the tag using CSS, give an example of update tag and briefly discuss why you would agree or disagree to using the updated tag in the website.
Your classmate would respond to you stating wheter the updated atg would meet the identified purpose.
Explanation / Answer
Older HTML tags and attributes that have been superseded by other more functional or flexible alternatives (whether as HTML or as CSS ) are declared as deprecated in HTML by the W3C - the consortium that sets the HTML standards. Browsers should continue to support deprecated tags and attributes, but eventually these tags are likely to become obsolete..
Deprecated HTML tags
<applet>
Inserts applet
<object>
<basefont>
sets font styles
font style sheets
<center>
centers elements
<div> (W3C help)
<dir>
directory list
<ul>
<font>
applies font styles
font style sheets
<isindex>
adds search field
<form>
<menu>
menu list
<ul>
<s>
strike through
text style sheets
<strike>
strike through
text style sheets
<u>
underline
text style sheets
It is particularly important for special use browsers like text-only and text-to-speech that each row is intact in the source code - don't use a series of <br> tags to get cell contents to line up. Use <td rowspan="2"> if necessary to allow broken lines. As an example, this is a section from the source of the deprecated attributes table on this page.
<table border="1">
<caption><b>Deprecated HTML attributes</b></caption>
<colgroup><col width="20%"><col width="40%"></colgroup>
<tr><th>Attribute</th><th>Deprecated if used in:</th></tr>
<tr><td rowspan="2">align</td><td>
<caption>, <img>, <table>, <hr>, </td></tr><tr>
<td><div>, <h1..6>, <p></td></tr>
<tr><td>alink</td> <td><body></td></tr>
<tr><td>background</td><td><body></td></tr>
If you would not use a table to present the same data in a word-processor, then the <table> tag should not be used. The CSS alternative is more precise and involves relative or absolute positioning or margin control. Both methods are used on this page - the navigation links are separated from the content using the CSS class "header".
.header {
position:absolute;
top:10px;
left:270px;
padding-right:10px;
}
This places the second column start at a fixed position from the left margin, similar to newspaper columns. Within the content column, two tables are used to display the deprecated tags and attributes.
<applet>
Inserts applet
<object>
<basefont>
sets font styles
font style sheets
<center>
centers elements
<div> (W3C help)
<dir>
directory list
<ul>
<font>
applies font styles
font style sheets
<isindex>
adds search field
<form>
<menu>
menu list
<ul>
<s>
strike through
text style sheets
<strike>
strike through
text style sheets
<u>
underline
text style sheets
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.