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:
- week 3.1 Story template instructions part 1
- week 3.2 Story template instructions part 2
- week 3.3 Story template instructions part 3
- or
- video from class on Tuesday, April 13
Thursday, April 15
class:
assignments:
- modify the Story template, following these instructions for modifying the Story template v2
- if we have time, we’ll take a look at the Ronin template from ColorLib
- explore the templates available at
- select a template, upload it to your web server, and begin adding your content
videos:
- week 3.4 resizing images and modifying CSS
- week 3.5 Google fonts and Font Awesome
- week 3.6 creating new pages and shopping for templates
WEEK 4
Tuesday, April 20
class: moving your template in FTP; images as backgrounds; image paths; favicons; Google Analytics
assignments:
- work through this handout on more template modifications
videos:
- week 4.1 more template modifications 1 (with a very abrupt ending): moving files to your main public_html folder in Cyberduck
- week 4.2 more template modifications 2: images in CSS, image paths with ../
- week 4.3 more template modifications 3: favicons
- week 4.4 more template modifications 4: Google Analytics
Thursday, April 22
class: in-class work on templates; Github Presentation
assignments:
- read these design considerations for your website
- if you want feedback on your website and plans, send me your website outline
- have a complete draft of your website ready to show in class on Thursday 4/29
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:
Thursday, May 6
class: in-class work on WordPress: pages, posts, customize, themes
assignments:
- 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:
WEEK 7
Tuesday, May 11
class: in-class work on WordPress: menus, plugins; Procreate Presentation
assignments:
videos:
Thursday, May 13
class: in-class work on WordPress; Notion Presentation
assignments:
- 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:
- 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:
- 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:
- continue work on Multimedia Project
videos:
Thursday, May 27
class: in-class work on Multimedia Project
assignments:
- 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:
- 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:
- 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)
- set up VS Code (video tutorial week 1.1 below)
- 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:
- 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/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)
- respond to the Google survey for Resource Presentation topics
videos:
WEEK 2
Tuesday, April 6
class: CSS Beginner tutorial
videos:
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/8)
Thursday, April 8
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/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: