addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1linklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Re: [webdesign-396] Announcing Free HTM & CSS Course

From: user 1.
Sent on: Wednesday, August 4, 2010 7:12 AM
I'm in.? I have the book.? I'm ready to go....and I would still prefer to meet on Sundays at this time.? Thank you for doing this...
Linda Doll, MS/MLIS

On Wed, Aug 4, 2010 at 3:14 AM, Aoirthoir An Broc <[address removed]> wrote:
Alright folks, all of the pieces are in place, so we're going to start our Free HTML & CSS course within the next couple of weeks. Please read all of the following completely, to make sure you have all of the details.

Here is the course information:

Course Name: Learning HTML & CSS with O'Reilly's "Head First HTML with CSS & XHTML" book.
(Note: With the coming of HTML5, XHTML is pretty much on the outs now. We will be covering the differences between XHTML and HTML which are actually pretty minor, so this book is still highly relevant. We'll wrap up the course by digging into some HTML5 as well).

Minimum Students per Course: 5.

Maximum Students per Course: 10.

Location: 21139 Lorain Road Suite 11, Fairview Park, Ohio 44126.

Dates and Times: To be determined by consensus of all students in a particular class (and my agreement of course). I'm shooting for flexibility here. If we have ten students and they can only agree in two groups of 5, then I will run two separate courses. (Does that make sense?) :D. I can make myself available almost any day of the week, morning, afternoon or evening, because I set my own schedule.

Class Length: Each Class will run about 2 hours. Classes will start and end promptly on time. We will have one 15 minute break.

Course Length: The course is divided up into three sections:

  • Head First Portion covering HTML & CSS - 16 classes (with 2 dedicated to positioning).
  • HTML 5 - 5 classes (yes 5).
  • Bonus Materials* - Setting up your site - 5 more classes.

There's a lot of material to get under your belt to really understand this stuff. Thus the many classes. Typically I expect classes might run once or twice a week. Also some groups may progress faster than others (especially if they do their homework), so one period of classroom time might cover two classes worth of material in their case. See information below on donations to find out about the Bonus Materials.

Prerequisites: You absolutely have to know how to use your computer with the operating system of your choice. I'm an Ubuntu nut and I'm not going to be spending class time troubleshooting Windows or Mac issues. So you have to know how your system works, and how to:

  • Run your Operating Systems File Browser
  • Use a text editor.
  • Visit websites and bookmark them.
  • Fill out web forms.
  • Create accounts on Websites (Examples: Gmail, Twitter, etc).
  • Essentially you have to know how to get yourself around on your computer and on the web.

If you don't know these things, you cannot take this course right now. But don't despair, I'll be running this course often in the future. Just give me a call and we can point you in the direction to get you started learning these.

Required Materials:

  • O'Reilly's "Head First HTML with CSS & XHTML" by Eric T Freeman and Elisabeth Freeman.
    This is REQUIRED from the moment you step foot into the first class. The entire course is based around this book and you NEED to have it. You're going to be studying it outside of class time, so "looking over another's shoulder" won't be an option. Did I emphasize that enough? :D

    You can pick one up from any of the following places:

Note: Be sure to check pricing. Some charge more but offer a discount (as much as half) for your second copy. So you might want to consider buying as a group. Also be aware, if you already own the book you can sign up at O'Reilly and add it to your "Registered Books" section and buy the Ebook in PDF format for only $5.00 bucks. Having the PDF might be a convenience for some. Also some of these stores have locations in our area, and if they don't have the books you need in stock, can often get store delivery, which saves you on shipping.

Unavailable for Kindle or other Ebook readers as far as I can tell. Though if you own the PDF, the Kindle will read it, but VERY clunky (not sure about the DX).

  • Peachpit Press's "The HTML Pocket Guide" by Bruce Hyslop
    This is only required if you are going to stick around near the end of the course for the HTML5 classes. I REALLY suggest you do cause, WOW. Unfortunately there's not a lot of books out yet with HTML5 coverage. Many are on their way. But this one gives some nice material at the end to get us up to speed. I'm not going to link all over creation for where you can buy this book or the other books. You can review any of the stores I've already linked to above or you can check out Peach Pit Press's site.

  • O'Reilly's HTML Pocket Reference
  • O'Reilly's CSS Pocket Reference

    • Trust me on these last two. I won't forbid you from attending the class or anything if you don't have them. But after you've asked me the thirteenth millionth and a halfth time how to do an LI or a STRONG tag, or a CSS Pseudo Selector, I'm going to be bald. Now mind you I don't mind being Bald, Been there, done that like 2 and a half times at least. But now I'm old, fat, grey headed and nearly toothless, so can we not add bald on top of that mix? Get the danged books already:D You're going to find them an invaluable collection in your tool chest.

      You will also want to bookmark O'Reilly's Head First Labs. It has the code samples we will be using, some great forums, and other materials you might dig. If you don't dig it then poo poo on you :D.

      Syllabus: The TOC of "Head First HTML with CSS & XHTML", along with the last few chapters of the HTML Pocket Guide is essentially our syllabus. It is as follows:

      • The Language of the Web: getting to know HTML
      • Meet the HT in HTML: going further, with hypertext
      • Web Page Construction: building blocks
      • A Trip to Webville: getting connected
      • Meeting the Media: adding images to your pages
      • Serious HTML: standards, compliance, and all that jazz
      • Putting the X into HTML: moving to XHTML
      • Adding a Little Style: getting started with CSS
      • Expanding your Vocabulary: styling with fonts and colors
      • Getting Intimate with Elements: the box model
      • Advanced Web Construction: divs and spans
      • CSS Positioning

        • Arranging Elements: layout and positioning
        • Positioning the Cheaters Way (no that's not in the book)

    • Getting Tabular: tables and lists
    • Getting Interactive: XHTML forms
    • The Top Ten Topics (we didn't cover): Leftovers
    • HTML5

      • Primary Structure and Sections
      • Text
      • Embedded Content (Images, Media and More)
      • Forms (say it with me "&@^#$ Yeah!)
      • Interactive Elements

      • Getting your site Up (Bonus Material* - not in the books we'll be using)

        • Your Dreamhost Panel
        • Creating and Managing your Shell User Accounts
        • Domain Registration and Setup
        • SVN Version Control
        • Email setup with Gmail
        • Go live with your site.

          • By the time you are finished with this course, you will have a firm understanding of HTML & CSS, done proper. You'll understand hand coding, and its benefits. If you use WYSIWYG tools in the future (such as Dreamweaver) you'll be able to read the code they output, and with time, be able to correct their mistakes. You will also understand proper code formatting, how to choose a code editor, tricks to save you time and increase your productivity. If you are a graphic designer, you'll be able to combine your current design skills, with your new HTML/CSS skills .

            If you take advantage of the Bonus Material, you'll know the basics of how to manage a hosted site, how to get around Dreamhost, how to upload files, backup, save yourself if something goes wrong with SVN's unlimited "undo" features (my wording there bub), some linux shell essentials, how to use a test version and a live version of your site, and you'll have an introduction to some web security concepts.

            Alright, so if you're still reading and your interested in the course a couple final details. First, RSVPs are a MUST for all attendees. If you're going to miss a class, I need a "no" RSVP so that I can plan my schedule if all of the sudden most cannot make it that class period.

            As well, for the first class, I need a phone RSVP. Space is limited (and I mean physically limited in this case, because I have a small space), so I need to know how many are coming. My number is 440.521.7214.

            Now for this stuff on the Bonus Materials. The course is free, but I am asking for donations. Donations will help me cover the rent for the facility I am using, and other costs. A suggested donation range is between $5 to $20 per class. If you find the material, class time, help and suggestions you receive valuable, a donation is greatly appreciated. I will have a box available at each class, labeled donations, for those that are able and willing to donate.

            Anyone that donates $10 or more per class will be invited to attend the Bonus Materials classes. In order to make effective use of these classes you will need your own Dreamhost account. But for the classroom time, you will be provided space and a user on my account. Contact me for details.

            If anyone has any questions feel free to respond to this email, or call me. Looking forward to seeing yall at the classes!

            Kind Regards,

            Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
            This message was sent by Aoirthoir An Broc ([address removed]) from Cleveland Web Design and Development Meetup.
            To learn more about Aoirthoir An Broc, visit his/her member profile
            To unsubscribe or to update your mailing list settings, click here

            Meetup, PO Box 4668 #37895 New York, New York[masked] | [address removed]

            Sign up

            Meetup members, Log in

            By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy