Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition

Page 1 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 1 preview image

Solutions ManualSample SyllabiSolutions toEnd-of-ChapterHands-On ExercisesSupplemental Activities:GroupWebsiteEvaluation, WebQuest, WebSiteProject

Page 2 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 2 preview image

Page 3 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 3 preview image

Sample Syllabus First Semester Web Development Course16 Week SemesterCourse Assignment ScheduleDateTopics & ReadingAssignment DueWeek 1Intro to CourseChapter 1 Intro to the Internet & WebWeek 2Chapter 2HTML BasicsLab 1 AssignmentWeek 3Chapter 3Configuring Color & Text with CSSProject: Topic ApprovalLab 2 AssignmentWeek 4Chapter 4 Visual Elements & GraphicsLab3AssignmentWeek 5Chapter 5 Web DesignLab 4 AssignmentWeek 6Chapter 6 Page Layout with CSSProject: PlanningAnalysis SheetLab 5 AssignmentWeek 7Chapter 7Responsive Page LayoutLab 6 AssignmentWeek 8Chapter 8 TablesProject: Site MapLab 7 assignmentWeek 9Midterm ExamLab 8AssignmentWeek 10Chapter 9 XHTML FormsLab 9 AssignmentWeek 11Chapter 10 Web Site DevelopmentProject: Update 1Week 12Chapter 11 Web Multimedia & InteractivityWork on your projectWeek 13Chapter 12 E-Commerce OverviewLab 10 AssignmentWeek 14Chapter 13 Promotion for Web DevelopersProject:Update 2Week 15Chapter 14 Intro to JavaScriptLab 11 AssignmentWeek 16Present ProjectsPublish ProjectFinalsWeekFinal ExamThe Lab Assignments are chosen from the End of Chapter materials in the text. When I teach thiscourse, the students work on a web projectof their own choosing during the entire semester.Assignments relating to the phases of developing this project are due at intervals as shown in theschedule above. An explanation of thewebsite project is in a separate document.

Page 4 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 4 preview image

Sample Syllabus First Semester Web Development Course12 Week SemesterCourse Assignment ScheduleDateTopics & ReadingAssignment DueWeek 1Intro to CourseChapter 1 Intro to the Internet & WebWeek 2Chapter 2HTML BasicsLab 1 AssignmentWeek 3Chapter 3 Configuring Color & Text with CSSLab 2 AssignmentProject: Topic ApprovalWeek 4Chapter 4 Visual Element & GraphicsLab 3AssignmentWeek 5Chapter 5 Web DesignProject: PlanningAnalysis SheetWeek 6Chapter 6 Page Layout with CSSLab4 AssignmentProject: SiteMapWeek 7Chapter 7Responsive Page LayoutLab5 AssignmentWeek 8Chapter 8 TablesProject: Update 1Week 9Chapter 9 FormsLab 5 AssignmentWeek 10Chapter 10 Web Site DevelopmentProject: Update 2Week 11Chapter 11Web Media & InteractivityLab 6 AssignmentWeek 12Present ProjectFinal ExamPresent ProjectThe Lab Assignments are chosen from the End of Chapter materials in the text. When I teach thiscourse, the students work on a web project of their own choosing during the entire semester.Assignments relating to the phases of developing this project are due at intervals as shown in theschedule above.An explanation of the website project is in a separate document.

Page 5 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 5 preview image

Sample Syllabus First Semester Web Development Course8 Week SemesterCourse Assignment ScheduleDateTopics & ReadingAssignment DueWeek 1Intro to CourseChapter 1 Intro tothe Internet & WebWeek 2Chapter 2 HTML BasicsLab 1 AssignmentProject:Topic ApprovalWeek 3Chapter 3 Configuring Color & Text with CSSLab 2 AssignmentProject: Planning AnalysisSheetWeek 4Chapter 4 Visual Elements & GraphicsChapter 5 Web DesignLab 3 AssignmentProject: Site FlowchartWeek 5Chapter 6 Page Layout with CSSLab 4 AssignmentWeek 6Chapter 7Responsive Page LayoutLab 5 AssignmentProject: Update 1Week 7Chapter 8 TablesChapter 9 FormsLab 6 AssignmentProject: Update 2Week 8Chapter 11 Web Media & InteractivityPresent ProjectsLab 7 AssignmentPublishProjectThe Lab Assignments are chosen from the End of Chapter materials in the text. When I teach thiscourse, the students work on a web project of their own choosing during the entire semester.Assignments relating to the phases of developingthis project are due at intervalsas shown in theschedule above.An explanation of the website project is in a separate document.

