Category / In Class Examples and Notes
Class 3 Lecture — Planning a Website and Basic HTML Tags
HTML Tags and Descriptions of Each
The following html files represent examples of the different types of tags we covered in class. Download them and open in Sublime text.
- Typical Document Structure (meta tags and DOCTYPE, etc)
- Basic HTML Tags (includes an “img” folder that holds images that are referenced in these documents)
GitHub Procedure
GitHub is an online, open source collaboration platform. It essentially stores files and folders in a cloud-based server system, sort of like Dropbox. Unlike Dropbox, you must manually sync any changes you make to the file and folders that are shared among your collaborators.
Here is what you should do when you want to make a change to the your personal GitHub files for this class:
- Make sure your branch is set to gh-pages
- Press Sync
- Make changes to your files
- Check to make sure the changes in red and green are what you did.
- Fill out the Commit title and description
- Press Commit
- Press Sync
Class 2 Lecture—How the Internet Works and How to Stay Organized
https://docs.google.com/a/newschool.edu/presentation/d/1O1q2Ow7LYupMUc0Ftw2w2jfpVlmtamLoZ4foA1bl6Xs/edit?usp=sharing
GitHub setup procedure
- Create a GitHub account by going to github.com
- Download GitHub for Mac (or PC) and sign into the app using the account you just created. You need Mac OSX 10.8 or above. If you don’t have 10.8 or above let’s talk.
- Email me (doshio@newschool.edu) your username so I can add you to the class organization.
- Once added, follow the instructions in your email. Click on “webdesignbasics” repository.
- Change branches from “master” to “gh-pages” and click “Clone to Desktop.” Save to your desktop or a designated folder you have for school work.
Class 1 Setup and Web Design Landscape Lecture
https://docs.google.com/a/newschool.edu/presentation/d/1sYA4bKk3h4Si3Tk048qV9uJDNaF-t3jIA31jioAoJto/edit?usp=sharing