Set up your computer for today

View Github Repository Open presentation in a new window

lauraeagin

See all presentation from lauraeagin

Set up your computer for today

0 0

GDI-starter-slides

A great starting point to make a Girl Develop It Class Slideshow from. Using reveal.js and our custom theme. You'll see slide layouts that we typically use, as well as intro, break, and wrap-up questions included.

On Github lauraeagin / GDI-starter-slides

Set up your computer for today

Wifi Network: atomic-detroit-public

Password: atomicpublic

We recommend that you install Google Chrome, if you haven't already.

www.google.com/chrome

Welcome!

Girl Develop It is here to provide affordable and accessible programs to learn software through mentorship and hands-on instruction.

Some "rules"

  • We are here for you!
  • Every question is important
  • Help each other
  • Have fun

Meet Your Instructors

Name

  • 2000: A fact about me and how my career started.
  • 2005: Second factoid about me.
  • 2007: Third factoid about me.
  • 2013: Became Awesome.
  • Twitter: @gopixelsgo
  • E-mail: gopixelsgo@gmail.com

Let's meet the class!

Tell us your name

What type of website would you like to build.

What is your favorite dinosaur?

WordPress

Slides

http://gdidetroit.com/wordpress/slides

What We'll Cover Today

What is WordPress - Nuts & Bolts

WordPress Dashboard Walk Through

Publish our own page

Plugins, Themes, Tips

Look at some WordPress Business sites

Questions

Page with A List of Bullets

  • An open source blogging tool and content management system.
  • WordPress was created in 2003.
  • Powers 20% of the web & 66% of CMS sites.
  • Constantly being improved. Free.
Source: W3techs.com

Page with some color & sentences

We'll focus on wordpress.org in our class today.

If you want to get a feel for wordpress.com after class, you'll find it quick & easy to set up an account — and one of us can walk you through it if you have any questions.

Many features are available with both platforms.

Keepin It Simple Page

Less is more.

A Two Collumn Page

Today we will be learning how to code a site from scratch using paragraphs, headings, links, images, and lists.

Let's develop it!

Log in to our site Dashboard:

gdidetroit.com/wordpress/wp-admin

username: participant

password: gdidetroit

Left Aligned Paragraphs Are Cool Too

Create a new post

Give it your name as the title

Add some text and images to our post

Click to select the category "participant"

Publish it!

What's wrong with my code

Why do you think this code isn't working?

WRONG:

 		a hover {color:FF00FF;}

CORRECT:

		a:hover {color:#FF00FF;}

Missing a colon between a and hover.

The hex code needs a # before the six-digit number.

What should I use?

I want to create a two-column layout.

Fixed positioning Absolute positioning Float clear:right;

ANSWER:

Float! Float one column to the left, the other to the right.

Don't forget the width.

Break Time!

You can use fragments to load items one by one.

WordPress.com vs WordPress.org??

If you want to blog for free...

If you want a business site with a memorable URL and advanced functionality...

If you want to easily publish content & upload photos...

Questions?

We're here to help!

lauraeagin@gmail.com Twitter: @choolauraleeann.drees@gmail.com Twitter: @leeanndrees

WordPress ~ Girl Develop It ~