##Welcome
- Who are you?
- How can I help you?
##Welcome
- Who am I?
- What is Turing?
## Tonight
- Intro to HTML/CSS/PHP
- How Wordpress uses them
- How you can use them
## What is HTML?
- Hypertext Markup Language
- Tags
- Structure
## HTML Tags
```html
<h1>This is a header</h1>
```
## HTML Structure
```html
<div class="nav-bar">
<div class="options">
Option 1
Option 2
</div>
</div>
```
## HTML in Action
- [Craigslist Denver](http://denver.craigslist.com)
## What is CSS?
- Cascating Style Sheets
- Properties
- Classes and Selectors
CSS:
h1 {
font-weight: bold;
font-size: 42pt;
}
HTML:
<h1>This is a header</h1>
Results in:
This is a header
CSS:
```css
.navbar {
background: light-grey;
height: 60px;
}
```
HTML:
```html
<div class="nav-bar">
<div class="options">
Option 1
Option 2
</div>
</div>
```
## CSS in action
- [Craigslist Denver](http://denver.craigslist.com)
## What is PHP?
- Pre-hypertext Processor
- Variables
- Functions
## PHP to make Frosting
- 3 cups confectioners sugar
- 1 cup butter
Mix sugar and butter together until blended
## PHP to make Frosting
```php
$sugar = CUP_OF_SUGAR * 3;
$butter = STICK_OF_BUTTER * 2;
function mix_until_blended($ingredient_1, $ingredient_2) {
while(!blended){
mix($ingredient_1, $ingredient_2);
}
}
mix_until_blended($sugar, $butter);
```
## But Wordpress
- Wordpress is software written with PHP
- (and html)
- (and css)
## Moar metaphor
- PHP is like a car make. Maybe Chevy.
- Wordpress is like a car. Maybe the Impala.
- (Except that PHP doesn't make the Wordpress)
## Let's customize
- Home template