Intro to HTML/CSS

  • February 21, 2013 · 7:00 PM
  • AOL

Want to learn how to build your own website? Already have your own Tumblr/Wordpress/etc site, but want to have more control over it? Interested in learning to program but want to start small? This class is for you!

We will guide you through the basics of HTML and CSS, give you some readily-applicable skills, and answer any questions you may have along the way.

The course will be taught by Alexis Goldstein, author of the book "HTML5 and CSS3 for the Real World".

Note: When you register, you must provide your first and last name for entrance into the AOL building. You will need to check in at the front desk before going to the 5th floor.

Because we must have the class list in advance, registration closes the day before this class.

This 4-class HTML/CSS course runs for four Thursdays:

  • Class 1, Introduction to HTML: Feb 21, 7-9pm
  • Class 2, Introduction to CSS: Feb 28, 7-9pm
  • Class 3, HTML, beyond the basics: Mar 7, 7-9pm
  • Class 4, CSS, layouts and formatting: Mar 14, 7-9pm

Please install the following prior to class:

- Aptana version 3, a web development tool. (For Macs, requires at least OS v10.5. A free alternative you can use if you are on OS 10.4 is   Komodo Edit.)

Also, please install either Chrome, Safari, or Firefox + Firebug:  
-   Firebug, a Firefox extension with a plethora of tools handy in web development  
-   Firefox browser

You can take a sneak peak at the material here: http://www.girldevelopit.com/materials. Look for the HTML and CSS core curriculum.

Join or login to comment.

  • Alexis g.

    Example I showed you of absolute positioning:
    http://alexisgo.com/teaching/class3/simpleAbsPos.html

    Supplemental slides: http://livetotry.com/athena/class3.pdf
    My code from class tonight: https://c9.io/alexisgo/gdiclass3

    HW:
    Read: http://www.barelyfitz.com/screencast/html-training/css/positioning/

    Lab: Create a webpage with the following components:
    - Four divs: a header, a footer, a main and a sidebar:
    <div class="header"></div>
    <div class="main"></div>
    <div class="sidebar"></div>
    <div class="footer"></div> - Use class attributes & class selectors in your CSS to style these four divs - give the divs a height (example, height: 100px;)
    - give the divs a background-color or a border so you can see them.
    - give the sidebar a different background-color than the other divs - give the sidebar div a width of 25% (width: 25%;)
    - Use absolute CSS positioning (position: absolute;) to position the sidebar 0px from the left and 100px from the top of the page.

    March 7, 2013

  • Colleen Kong S.

    It was rather confusing getting to the classroom. No signs. Couldn't even get thru the glass doors w/o some unrelated people leaving fr work. Class itself was alright. I liked that all our class notes are on girl develop it website already, that Alexis pointed us to a number of free and useful sites, that Alexis tried to break things down to there most basic and did not assume we already knew anything. For the price, great value.

    February 22, 2013

    • Girl Develop I.

      Hi Colleen, This should not have happened. I have reached out to AOL to determine why someone was not there to direct you.

      February 22, 2013

  • Dominique

    Can I still register now? I just found out I can make it

    February 21, 2013

  • Andrea G.

    Do you have an age requirement? I'm looking for a class for my daughter, who's 12, and know she'd be into if it were a girls only kind of thing.

    February 21, 2013

    • Girl Develop I.

      Hi Andrea, because we focus on adults, our age limit is actually 16 years old. I highly recommend looking at girlswhocode.org or blackgirlscode.org. If you would like introductions to either of these great organization, please let me know.

      February 21, 2013

  • A former member
    A former member

    Is this a girls-only event?

    February 20, 2013

    • A former member
      A former member

      No! We are equal opportunity educators

      1 · February 20, 2013

  • Kim S.

    Thanks Jenna.

    February 18, 2013

  • Jenna M.

    chrome has a built-in developer, while firefox does not (downloading fire-bug would give you the tools you need in firefox). If you have chrome, you do not need anything else.

    February 18, 2013

  • Kim S.

    Hi Izzy,
    Just want to clarify the software requirements. I am downloading Aptana Studio 3 and I have Chrome as my browser. Do I need anything else? Just not sure if I am reading that I need the Firebug extension as well. thanks

    February 18, 2013

  • A former member
    A former member

    Wish I had heard about this before I signed up for a similar class online with Skillcrush. Would have been nice to meet some aspiring tech girls. Will definitely join you for future meetups!

    February 13, 2013

  • Deborah H.

    I am a dead beginner at this stuff. And I'm somewhat scared. I really want to learn. I had signed up already for this class and upon getting there, I realized I didn't read the class specs enough and didn't bring my laptop nor did I install the class requirements. I just left.

    How much overall interactive knowledge will I need for this class? Is this for a dead beginner? I want to sign up again, but don't want to waste another $90.

    Thanks,

    Deborah

    February 2, 2013

Your organizer's refund policy for Intro to HTML/CSS

Refunds are not offered for this Meetup.

People in this
Meetup are also in:

Create your own Meetup Group

Get started Learn more
Bill

I started the group because there wasn't any other type of group like this. I've met some great folks in the group who have become close friends and have also met some amazing business owners.

Bill, started New York City Gay Craft Beer Lovers

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