Page 6 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 6 preview image

MaterialsWeb Development & DesignFoundations:HTML5 & CSS3,10thEditionChapter 1Page1Hands-On Exercise1.Student answers will vary.2.Student answers will vary.Web ResearchStudents' answers to these research assignments will vary, but they should contain mostof the information described below.1. W3C Researcha. How did the W3C get started?The W3C was founded in October of 1994. Its purpose was to lead the World Wide Webto its full potential by developing common protocols that promote its evolution andensure its interoperability. Tim Berners-Lee, inventor of the Web, founded the WorldWide Web Consortium (W3C) at the Massachusetts Institute of Technology Laboratoryfor Computer Science (MIT/LCS) in collaboration with CERN, where the Web originated,with support from DARPA and the European Commission. Tim Berners-Lee is stillinvolved with the W3C (as of 2002) in the role of Director.Sources: Multiple pages at the W3Cwebsite( https://w3c.org,https://www.w3.org/Consortium/).b. Who can join the W3C? What is the cost?Only organizations can join the W3C. Full membership costs $50,000 per year. Affiliatemembership (for non-profit and government organizations) costs $5,000 per year. Onlyemployees of member organizations can participate fully in W3C activities. However,there are some activities that the general public can be involved inseehttp://www.w3.org/Consortium/#public.Sources: Multiple pages at the W3Cwebsite (https://w3c.org,https://www.w3.org/Consortium/Prospectus/Joining)c. The W3C home page lists a number of technologies. Choose one that interestsyou and click on its link and readthe associated pages. List three facts or issuesyou discovered.Answers to this will vary. Consider narrowing the scope of this question by assigningspecific technologies to the students to investigate. Use https://w3c.org as the startingpoint.2. The Internet Society Research

Page 7 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 7 preview image

