{

Ben Eveloff // @Eveloff

Getting started with HTML & CSS

Ben Eveloff // Assistant Professor, Lewis UniversityCMA’s National College Media Conference 10.26.2013

10.26.2013

Ben Eveloff // @Eveloff

“Front-end” DevelopmentHTML = structure of documentCSS = styles the siteJavaScript = executes things

What your browser looks at…

10.26.2013

Ben Eveloff // @Eveloff

Python - newerRuby - newerPHP - older

Three main scripting languages that talk to databases

10.26.2013

Ben Eveloff // @Eveloff

Text editors

10.26.2013

PC – Notepad ++Link: http://notepad-plus-plus.org/

Mac – Textmate or Sublime textLink: http://blog.macromates.com/2012/textmate-2-at-github/

*Don’t try to use Microsoft Word

Ben Eveloff // @Eveloff

Static vs. Dynamic Websites

10.26.2013

BenEveloff.com Vs. Amazon.com

Ben Eveloff // @Eveloff

Tips to get started…

10.26.2013

1. Create a “root folder”2. The first page is typically

called index.html

Ben Eveloff // @Eveloff

What do static links mean?

10.26.2013

Ben Eveloff // @Eveloff

Let’s do some coding…

10.26.2013

Ben Eveloff // @Eveloff

Browsers for web development/design

10.26.2013

Chrome – Developer toolsFirefox – Firebug

Ben Eveloff // @Eveloff

1.Signing up through a hosting provider i.e. GoDaddy

2.Need to purchase domain name & hosting space

So I made my site, now what?

10.26.2013

Ben Eveloff // @Eveloff

1. scratchpad.io2. Bootstrap/Foundation3. W3 schools

- http://www.w3schools.com/cssref/4. Stack overflow5. CodeAcademy.com6. Github.com

OK, I want to make my site better…

10.26.2013

Ben Eveloff // @Eveloff 10.26.2013

Tips?

Ben Eveloff // @Eveloff 10.26.2013

START MAKING THINGS!

Ben Eveloff // @Eveloff

Ben Eveloff Assistant Professor, Lewis

University& Adviser of

TheLewisFlyer.com

Getting in-touch Website: BenEveloff.com Email: BenEveloff (at) Gmail.com Twitter: @Eveloff

Contact10.26.2013