Week 1
Tuesday, March 29
class: overview; Resource Presentation topics; Reclaim Hosting setup; Brackets setup
assignments:
- if you haven’t already done so, set up your account with webhosting and a domain at Reclaim Hosting and download Cyberduck and Brackets
- email me your URL
- set up Brackets
Thursday, March 31
class: HTML Beginner tutorial at HTML Dog
assignments:
- work through the HTML Beginner tutorial at HTML Dog
- 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/5
- 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)
- respond to the Google survey for Resource Presentation topics
WEEK 2
Tuesday, April 5
class: CSS Beginner tutorial
assignments:
- work through the CSS Beginner tutorial at HTML Dog
- 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/7)
Julia Marsh Wednesday, April 6 @ 4:00
Thursday, April 7
class: HTML Intermediate and CSS Intermediate tutorials
assignments:
- work through the HTML Intermediate tutorial (just read spans/divs and meta tags) and the CSS Intermediate tutorial at HTML Dog
- 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/12
- 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
WEEK 3
Tuesday, April 12
class: wrap up HTML Dog tutorials; begin working on the Story template; groups for the Resource Presentations
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
Thursday, April 14
class: continue work on Story template (images, css, google fonts)
- if we have time, we’ll take a look at the Ronin template and the Seascape_two template (download the zipped file)
- explore the templates available at
assignments:
- modify the Story template, following these instructions for modifying the Story template v2
- email me a link to the template you’re going to work with for your Professional Website, or the templates you’re considering
WEEK 4
Tuesday, April 19
class: moving your template in FTP; images as backgrounds; image paths; favicons; Google Analytics
assignments:
- work through this handout on more template modifications
- continue adding content to your website
Thursday, April 21
class: in-class work on templates using more template modifications v2
assignments:
- read these design considerations for your website
- send me your website plans by Sunday 4/24
- have a complete draft of your website ready to show in class on Thursday 4/28
WEEK 5
Tuesday, April 26
class: in-class work on templates; enable the contact form (more template modifications); Canva Pro Presentation (Anna, Cate, Sarah H., Jill)
assignments:
- have a complete draft of your website ready to show in class on Thursday 4/28
videos:
Thursday, April 28
class: peer review drafts of websites using this website evaluation form to provide feedback; accessibility; Google Certificate presentation (Stella, Helena, Mackenzie, Hanah)
assignments:
- check the accessibility of your website using the WAVE Web Accessibility tool
- complete your website (due Tuesday 5/4)
WEEK 6
Tuesday, May 3: Professional Website Due
class: install WordPress; begin setting up your WordPress site
assignments:
Thursday, May 5
class: in-class work on WordPress: pages, posts, customize, themes; Web Platforms presentation (Dharma, Melanie, Marissa); Notion presentation (Connie, Jackie, Alyssa)
assignments:
- send me an email with a proposal for your WordPress blog or website by Tuesday 5/10
- provide the URL
- 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
WEEK 7
Tuesday, May 10
class: in-class work on WordPress: menus, plugins; Figma presentation (Enya, Megan, Ava, Eileen); check out Helena’s video presentation about Procreate
assignments:
- continue working on your WordPress site
Thursday, May 12
class: in-class work on WordPress; LinkedIn Premium presentation (Anne, Lane, Jordan); Yoast SEO tutorial; Woo Commerce tutorial; more advanced (but 2.5 hour) Woo Commerce video tutorial
assignments:
- create a draft of your WordPress blog/site to show in class on Tuesday 5/17; aim for at least 5 posts/pages/interactive elements
WEEK 8
Tuesday, May 17
class: peer review WordPress blogs/sites; Web Platforms presentation (Dharma, Melanie, Marissa)
assignments:
- continue work on your WordPress blog/site (due Tuesday 5/24)
Thursday, May 19
class: begin Multimedia project: overview of project ideas; Notion presentation (Connie, Jackie, Alyssa)
assignments:
- send me an email with a proposal for the Multimedia project before class on Tuesday 5/24
- complete the WordPress Blog/Site by Tuesday 5/24
- check out Using Google Fonts in WordPress (tutorial by Romy)
WEEK 9: WordPress Blog/Site Due
Tuesday, May 24 — meeting via Zoom
class: in-class work on Multimedia Project
assignments:
- send me an email with your proposed Multimedia Project, if you haven’t already done so
- send me an email that notes the feature(s) of your WordPress site that you’re most proud of
- continue work on the Multimedia Project
Thursday, May 26
class: in-class work on Multimedia Project
WEEK 10
Tuesday, May 31–meeting via Zoom
class: peer reviews of Multimedia Projects; Webflow presentation (Alexandra, Lia, Sarah G.)
assignments:
- complete your Multimedia Project (due Thursday 6/2)
Thursday, June 2: Multimedia Project Due–meeting via Zoom
