{"id":32,"date":"2018-09-05T01:05:54","date_gmt":"2018-09-05T01:05:54","guid":{"rendered":"http:\/\/sorapure.net\/int94va\/?page_id=32"},"modified":"2021-06-04T18:36:46","modified_gmt":"2021-06-04T18:36:46","slug":"schedule","status":"publish","type":"page","link":"https:\/\/sorapure.net\/int94va\/schedule\/","title":{"rendered":"schedule"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Week 1: 3\/30<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">videos:<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.youtube.com\/watch?v=5fRM5DIKxSE&amp;feature=youtu.be\">week 1.1 int94, welcome and overview<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gg4U_w2vFs8&amp;feature=youtu.be\">week 1.2 int94, getting started with Brackets, Cyberduck, and Reclaim Hosting<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=ggCk23n30kM&amp;feature=youtu.be\">week 1.3 int94, setting up Cyberduck<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=g_X5jkx_Aes&amp;feature=youtu.be\">week 1.4 int94, using Nectir and Zoom<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>assignments<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>download a text editor&#8211;preferably <a href=\"http:\/\/brackets.io\">Brackets<\/a> (see the&nbsp;<a href=\"http:\/\/sorapure.net\/int94va\/resources\/\">Resources<\/a> page for other options)<\/li><li>download an FTP program&#8211;preferably <a href=\"https:\/\/cyberduck.io\/\">Cyberduck<\/a> (see Resources page for other options)<\/li><li>purchase&nbsp;webhosting and a domain name from <a href=\"https:\/\/reclaimhosting.com\/\">Reclaim Hosting<\/a>&nbsp;<\/li><li>send me the URL for your website (sorapure@writing.ucsb.edu) by Friday 4\/3<\/li><li>send a message on <a href=\"http:\/\/sorapure.net\/int94va\/nectir\/\">Nectir<\/a><\/li><li>check in during Zoom office hours (I&#8217;ll send you an invitation via email)<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Week 2: 4\/6<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>videos<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.youtube.com\/watch?v=Kk6HO2udhoU&amp;feature=youtu.be\">Exercise 1.1, getting started with Exercise 1, Brackets, and HTML Dog<\/a><\/li><li><strong>NEW &amp; IMPROVED<\/strong>: <a href=\"https:\/\/www.youtube.com\/watch?v=qIpxErI88Q0&amp;feature=youtu.be\">Exercise 1.2, more on Exercise 1<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=9d_inbCuIV8&amp;feature=youtu.be\">Exercise 1.3, finishing up<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>assignments<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>work through the <a rel=\"noreferrer noopener\" href=\"http:\/\/htmldog.com\/guides\/htmlbeginner\/\" target=\"_blank\">HTML Beginner tutorial<\/a> at HTML Dog<\/li><li>complete <strong>Exercise #1<\/strong>: create and post a web page named &#8220;default.html&#8221; that has a title, paragraphs, headings, an ordered and unordered list, a link, and an image (including a table and a form is optional); send me the URL for this page by Friday 4\/10 at 5:00 pm (PST)<ul><li>you can make this a serious page (e.g., an about page with content about yourself that you might eventually use at your website), or you can create a fun page with content about hobbies or jokes or likes\/dislikes, etc. <\/li><li>note that when you upload this page to your webhost it will (and should) overwrite the current default.html page (the one with the VHS video with your name on it)<\/li><\/ul><\/li><li>to re-size your image(s), check out&nbsp;<a href=\"https:\/\/pixlr.com\/\">Pixlr<\/a>&nbsp;and this&nbsp;<a href=\"http:\/\/sorapure.net\/pixlrIntroTutorial.mp4\">basic tutorial<\/a> by me<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Week 3: 4\/13<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>videos<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.youtube.com\/watch?v=hefnA3Tm5DM&amp;feature=youtu.be\">exercise 2.1, setting up your CSS file<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=SVdANKqhXOk&amp;feature=youtu.be\">exercise 2.2, continuing with the beginning CSS tutorial<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>assignment<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>work through the <a rel=\"noreferrer noopener\" href=\"http:\/\/htmldog.com\/guides\/cssbeginner\/\" target=\"_blank\">CSS Beginner tutorial<\/a> at HTML Dog<\/li><li>complete Exercise #2: create and post an external style sheet to format the HTML page you created in the previous exercise or on a new HTML page; try to create either a really attractive page or a really awful one; send me the URL for this page by Friday 4\/17 at 5:00 pm (PST)<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Week 4: 4\/20<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>videos<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.youtube.com\/watch?v=Tv0Nq9-xrHo&amp;feature=youtu.be\">exercise 3.1, HTML intermediate tutorial<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=rU3YPHL5KSo&amp;feature=youtu.be\">exercise 3.2, CSS intermediate tutorial<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>assignment<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>work through the <a rel=\"noreferrer noopener\" href=\"http:\/\/htmldog.com\/guides\/html\/intermediate\/\" target=\"_blank\">HTML Intermediate tutorial<\/a> (just the sections on&nbsp;spans\/divs and meta tags) and the <a href=\"http:\/\/htmldog.com\/guides\/cssintermediate\/\">CSS Intermediate tutorial<\/a> at HTML Dog<\/li><li>complete Exercise #3: create and post a webpage that uses spans and divs, meta tags, classes and ids, grouping and nesting, pseudo classes for links, shorthand for borders and margins, and a background image; send me the URL for this page by Friday 4\/24 at 5:00 pm (PST)<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Week 5: 4\/27<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>videos<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.youtube.com\/watch?v=pi_OQMx0Iis&amp;feature=youtu.be\">Story template overview<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=HvhmVaD9G_Q&amp;feature=youtu.be\">Modifying the story template v1<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=6yCC2uaiWi8&amp;feature=youtu.be\">Class Zoom video<\/a> from Monday 4\/27<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>assignments<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>download and unzip the&nbsp;<a href=\"https:\/\/html5up.net\/story\">Story<\/a>&nbsp;template from&nbsp;<a href=\"https:\/\/html5up.net\/\">HTML5Up<\/a><ul><li>name the folder \u201cstory\u201d (rather than \u201chtml5up-story\u201d)<\/li><li>upload the \u201cstory\u201d folder to the \u201cpublic_html\u201d folder in your web server<\/li><\/ul><\/li><li>modify the Story template, following these instructions for <a href=\"http:\/\/sorapure.net\/int94va\/wp-content\/uploads\/2020\/04\/modifying-story-v1.pdf\">modifying the Story template v1<\/a><\/li><li>upload the new versions of the files you modified; be sure to put them in the \u201cstory\u201d folder to overwrite the old versions<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Week 6: 5\/4<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>videos<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.youtube.com\/watch?v=_8GIw7t3UzU&amp;feature=youtu.be\">Modifying the story template v2, focused on resizing images<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=zXlhRGTF240&amp;feature=youtu.be\">Modifying the story template v2, focused on changing the CSS<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=ZugXc3LF4Cg&amp;feature=youtu.be\">Modifying the story template v2, focused on using Google fonts<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>assignments<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>continue the Story template, following these iinstructions for <a href=\"http:\/\/sorapure.net\/int94va\/wp-content\/uploads\/2020\/04\/modifying-story-v2.pdf\">modifying the Story template v2<\/a><\/li><li>explore the templates available at <ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/html5up.net\/\" target=\"_blank\">HTML5 UP!<\/a><\/li><li><a href=\"https:\/\/colorlib.com\/wp\/templates\/\">Color Lib<\/a> (e.g., the <a href=\"https:\/\/colorlib.com\/wp\/template\/ronin\/\">Ronin template<\/a>)<\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/templated.co\/\" target=\"_blank\">Templated.co<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/www.templatemo.com\/\" target=\"_blank\">Templatemo.com<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/designscrazed.org\/free-responsive-html5-css3-templates\/\" target=\"_blank\">Designs Crazed.org<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/oswd.org\/\" target=\"_blank\">Open Source Web Design<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/smashinghub.com\/50-free-html5-css3-templates.htm\" target=\"_blank\">Smashing Hub<\/a><\/li><li>and elsewhere<\/li><\/ul><\/li><li>choose your own template (or continue working with Story), setting up your own content, images, and links<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Week 7: 5\/11<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>videos<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.youtube.com\/watch?v=zQ8L94M6k5A&amp;feature=youtu.be\">more template modifications 1<\/a>&nbsp;(with a very abrupt ending): moving files to your main public_html folder in Cyberduck<\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=mIm1pu0gT2w&amp;feature=youtu.be\">more template modifications 2<\/a>: images in CSS, image paths with ..\/<\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=ehGcSzvrwDY&amp;feature=youtu.be\">more template modifications 3<\/a>: favicons<\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=7Sa3u1qu8ag&amp;feature=youtu.be\">more template modifications 4<\/a>: Google Analytics<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>assignments<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>continue working on your template, following these guidelines for <a href=\"http:\/\/sorapure.net\/int94va\/wp-content\/uploads\/2020\/04\/more-template-modifications.pdf\">more template modifications<\/a><\/li><li>prepare a draft to share with the rest of class on Monday, 5\/18<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Week 8: 5\/18<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>test your site&#8217;s accessibility using the <a href=\"http:\/\/wave.webaim.org\/\">WAVE Web Accessibility Evaluation Tool<\/a><\/li><li>over the next two weeks, finish your website and be prepared to show it in class on Tuesday, 6\/1<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Week 9: 5\/25 &#8211; holiday!<\/h2>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Week 10: 6\/1<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li> website showcase! <\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Week 1: 3\/30 videos: week 1.1 int94, welcome and overview week 1.2 int94, getting started with Brackets, Cyberduck, and Reclaim Hosting week 1.3 int94, setting up Cyberduck week 1.4 int94, using Nectir and Zoom assignments download a text editor&#8211;preferably Brackets &hellip; <a href=\"https:\/\/sorapure.net\/int94va\/schedule\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":151,"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":392,"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/pages\/32\/revisions\/392"}],"wp:attachment":[{"href":"https:\/\/sorapure.net\/int94va\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}