[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"doc-seo-191313-105":3,"detail-sidebar-cat-1-en-105":80,"doc-detail-191313-en":126},{"code":4,"msg":5,"data":6},0,"ok",{"site_id":7,"language":8,"slug":9,"title":10,"keywords":11,"description":12,"schema_data":13,"social_meta":73,"head_meta":75,"extra_data":77,"updated_unix":79},105,"en","course-outcomes-html5-and-css-website-development","Course Outcomes - HTML5 and CSS Website Development","","Course outcomes specify what students must be able to do after completing a website development course using HTML5 and CSS. Students learn to inspect published sites, understand basic HTML structure and tag purposes, create wireframes and web page templates with head/body elements, and define folder structures for a complete website. Assessments include quizzes and presentations, browser testing, submission of templates and pages, and validation via a World Wide Web validator.",{"@graph":14,"@context":72},[15,34,55],{"@type":16,"itemListElement":17},"BreadcrumbList",[18,23,27,31],{"item":19,"name":20,"@type":21,"position":22},"https://docshare.wps.com","Home","ListItem",1,{"item":24,"name":25,"@type":21,"position":26},"https://docshare.wps.com/template/","Template",2,{"item":28,"name":29,"@type":21,"position":30},"https://docshare.wps.com/template/forms/","Forms",3,{"item":32,"name":10,"@type":21,"position":33},"https://docshare.wps.com/template/course-outcomes-html5-and-css-website-development/191313/",4,{"url":32,"name":10,"@type":35,"image":36,"author":41,"headline":10,"publisher":44,"fileFormat":47,"inLanguage":8,"description":12,"dateModified":48,"datePublished":49,"encodingFormat":47,"isAccessibleForFree":50,"interactionStatistic":51},"DigitalDocument",{"url":37,"@type":38,"width":39,"height":40},"https://docshare.wps.com/thumbnails/course-outcomes-html5-and-css-website-development/191313.png","ImageObject",442,249,{"name":42,"@type":43},"Mason","Person",{"url":19,"name":45,"@type":46},"DocShare","Organization","application/pdf","2026-09-23","2026-09-03",true,{"@type":52,"interactionType":53,"userInteractionCount":33},"InteractionCounter",{"@type":54},"ViewAction",{"@type":56,"mainEntity":57},"FAQPage",[58,64,68],{"name":59,"@type":60,"acceptedAnswer":61},"What should students be able to do after completing the course?","Question",{"text":62,"@type":63},"Students should be able to structure, organize, and publish a website using HTML5 and CSS, including designing pages from wireframes and templates.","Answer",{"name":65,"@type":60,"acceptedAnswer":66},"How are students’ skills assessed throughout the course?",{"text":67,"@type":63},"Assessment uses quiz/test items on terminology and tags, presentations on website pros and cons, browser checks, submissions of templates and pages, and validation in a World Wide Web validator.",{"name":69,"@type":60,"acceptedAnswer":70},"What website development activities must students complete?",{"text":71,"@type":63},"Students create a wireframe-based index page, set up a folder structure, save and apply a site template to create additional pages, and add common elements such as header, navigation, and footer.","https://schema.org",{"og:url":32,"og:type":74,"og:title":10,"og:site_name":45,"og:description":12},"article",{"robots":76,"canonical":32},"index,follow",{"doc_id":78,"site_id":7},191313,1788407964,{"code":4,"msg":81,"data":82},"success",[83,88,93,98,103,108,112,117,122],{"id":84,"doc_module":22,"doc_module_name":25,"category_name":85,"show_sort_weight":86,"slug":87},11,"Presentations",90,"presentations",{"id":89,"doc_module":22,"doc_module_name":25,"category_name":90,"show_sort_weight":91,"slug":92},12,"Resumes",80,"resumes",{"id":94,"doc_module":22,"doc_module_name":25,"category_name":95,"show_sort_weight":96,"slug":97},14,"Invoices",70,"invoices",{"id":99,"doc_module":22,"doc_module_name":25,"category_name":100,"show_sort_weight":101,"slug":102},15,"Posters",60,"posters",{"id":104,"doc_module":22,"doc_module_name":25,"category_name":105,"show_sort_weight":106,"slug":107},16,"Social Media",50,"social-media",{"id":109,"doc_module":22,"doc_module_name":25,"category_name":29,"show_sort_weight":110,"slug":111},17,40,"forms",{"id":113,"doc_module":22,"doc_module_name":25,"category_name":114,"show_sort_weight":115,"slug":116},18,"Letters",30,"letters",{"id":118,"doc_module":22,"doc_module_name":25,"category_name":119,"show_sort_weight":120,"slug":121},21,"Paper Templates",5,"papers-templates",{"id":123,"doc_module":22,"doc_module_name":25,"category_name":124,"show_sort_weight":4,"slug":125},158,"General","general-158",{"code":4,"msg":81,"data":127},{"doc_id":78,"user_id":128,"nickname":42,"user_avatar":129,"doc_module":22,"category_id":109,"category_name":29,"doc_title":10,"doc_description":12,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":33,"is_deleted":4,"is_public":22,"is_downloadable":22,"audit_status":22,"page_count":135,"language":136,"language_code":8,"site_id":7,"html_lang":8,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":12,"update_tm":79,"read_time":26},5909887256941,"https://ap-avatar.wpscdn.com/davatar_9964176cb1d06d4a9deccf72a44ae3dc","| *COURSE OUTCOMES | OUTCOMES ACTIVITIES | ASSESSMENT TOOLS |\n| --- | --- | --- |\n| After completing this course, | 1. | 1. quiz/test on terminology, tags, |\n| students will be able to structure, organize, and publish a website | a. view various published sites in a browser to view the site | structure and content (CCT, OC, WC, IG, IL) |\n| using HTML5 and CSS including: | structure (CCT, OC, WC, IG, IL) | 2. presentation on best and worst sites (CCT, OC, WC, IG, IL) |\n| 1. how to view a site’s HTML and | b. view HTML tags in various |  |\n| understand its structure, purpose, | published sites and describe |  |\n\n\n| and functionality | the function of basic tags (CCT, OC, WC, IG, IL)\u003Cbr>c. discuss the pros and cons of published sites’ structure, organization, and functionality (CCT, OC, WC, IG, IL) | Referenced above |\n| --- | --- | --- |\n| 2. structure and create a web page using a wireframe structure and HTML5 tags | 2.\u003Cbr>d. create a template and wireframe for a web page (CCT, IG, IL, OC, WC)\u003Cbr>e. add appropriate head and body tags to a web page (CCT, IG, IL, OC, WC)\u003Cbr>[f. save](f. save) the page with the html extension and view it in a browser (CCT, IG, IL, OC, WC) | create, save, and submit a template with wireframe to be used as basic page throughout site (CCT, IG, IL, OC, WC) |\n| 3. set up a folder structure for a website | 3.\u003Cbr>g. define a folder structure for a website (CCT, IG, IL, OC, WC)\u003Cbr>h. explain the purpose for each folder and what it contains (CCT, IG, OC, WC) | submit folder structure for website with written explanation of folders and contents (CCT, IG, IL, OC, WC) |\n| 4. create an index page for a website | 4.\u003Cbr>i. using a wireframe create the index page for a site (CCT, | submit zipped folder containing website with template and completed index page (CCT, IG, IL, |\n\n\n|  | IG, OC, WC, IL)\u003Cbr>j. consider and explain how this wireframe will be used to create the other pages in the site (CCT, IG, OC, WC, IL)\u003Cbr>k. add header image and/or text, navigation, and footer to template that will be used for all pages in site (CCT, IG, OC, WC, IL)\u003Cbr>[l. save](l. save) the page as a template (CCT, IG, WC, IL)\u003Cbr>m. use the saved template to create the index page (CCT, IG, WC, IL) | OC, WC) |\n| --- | --- | --- |\n| 5. create various pages in website using the site’s template | 5.\u003Cbr>n. open the template and save it with the appropriate name for a new page (CCT, IG, IL, WC)\u003Cbr>o. add the information for the particular page (CCT, IG, IL, OC, WC\u003Cbr>p. check site in browser to test the functionality and accuracy of all pages (CCT, IG, WC, IL) | Referenced above |\n| 6. validate pages in the World Wide Web validator | 6.\u003Cbr>q. upload pages to validator to | Referenced above |\n\n\n|  | check code (CCT, IG, OC, WC, IL)\u003Cbr>r. make any necessary corrections to code to comply with HTML5 standards (CCT, IG, OC, IL, WC) |  |\n| --- | --- | --- |\n| 7. image considerations | 7.\u003Cbr>s. discuss appropriate images for the web (CCT, IG, OC, WC, IL)\u003Cbr>t. discuss legal considerations for using images ((CCT, IG, OC, WC, IL)\u003Cbr>u. code images to comply with Section 508 of the Rehabilitation Act (CCT, IG, OC, WC, GL, CE) | Referenced above |\n| 8. html5 tags | 8.\u003Cbr>s. display ability to create webpages using HTML5 tags for headings, paragraphs, line breaks, lists, blockquotes, anchors, links, images, special characters, tables, and forms\u003Cbr>(CCT, IG, OC, IL, WC)\u003Cbr>t. discuss and give examples of deprecated tags\u003Cbr>(CCT, IG, IL, OC, WC)\u003Cbr>u. research in W3C changes in | Referenced above |\n\n\n|  | tags from various stages in web development (CCT, IL, IG, OC, WC, GL) |  |\n| --- | --- | --- |\n| 9. css | 9.\u003Cbr>v. discuss and examine various css styles; such as, inline, embedded, and cascading style sheets (CCT, OC, WC, IL)\u003Cbr>w. add css styles to a website | Referenced above |\n| [10. page](10. page) layout | 10.\u003Cbr>x. discuss and use the box model (CCT, OC, WC, IL)\u003Cbr>y. discuss and use floats, column page layout, and positioning with css (CCT, OC,","cbCaitQccNy41lmO","https://ap.wps.com/l/cbCaitQccNy41lmO","pdf",88196,6,"English","# Course outcomes\n## Website structure and published-site analysis\n## Wireframes, templates, and folder structure\n## Index and page creation\n## Validation and accessibility considerations\n## HTML5 tags, CSS, and layout\n## Viewport design, forms, and multimedia\n## Publishing a site","[{\"question\":\"What should students be able to do after completing the course?\",\"answer\":\"Students should be able to structure, organize, and publish a website using HTML5 and CSS, including designing pages from wireframes and templates.\"},{\"question\":\"How are students’ skills assessed throughout the course?\",\"answer\":\"Assessment uses quiz/test items on terminology and tags, presentations on website pros and cons, browser checks, submissions of templates and pages, and validation in a World Wide Web validator.\"},{\"question\":\"What website development activities must students complete?\",\"answer\":\"Students create a wireframe-based index page, set up a folder structure, save and apply a site template to create additional pages, and add common elements such as header, navigation, and footer.\"}]","Course Outcomes - HTML5 and CSS Website Development | PDF"]