{"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":"","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,"featured_image_urls":{"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]},"post_excerpt_stackable":"<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 W3schools CSS tutorial codepen CSS reference simplewebsitecode Agenda Introduction to HTML(hypertext markup language): Tags html header div img footer nav link title meta body classes and IDs Introduction and overview of the Bootstrap framework. How to use the Bootstrap documentation and other resources. Introduction to&hellip;<\/p>\n","category_list":"<a href=\"https:\/\/inside.wooster.edu\/technology\/category\/workshops\/past-workshop\/\" rel=\"category tag\">Past<\/a>, <a href=\"https:\/\/inside.wooster.edu\/technology\/category\/technologies\/web-authoring\/\" rel=\"category tag\">Web Authoring<\/a>, <a href=\"https:\/\/inside.wooster.edu\/technology\/category\/workshops\/\" rel=\"category tag\">Workshops<\/a>","author_info":{"name":"Megan Smeznik (she\/her\/hers)","url":"https:\/\/inside.wooster.edu\/technology\/author\/msmeznikwooster-edu\/"},"comments_num":"0 comments","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}]}}