1. Explain how XHTML causes browsers to display web pages in similar ways.
Answer: There are a set of predefined rules that govern webpages. By adhering to the rules and design of pages web browsers have an easier time in displaying a given site. If tags aren’t properly closed or positioned incorrectly it will cause your site not to display correctly.
2. Describe the components of tags and XHTML.
Answer: The components of XHTML are as follows; DOCTYPE, lower cased tags accompanied by a closing tag, tags must be correctly nested”<!DOCTYPE html>, <html><head><title>Page Name</title></head><body></body></html>. Notice, each tag in the aforementioned, minus the DOCTYPE, has an opening tag and then a corresponding closing tag denoted </>.
3. Explain the purpose of a closing tag.
Answer: Closing tag tells the code that this is the end of a particular style or format. <b>bold</b>
4. Identify and explain the part of the following code that would be the attribute and that which is the value of the attribute. <h1 align=”center”></h1>
Answer: The attribute is the “align” and the value is center.
5. Differentiate between an empty element and one that is not empty. Give examples of empty tags.
Answer: Empty elements have no content and stand-alone. Whereas a non-empty tag has some sort of content. <h1> This is a heading tag. </h1>
6. Create a list of three challenges to web development.
Answer: Not everyone utilizes the same browser, utilizes the same tech which can cause issues for displaying images or video/audio playback, and download speed.
7. Discuss the 3 features of access to the internet that may cause limitations in how a web page is viewed.
Answer: Display, download speed, browser
8. Evaluate why a developer should consider creating a webpage for a lower pixel resolution as opposed to a higher resolution.
Answer: By using a lower resolution, it allows for faster download times over slower internet areas and helps for those using tech that is possibly outdated.
9. Summarize how font issues can be avoided.
Answer: Use common fonts as specialty fonts require you to send the font files over to the next user for publication. Utilize a font manager, this software check to ensure that the fonts are not corrupted in anyway. Improper font licensing, they are only free when it for personal use. Avoid low-quality fonts, purchase fonts from reputable sources.
10. Describe what features to consider when designing web pages that may be viewed on a mobile device and explain why.
Answer: The standard today, is to build with a mobile first approach vs trying to adopt for mobile devices after the original site has been activated. You have to ensure you file sizes aren’t too large, resolution is dialed down.
For this assignment, I chose Second Harvest, they are locally operated here in the Northland and assist lower income families feed their loved ones.
A direct link to their site: https://northernlakesfoodbank.org/
The very first thing I noticed is their main display image, it is out of focus and poor quality. From the main page, I proceeded to About Us, https://northernlakesfoodbank.org/who-we-are/about-us/ . They have a littler person smiling in the picture that makes the viewer want to possibly donate to the page, however, again, it pixelated on my screen. On a positive note, they have a lot of pictures of children and families which elicits an emotion to the viewer, it made me want to give even though we are lower income, my heart poured out to the families shown. The color scheme is nice, however, they can dial back on the green. The site loads quickly, however, their images could be a higher quality throughout the site. I like the fact that they ask for corporate sponsors and show Super1 Foods’ Patrick Miner (his Grandfather is the founder) on the site.