{"id":38449,"date":"2023-01-24T15:56:40","date_gmt":"2023-01-24T20:56:40","guid":{"rendered":"https:\/\/inside.wooster.edu\/technology\/?p=38449"},"modified":"2023-04-17T14:55:27","modified_gmt":"2023-04-17T18:55:27","slug":"website-design-html","status":"publish","type":"post","link":"https:\/\/inside.wooster.edu\/technology\/website-design-html\/","title":{"rendered":"Website Design – HTML"},"content":{"rendered":"\n
\"\"
This is the home page of the workshop website.<\/figcaption><\/figure>\n\n\n\n

Register <\/a>for your spot at this workshop!<\/p>\n\n\n\n

<\/p>\n\n\n\n

Description\u00a0<\/strong>\u00a0<\/p>\n\n\n\n

    \n
  1. Learn to make a starter website with HTML and CSS with a focus on explaining the building blocks through given code. This website has a simplistic style with a top navigation bar where you can travel between the different pages of the website.<\/li>\n\n\n\n
  2. Before coming to the workshop, make sure you have a text editor downloaded on your laptop such as Visual Studio Code<\/a><\/li>\n\n\n\n
  3. Workshop files Website Files(Workshop)<\/a><\/li>\n<\/ol>\n\n\n\n

    Agenda <\/strong> <\/p>\n\n\n\n

      \n
    1. 6:00pm-6:05pm Introduction <\/li>\n\n\n\n
    2. 6:05pm-6:10pm Set-up\/Check-in (We will make sure everyone is able to access the given code and edit.)<\/li>\n\n\n\n
    3. 6:10pm-6:55pm- Breakdown of HTML\/CSS files and Work Through (I will guide you through demonstrations of the code and after each demonstration you will have time to explore the elements and how you want to modify the website according to your creative design.)<\/li>\n\n\n\n
    4. 6:55-7:00pm- Closing<\/li>\n<\/ol>\n\n\n\n

      Workshop Evaluation<\/strong> <\/p>\n\n\n\n

      Please provide feedback on today\u2019s workshop by completing our short online form. <\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Scan the above code or visit http:\/\/tiny.cc\/evaledtech<\/a> <\/p>\n","protected":false},"excerpt":{"rendered":"

      Learn to make a starter website with HTML and CSS with a focus on explaining the building blocks through given code. <\/p>\n

      Before coming to the workshop, make sure you have a text editor downloaded on your laptop such as Visual Studio Code.<\/p>\n","protected":false},"author":5,"featured_media":39331,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[483,50],"tags":[],"coauthors":[410,435],"class_list":["post-38449","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-past-workshop","category-student-workshops"],"acf":[],"gutentor_comment":0,"featured_image_urls":{"full":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367.png",1280,1280,false],"thumbnail":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367-150x150.png",150,150,true],"medium":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367-500x500.png",500,500,true],"medium_large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367-768x768.png",768,768,true],"large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367-1024x1024.png",1024,1024,true],"1536x1536":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367.png",1280,1280,false],"2048x2048":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367.png",1280,1280,false]},"post_excerpt_stackable":"

      Learn to make a starter website with HTML and CSS with a focus on explaining the building blocks through given code. <\/p>\n

      Before coming to the workshop, make sure you have a text editor downloaded on your laptop such as Visual Studio Code.<\/p>\n","category_list":"Past<\/a>, Student Workshops<\/a>","author_info":{"name":"Jessica Israel","url":"https:\/\/inside.wooster.edu\/technology\/author\/jisrael24wooster-edu\/"},"comments_num":"0 comments","uagb_featured_image_src":{"full":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367.png",1280,1280,false],"thumbnail":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367-150x150.png",150,150,true],"medium":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367-500x500.png",500,500,true],"medium_large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367-768x768.png",768,768,true],"large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367-1024x1024.png",1024,1024,true],"1536x1536":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367.png",1280,1280,false],"2048x2048":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2023\/01\/symbol-gui-internet-internet-page-2485367.png",1280,1280,false]},"uagb_author_info":{"display_name":"Jessica Israel","author_link":"https:\/\/inside.wooster.edu\/technology\/author\/jisrael24wooster-edu\/"},"uagb_comment_info":0,"uagb_excerpt":"Learn to make a starter website with HTML and CSS with a focus on explaining the building blocks through given code. Before coming to the workshop, make sure you have a text editor downloaded on your laptop such as Visual Studio Code.","_links":{"self":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/38449","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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/comments?post=38449"}],"version-history":[{"count":15,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/38449\/revisions"}],"predecessor-version":[{"id":41185,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/38449\/revisions\/41185"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/media\/39331"}],"wp:attachment":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/media?parent=38449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/categories?post=38449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/tags?post=38449"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/coauthors?post=38449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}