MaterialsWeb Development & DesignFoundations:HTML5 & CSS3,10thEditionChapter 1Page2a. Why was the Internet Society created?The Internet Society (ISOC) was formed in December 1992 by a number of people withlong-term involvement in the IETF, including Vinton Cerf and Anthony Rutkowski. As aresult, one of its principal rationales was to provide an institutional home for and financialsupport for the Internet Standards process. With the commercialization of the Internet, afair and valid standards process independently supported was becoming moreimportant. The mission of the Internet Society is "to assure the open development,evolution and use of the Internet for the benefit of all people throughout the world."Sources: Multiple pages at the Internet Society'swebsite (https://www.internetsociety.org,https://www.internetsociety.org/about-internet-society/,https://www.internetsociety.org/mission/,https://www.internetsociety.org/history/)b. Determine the closest local chapter to your geographical area. Visit their website. List the web site URL and an activity or service that the chapter provides.Student answers to this will vary. For example, if they lived in the Chicago Illinois area,the closest chapter is located in Chicago. The URL of their web site is http://www.isoc-chicago.org. The chapter meets regularly offering opportunities for networking. Theyhave also had a joint meeting with the ISOC Chapter in Mexico.Sources: Multiple pages at the Internet Society's site (https://www.internetsociety.org,,https://www.internetsociety.org/chapters/)c. How can you join the InternetSociety? What is the cost? Would yourecommend joining the Internet Society to a beginning web developer? Why orwhy not?Both individuals and organizations can join the Internet Society. Visithttp://www.isoc.org/isoc/membership/app/ to apply online. There is also a printapplication. Membership is free. I would recommend joining the Internet Society to abeginning web developer if thereis an active local chapter. It could be a goodopportunity for networking. (Student answers will vary.)Sources: Multiple pages at the Internet Society's site (https://www.internetsociety.org,https://www.internetsociety.org/become-a-member/)3.HTTP/2Researcha.Who developed HTTP/2?The IETF’s HTTP Working Group maintains the HTTP protocol and developed HTTP/2. TheHTTP Working Group is comprised of a variety HTTP implementers, users, networkoperators, and HTTP experts. (Source:https://http2.github.io/faq/#who-made-http2)Google’s work with SPDY (a non-standard improvement to HTTP) served as the basis forHTTP/2 (Source:https://readwrite.com/2015/02/18/http-update-http2-what-you-need-to-know/)

Page 8 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 8 preview image

MaterialsWeb Development & DesignFoundations:HTML5 & CSS3,10thEditionChapter 1Page3b.When was the HTTP/2 proposed standard published?The HTTP/2 proposed standard was published as IETF RFC 7540 in May 2015.(Source:https://tools.ietf.org/html/rfc7540)c.Describe three methods used by HTTP/2 intended to decrease latency andprovide for quicker loading of web pages in browsers.Students may describe three of the following five methods:1.Single Constant Connection.HTTP/2 improves speed of page load by creating asingle constantconnection between the web browser and the web server.2.Multiplexing.HTTP/2 can transfer and receive multiple messages at the same time.3.Prioritization.HTTP/2 can transfer more important data first.4.Compression. HTTP/2 reduces overhead by usingheader compression,5.Server Push. When using HTTP/2, a web server can “guess” what might berequested next and send it ahead of time.6.Binary.HTTP/2 is binary instead of text-based. This provides for more efficient andcompact transfer of information.(Sources:https://www.engadget.com/2015/02/24/what-you-need-to-know-about-http-2/,https://http2.github.io/faq)Web Research: Focus on DesignVisit Any of the Web Sites That Interested You in the Chapter1. What is the purpose of the site?2. Who is their intended audience?3. Do you believe they reach their audience?4. Was this site useful to you? Why or why not?5. List one interesting fact or issue that this site addressed.6. Would you encourage others to visit this site?7. How could this sitebe improved?The answers to the questions above will be quite basicin the beginning of the courseand should become more detailed and technical as the semester progresses. At thisstage of the course, the goal of this question is to get the students thinking about websites in a (most likely) new and different manner. Student answers will vary greatly.

Page 9 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 9 preview image

MaterialWeb Development& Design Foundations: HTML5 & CSS3,10thEditionChapter 2http://terrymorris.netPage1Apply Your Knowledge1. Predict the Result.The students will sketch out a page with the following components: “Predict the Result”page title, “FavoriteSites” as a heading in italics, anordered list containinghyperlinks tofacebook.com and google.com,and apage footer with copyright symbol and informationin a small font size.2. Fill in the Missing Code.The missing code is shown in red.<!DOCTYPE html><html lang="en"><head><title>Door County Wildflowers</title><meta charset="utf-8"></head><body><header><h1>Door County Wild Flowers</h1></header><main><dl><dt>Trillium</dt><dd>ThiswhiteflowerbloomsfromAprilthroughJuneinwooded areas.</dd><dt>Lady Slipper</dt><dd>This yellow orchid blooms in June in wooded areas.</dd></dl></main></body></html>3. Find the Error.Theh1 element is coded with two opening tags. Replace the<h1>with</h1>.Hands-On Exercises1.<h1>Your Name Here</h1>2.A suggested solution is:<a href="http://harpercollege.edu">Harper College</a>Student answers will substitute the URL and name of your school

Page 10 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 10 preview image

MaterialWeb Development& Design Foundations: HTML5 & CSS3,10thEditionChapter 2http://terrymorris.netPage23. <ul><li>Monday</li><li>Tuesday</li><li>Wednesday</li><li>Thursday</li><li>Friday</li><li>Saturday</li><li>Sunday</li></ul>4. <ol type="A"><li>wake up</li><li>eat breakfast</li><li>go to school</li></ol>5.Answers will vary. Here is a sample solution.<h1>Arthur C. Clarke</h1><blockquote>Any sufficiently advanced technology is indistinguishable frommagic.</blockquote>6.<p>A diagram of the organization of a web site is called a <strong>sitemap</strong>. A<strong>site map</strong>represents the structure, ororganization, of pages in a website in avisual manner.Creating the <strong>sitemap</strong> is one of the initial steps in developing a web site.</p>7.Answers will vary. Here is a sample with the minimum requirements.<!DOCTYPE html><html lang="en"><head><title>Blockquote Example</title><meta charset="utf-8"></head><body><h1>The Power of the Web</h1><p>According to Tim Berners-Lee at<ahref="https://www.w3.org/WAI/">https://www.w3.org/WAI/</a>:</p><blockquote>The powerofthe Web is in its universality. Access by everyoneregardless of disability is an essential aspect.</blockquote></body></html>

Page 11 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 11 preview image

MaterialWeb Development& Design Foundations: HTML5 & CSS3,10thEditionChapter 2http://terrymorris.netPage38. Answers will vary. Here is a sample with the minimum requirements.<!DOCTYPEhtml><htmllang="en"><head><title>NetworkProtocols</title><metacharset="utf-8"></head><body><header><h1>NetworkProtocols</h1></header><main><dl><dt>TCPTransmissionControl Protocol</dt><dd>TCPisasetofrulesthat breaks files and messages into individualunitscalledpackets,verifies the integrity of the packets upon receipt, andreassemblesthepacketsintothe file or message at the destination. </dd><dt>IPInternetProtocol</dt><dd>IPisasetofrulesthat controls how data is sent between computersontheInternet.Itusuallyworks together with TCP. Each computer connected totheInternetisassignedatleast one numeric IP address that uniquelyidentifiesit.</dd><dt>HTTPHypertextTransferProtocol</dt><dd>HTTPisasetofrules for exchanging files such as text, graphicimages,sound,video,andother multimedia files on the Web. Web browsers andwebserversusuallyusethisprotocol.</dd></dl><p><ahref="http://compnetworking.about.com/od/networkprotocols/Network_Protocols.htm">Moreinformationaboutprotocols</a></p></main></body></html>9.Answers will vary. Here is a sample with the minimum requirements.<!DOCTYPEhtml><htmllang="en"><head><title>TheBeatles</title><metacharset="utf-8"></head><body><header><h1><ahref="http://beatles.com">The Beatles</a></h1></header><main><h3>GroupMembers:</h3><ultype="square"><li>JohnLennon</li><li>PaulMcCartney</li><li>GeorgeHarrison</li><li>RingoStarr</li></ul><h3>FavoriteCDs:</h3><dl><dt>AbbeyRoad</dt>

Page 12 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 12 preview image

MaterialWeb Development& Design Foundations: HTML5 & CSS3,10thEditionChapter 2http://terrymorris.netPage4<dd>Thisisconsideredbymost to be the Beatles best album.Favoritetracks:Something,Oh!Darling, Here Comes theSun</dd><dt>LetItBe</dt><dd>Thisisthelastalbum that the Beatles recorded. Favorite tracks: LetItBe,AcrosstheUniverse,The Long and Winding Road.</dd.<dt>Help!</dt><dd>ThisalbumfeaturesPaul's masterpiece: Yesterday. Favoritetracks:Help!,TickettoRide,Yesterday</dd></dl></main></body></html>10.Answers will vary. Here is a sample with the minimum requirements.<!DOCTYPEhtml><htmllang="en"><head><title>MacroniSalad</title><metacharset="utf-8"></head><body><header><h1>MacaroniSalad</h1></header><main><ul><li>1cupelbowmacaroni</li><li>1cupmayonnaise(moreor less to taste)</li><li>1tablespoonfinelychopped onion</li><li>3or4mediumradishes,grated</li><li>2hardboiledeggs,chopped</li><li>1dozenmediumblackolives, chopped</li></ul><ol><li>Prepare1cupelbowmacaroni according to directions on package. Rinse incoldwateranddrain.</li><li>Combineremainingingredients in a large bowl.</li><li>Stirinmacaroni.</li><li>Chillforseveralhoursbefore serving.</li></ol>Serves8.<div><ahref="http://allrecipes.com">More Recipes</a></div></main></body></html>

Page 13 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 13 preview image

MaterialWeb Development& Design Foundations: HTML5 & CSS3,10thEditionChapter 2http://terrymorris.netPage511.Answers will vary. Here is a sample with the minimum requirements.<!DOCTYPEhtml><htmllang="en"><head><title>WebDevelopmentResource Blog</title><metacharset="utf-8"></head><body><header><h1>WebDevelopmentResourceBlog</h1></header><main><article><header><h2>Textbook Companion Website</h2></header><time datetime="2020-02-01">February1, 2020</time><a href=”https://webdevfoundations.net”>https://webdevfoundations.net</a><p>This website is a companion to ourtextbook andprovideshelpfulresources for each chapter.</p><article><header><h2>HTML Validation</h2></header><time datetime="2020-02-02">February2, 2020</time><ahref=”https://validator.w3.org/”>https://validator.w3.org/</a><p>This website provides a tool to validate the HTML on our webpages.</p></article></main><footer>Copyright©2020Your Name Here</footer></body></html>Web ResearchYour students' answers to these research assignments will vary, but they should containmost of the information described below.A.HTML5Tutorial ResearchA sample page:<!DOCTYPEhtml><htmllang="en"><head><title>HTML5TutorialResearch</title><metacharset="utf-8"></head><body><header><h1>EchoEcho.com</h1></header><main><dl>

Page 14 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 14 preview image

MaterialWeb Development& Design Foundations: HTML5 & CSS3,10thEditionChapter 2http://terrymorris.netPage6<dt>URL:</dt><dd>http://echoecho.com/html.htm</dd><dt>Level:</dt><dd>Thistutorialisgeared for beginners, but may be useful to useas areferencebymoreexperienceddevelopers.</dd><dt>Recommendation:</dt><dd>Iwouldrecommendthis site to others. It is easy to find topics andtheexamplesaregood.</dd></dl><h2>TwoConceptsLearned:</h2><ol><li>Linksarethemostfundamental part of the world wide web. It is thelinksthattieitalltogether. There are three different kinds of links youcanhaveonyourwebsite:Links to anchors on the current page (Internal).Linkstootherpageswithinthe current site (Local) Linksto pages outside thecurrentsite(Global).</li><li>ColorsinHTMLarespecified using hexadecimal numbers. Hexadecimalnumbersarenumbersbasedonthe value of 16 rather thanthe classical numbersbasedonthevalueof10.Whenyou count to 15 using hexadecimal numbers itgoeslikethis:0,1,2,3,4,5, 6, 7, 8, 9, A, B, C, D, E, F.</li></ol></main></body></html>B.Web Research: Focus on DesignExpect very basic commentsatthis point in the course.ASample Page:<!DOCTYPEhtml><htmllang="en"><head><title>AppealingWebsite</title><metacharset="utf-8"></head><body><header><h1>FocusonWebDesign</h1></header><main><h2>Adobe</h2><h3>URL:http://adobe.com</h3><h4>ThisPageisAppealingBecause...</h4><ol><li>Itiseasytoread.There is good contrast between the text and thebackgroundcolor.</li><li>Thereismovementandinteractivity on the page. This makes it moreinteresting.</li><li>ItiseasytofindwhatIneed. The navigation is easy to use.</li></ol><h2>GalleriaFurnishings</h2><h3>URL:http://www.galleriafurnishings.com/</h3>

Page 15 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 15 preview image

MaterialWeb Development& Design Foundations: HTML5 & CSS3,10thEditionChapter 2http://terrymorris.netPage7<h4>ThisPageisUnappealingBecause...</h4><ol><li>Ihavetoscrolldownto see what I want. There doesn't seem to be anygoodorganization.</li><li>Thebottomofthehomepage has some policy information way off to therightside.Iwonderwhytheydid that?</li><li>Ican'tsearchforwhatI want. Instead I'll have to start looking atotherpages.</li></ol><h4>SuggestionsforImprovement:</h4><ol><li>Iwouldplacemoreinformation in the top portion of the web page so thatisisaccessiblewhenthepageis loaded. This way visitors would not have toscrollsomuch.</li><li>Iwouldeliminatetheextra blank space on the page and move the positionofthestorepolicyinformation.</li><li>Iwouldaddasearchfunction to the home page so that customers couldgetrighttotheproductstheyare looking for.</li></ol></main></body></html>

Page 16 of 16

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 16 preview image

MaterialWeb Development & Design Foundations: HTML510thEditionChapter 3Page1Apply Your Knowledge1.Predict the Result.The students will sketch out a page with the following components: “Trillium MediaDesign” page title, a web page with blue background color and gray text using Arial font,“Trillium Media Design” as a heading withblue text and a white background color, bluetext, a navigation area with hyperlinks to the designated files,a paragraph of text, and apage footer with copyright information displayed in italic, small font.2. Fill in the Missing Code.The suggested solution is below with the missing code is shown in red.<!DOCTYPE html><html lang="en"><head><title>Trillium Media Design</title><meta charset="utf-8"><style>body { background-color: #0066CC;color:#FFFFFF;}header{font-family:Arial, sans-serif}</style></head><body><header><h1>Trillium Media Design</h1></header><p>Our professional staff takes pride in its working relationshipwith our clients by offering personalized services that listen totheir needs, develop their target areas, and incorporate these itemsinto a website that works.</p></body></html>3. Find the Error.The page is missing the closing</style>tag.Hands-On Exercises1.<pstyle=“background-color:#00FF00;color:#FFFFFF”>text goes here</p>2.<style>body{ background-color: #eaeaea;color:#000033;}</style>

Preview Mode

This document has 72 pages. Sign in to access the full document!

Report

Learning Tools

Writing Tools

Browse Resources

Solution Manual For Web Development and Design Foundations with HTML5, 10th Edition - Page 1

Study Now!

Document Details

Related Documents

DevOps and Its Importance Study Notes

Veeam Certified Engineer VMCE-V12

Modules 1 - 3 Basic Network Connectivity and Commu

Notes CCNA

CCNA 200-301 Portable Command Guide 5th Edition 20

CCNA 200-301 Portable Command Guide 5th Edition 22

CCNA 200-301 Portable Command Guide 5th Edition 36

Foundations of Novell Networking Section 26

Modulo 7 DHCPv4

Build and troubleshooting Integration Challenge

Company

Explore

Study Tools