{"id":23056,"date":"2018-01-30T16:39:31","date_gmt":"2018-01-30T21:39:31","guid":{"rendered":"https:\/\/it.wooster.edu.wooster.edu\/?p=2703"},"modified":"2024-04-01T09:22:11","modified_gmt":"2024-04-01T13:22:11","slug":"simple-web-design","status":"publish","type":"post","link":"https:\/\/inside.wooster.edu\/technology\/simple-web-design\/","title":{"rendered":"Simple Web Design"},"content":{"rendered":"<p><a href=\"https:\/\/inside.wooster.edu\/technology\/events\/simple-web-design\/\">Register for the event<\/a>.<\/p>\n<p>The simple web design workshop is designed to introduce attendees to the bootstrap framework.\u00a0Attendees will create a simple, basic website using the codepen online editor by the end of this workshop attendees will be able to make structured websites using the resources provided below.<\/p>\n<h2>Resources:<\/h2>\n<ul>\n<li><a href=\"https:\/\/getbootstrap.com\/\">bootstrap4<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/thedaviddias\/Front-End-Checklist\">Front end checklist<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\">Mozilla CSS<\/a><\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/css\/default.asp\">W3schools CSS tutorial<\/a><\/li>\n<li><a href=\"https:\/\/codepen.io\/\">codepen<\/a><\/li>\n<li><a href=\"https:\/\/cssreference.io\/\">CSS reference<\/a><\/li>\n<li><a href=\"https:\/\/livewooster.sharepoint.com\/:u:\/s\/edtechstaff\/EQn_UR8CzJ5HgDsSJ4QItwoBmaqIoccmG6yiPJ62cAXlLg?e=FytYKy\">simplewebsitecode<\/a><\/li>\n<\/ul>\n<h2>Agenda<\/h2>\n<ul>\n<li>Introduction to HTML(hypertext markup language):\n<ul>\n<li>Tags\n<ul>\n<li>html<\/li>\n<li>header<\/li>\n<li>div<\/li>\n<li>img<\/li>\n<li>footer<\/li>\n<li>nav<\/li>\n<li>link<\/li>\n<li>title<\/li>\n<li>meta<\/li>\n<li>body<\/li>\n<\/ul>\n<\/li>\n<li>classes and IDs<\/li>\n<\/ul>\n<\/li>\n<li>Introduction and overview of the Bootstrap framework.<\/li>\n<li>How to use the Bootstrap documentation and other resources.<\/li>\n<li>Introduction to codepen.<\/li>\n<li>Build the webpage.\n<ul>\n<li>Constructing a page header.<\/li>\n<li>Constructing the main page:\n<ul>\n<li>navbar<\/li>\n<li>main content<\/li>\n<li>footer<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>Questions<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Register for the event. The simple web design workshop is designed to introduce attendees to the bootstrap framework.\u00a0Attendees will create a simple, basic website using the codepen online editor by the end of this workshop attendees will be able to make structured websites using the resources provided below. Resources: bootstrap4 Front end checklist Mozilla CSS [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":2727,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","wpo365_audiences":[],"wpo365_private":false,"footnotes":""},"categories":[483,62,66],"tags":[],"coauthors":[419],"class_list":["post-23056","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-past-workshop","category-web-authoring","category-workshops"],"acf":[],"gutentor_comment":0,"uagb_featured_image_src":{"full":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false],"thumbnail":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack-150x150.png",150,150,true],"medium":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack-300x252.png",300,252,true],"medium_large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack-768x645.png",768,645,true],"large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false],"1536x1536":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false],"2048x2048":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false]},"uagb_author_info":{"display_name":"Megan Smeznik (she\/her\/hers)","author_link":"https:\/\/inside.wooster.edu\/technology\/author\/msmeznikwooster-edu\/"},"uagb_comment_info":0,"uagb_excerpt":"Register for the event. The simple web design workshop is designed to introduce attendees to the bootstrap framework.\u00a0Attendees will create a simple, basic website using the codepen online editor by the end of this workshop attendees will be able to make structured websites using the resources provided below. Resources: bootstrap4 Front end checklist Mozilla CSS&hellip;","_links":{"self":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/23056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/comments?post=23056"}],"version-history":[{"count":4,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/23056\/revisions"}],"predecessor-version":[{"id":44395,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/23056\/revisions\/44395"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/media\/2727"}],"wp:attachment":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/media?parent=23056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/categories?post=23056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/tags?post=23056"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/coauthors?post=23056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}