schedule

Week 10: 6/1

  • website showcase!


Week 1: 3/30

videos:

assignments

  • download a text editor–preferably Brackets (see the Resources page for other options)
  • download an FTP program–preferably Cyberduck (see Resources page for other options)
  • purchase webhosting and a domain name from Reclaim Hosting 
  • send me the URL for your website (sorapure@writing.ucsb.edu) by Friday 4/3
  • send a message on Nectir
  • check in during Zoom office hours (I’ll send you an invitation via email)

Week 2: 4/6

videos

assignments

  • work through the HTML Beginner tutorial at HTML Dog
  • complete Exercise #1: create and post a web page named “default.html” 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)
    • 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.
    • 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)
  • to re-size your image(s), check out Pixlr and this basic tutorial by me

Week 3: 4/13

videos

assignment

  • work through the CSS Beginner tutorial at HTML Dog
  • 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)

Week 4: 4/20

videos

assignment

  • work through the HTML Intermediate tutorial (just the sections on spans/divs and meta tags) and the CSS Intermediate tutorial at HTML Dog
  • 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)

Week 5: 4/27

videos

assignments

  • download and unzip the Story template from HTML5Up
    • name the folder “story” (rather than “html5up-story”)
    • upload the “story” folder to the “public_html” folder in your web server
  • modify the Story template, following these instructions for modifying the Story template v1
  • upload the new versions of the files you modified; be sure to put them in the “story” folder to overwrite the old versions

Week 6: 5/4

videos

assignments


Week 7: 5/11

videos

assignments

  • continue working on your template, following these guidelines for more template modifications
  • prepare a draft to share with the rest of class on Monday, 5/18

Week 8: 5/18


Week 9: 5/25 – holiday!