schedule

WEEK 3

Tuesday, April 13

class: wrap up HTML Dog tutorials; begin working on the Story template

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

videos:

Thursday, April 15

class:

assignments:

videos:


WEEK 4

Tuesday, April 20

class: moving your template in FTP; images as backgrounds; image paths; favicons; Google Analytics

assignments:

videos:

Thursday, April 22

class: in-class work on templates; Github Presentation

assignments:

videos:


WEEK 5

Tuesday, April 27

class: in-class work on templates; accessibility; Webflow Presentation

assignments:

  • have a complete draft of your website ready to show in class on Thursday 4/29
  • check the accessibility of your website using the WAVE Web Accessibility tool

videos:

Thursday, April 29

class: peer review drafts of websites using this website evaluation form to provide feedback; Figma Presentation

assignments:

  • complete your website (due Tuesday 5/4)

videos:


WEEK 6

Tuesday, May 4: Professional Website Due

class: install WordPress; begin setting up your WordPress site; Canva/Wix/SquareSpace Presentation

assignments:

videos:

  1. week 6.1 installing wordpress
  2. week 6.2 wordpress overview

Thursday, May 6

class: in-class work on WordPress: pages, posts, customize, themes

assignments:

  1. send me an email with a proposal for your WordPress blog or website by Tuesday 5/11 before class
    • describe the topic of your blog or site and the content you plan to include
    • describe the target audience and purpose of your blog or site and how it contributes to your professional presence on the internet

videos:

  1. week 6.3 pages and posts
  2. week 6.4 customize and themes

WEEK 7

Tuesday, May 11

class: in-class work on WordPress: menus, plugins; Procreate Presentation

assignments:

videos:

  1. week 7.1 blocks for pages and posts
  2. week 7.2 menus
  3. week 7.3 plugins (H5P)

Thursday, May 13

class: in-class work on WordPress; Notion Presentation

assignments:

  1. create a draft of your WordPress blog/site to show in class on Tuesday 5/18

videos:


WEEK 8

Tuesday, May 18

class: peer review WordPress blogs/sites; LinkedIn Premium Presentation

assignments:

  1. complete your website (due Thursday 5/20)

videos:

Thursday, May 20: WordPress Blog/Site Due

class: begin Multimedia project: overview of project ideas; Google Certificates Presentation

assignments:

  1. send me an email with a proposal for the Multimedia project before class on Tuesday 5/25

videos:


WEEK 9

Tuesday, May 25

class: in-class work on Multimedia Project

assignments:

  1. continue work on Multimedia Project

videos:

Thursday, May 27

class: in-class work on Multimedia Project

assignments:

  1. create a draft of your Multimedia Project and be prepared to share it in class on Tuesday 6/1

videos:


WEEK 10

Tuesday, June 1

class: peer reviews of Multimedia Projects

assignments:

  1. complete your Multimedia Project (due Thursday 6/3)

videos:

Thursday, June 3: Multimedia Project Due

class:

assignments:

videos:

WEEK 1

Tuesday, March 30

class: overview of Writing 155b; Resource Presentation topics; VS Code setup

assignments:

  1. if you haven’t already done so, set up your account with webhosting and a domain at Reclaim Hosting and download Cyberduck and Visual Studio Code (see part 1 and part 2 video tutorials below)
  2. set up VS Code (video tutorial week 1.1 below)
  3. email me your URL

videos:

  • part 1: setting up Reclaim Hosting (from the Thursday 3/11 Writing 155a class)
  • part 2: setting up VS Code and Cyberduck (from the Thursday 3/11 Writing 155a class)
  • week 1.1 vscode: configuring Visual Studio Code

Thursday, April 1

class: HTML Beginner tutorial at HTML Dog

assignments:

  1. work through the HTML Beginner tutorial at HTML Dog
  2. complete Exercise #1: create and post a webpage (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); upload the file to your webhost before class on Tuesday 4/6
    • 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. (I once had a student who made a webpage about how much she hated mayonaisse. It was hilarious.)
    • 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)
  3. respond to the Google survey for Resource Presentation topics

videos:

WEEK 2

Tuesday, April 6

class: CSS Beginner tutorial

videos:

assignments:

  1. work through the CSS Beginner tutorial at HTML Dog
  2. complete Exercise #2: create and post an external style sheet to format the default.html page that you created in the previous exercise (due before class on Thursday 4/8)

Thursday, April 8

class: HTML Intermediate and CSS Intermediate tutorials

assignments:

  1. work through the HTML Intermediate tutorial (just read spans/divs and meta tags) and the CSS Intermediate tutorial at HTML Dog
  2. complete Exercise #3: create and post a webpage that uses meta tags, spans and divs, classes and ids, grouping and nesting, pseudo classes for links, shorthand for borders and margins, and a background image; post the new version of this page before class on Tuesday 4/13
    • if you create a new webpage for this exercise–in other words, not default.html–then please send me the link for the new file

videos: