Here are the files we worked on in class in a zip folder. Zipped files need to be extracted before you can work on them. If you are on Windows you should be able to right-click and then extract the files (In our lab use 7-Zip>Extract Here. At home you can use Extract All). On a Mac you can just double click the file to unzip it.
- OnScreenNotes.txt is the notes I had on screen including the workflow for saving and viewing pages.
- index.html is the first file we made from scratch
- existing_content.html is the file we were adding markup to. This is not complete so there are syntax issues and not everything has tags around it.
- sample_content.txt is the original content we used for existing_content.html
Last class was all about the big picture and we covered a lot of different ideas. Don’t worry if everything didn’t sink in. We’ll be going the ideas again and focusing on smaller chunks in more detail in each class. Today that focus is on HTML. The major learning areas for this class are:
- Creating Digital Media Files
- Displaying Digital Media Files
- Understanding how the technology behind computers, the internet and media files works
- Evaluating how all of this technology effects your lives, public policy and society in general
HTML forms the base of how we will tackle Displaying Digital Media Files. This class focuses on displaying media on the web and HTML is the foundation for information on the web.
“ Computers are good at following instructions, but not at reading your mind. ” - Donald Knuth
- What is HTML
- Basic HTML syntax
- Creating your first HTML document
- Marking up Existing Content
We have no class on Thursday. All of the work below will be due before next class on Tuesday 9/10. Do all three, the reading, the videos and the assignment. You should do the reading and watch the videos before the assignment.
Reading in the Book
Read chapters 1 & 2 of our class book “HTML & CSS: Design and Build Websites”. Extra Reading These articles cover most of the same information as in the book. They are optional. You can read them if you have read the book and want more or if you haven’t gotten the book yet (I won’t always provide alternatives). The Basics of HTML: http://docs.webplatform.org/wiki/guides/the_basics_of_html HTML Text Elements: http://docs.webplatform.org/wiki/guides/html_text
Video on YouTube
I have a series of videos on YouTube about HTML Fundamentals. You should watch the first two which cover the basic concepts. If you want to watch part 3 go ahead. Part 3 is longer because it gets into showing writing HTML in action. Part 1: What is HTML and how does it fit into Web Design Part 2: How to Write HTML
Complete Assignment 1. This assignment is due on Tuesday, September 10 (1 week).