Week 6: 2/10
- explore the templates available at
- download Story at HTML5 UP!
- modify the Story template, following these instructions for modifying the Story template v1, modifying the Story template v2, and modifying the Story template v3
- choose your own template (or continue working with Story), setting up your own content, images, and links
- upload your template to your public_html folder and send me the link (firstname.lastname@example.org)
Week 7: 2/17: holiday!
Week 8: 2/24
- set up Google Analytics at your site (instructions on setting up Google Analytics)
- create a complete website to show others in class; send me the link by Monday 3/2
Week 9: 3/2
set up your contact form using Formspree (easy and free)
- in index.html, at the beginning of your form, specify the action: <form method=”post” action=”https://formspree.io/youremailaddress“>
- Make sure that every section of the form as a name attribute. If you’re using a HTML5 UP template, this should already be done for you.
- Save and upload index.html.
- Fill out the form on the live site and click Send or Submit.
- You’ll be taken to a page in Formspree that asks you to confirm your email.
- Log in to your email account and confirm your email.
- You’ll be taken to a page that says Email Confirmed. Your form is up and running!
- WAVE Web Accessibility Evaluation Tool
- Web Accessibility Perspectives (video from W3C)
- 7 Things every designer needs to know about accessibility (Jesse Hausler @ medium.com)
- Web Accessibility Initiative: lots of resources, but start here, Introduction to Web Accessibility (W3C)
on responsive web design:
- CSS Responsive Web Design (w3schools.com)
- Responsive Web Design (Ethan Marcotte)
- Responsive Design (articles at A List Apart
Week 10: 3/9
- website showcase!
Week 1: 1/6
- purchase webhosting and a domain name from Reclaim Hosting (we’ll do this in class to make sure everyone gets the right kind of hosting)
- download an FTP program–preferably Cyberduck (see Resources page for other options)
- download a text editor–preferably Brackets (see the Resources page for other options)
- check out INT94 notes for help with Cyberduck and Brackets
Week 2: 1/13
- work through the HTML Beginner tutorial at HTML Dog
- complete Exercise #1: create and post a web page 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 Monday 1/27
- check out Pixlr and this basic tutorial by me
Week 3: 1/20: holiday!
Week 4: 1/27
- 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; send me the URL for this page before class by Monday 2/3
Week 5: 2/3
- 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 before class on Monday 2/10