Week 1: 3/30
videos:
- week 1.1 int94, welcome and overview
- week 1.2 int94, getting started with Brackets, Cyberduck, and Reclaim Hosting
- week 1.3 int94, setting up Cyberduck
- week 1.4 int94, using Nectir and Zoom
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
- Exercise 1.1, getting started with Exercise 1, Brackets, and HTML Dog
- NEW & IMPROVED: Exercise 1.2, more on Exercise 1
- Exercise 1.3, finishing up
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
- Modifying the story template v2, focused on resizing images
- Modifying the story template v2, focused on changing the CSS
- Modifying the story template v2, focused on using Google fonts
assignments
- continue the Story template, following these iinstructions for modifying the Story template v2
- explore the templates available at
- choose your own template (or continue working with Story), setting up your own content, images, and links
Week 7: 5/11
videos
- more template modifications 1 (with a very abrupt ending): moving files to your main public_html folder in Cyberduck
- more template modifications 2: images in CSS, image paths with ../
- more template modifications 3: favicons
- more template modifications 4: Google Analytics
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
- test your site’s accessibility using the WAVE Web Accessibility Evaluation Tool
- over the next two weeks, finish your website and be prepared to show it in class on Tuesday, 6/1
Week 9: 5/25 – holiday!
Week 10: 6/1
- website showcase!
