This document provides an introduction to HTML, CSS, and web development. It discusses the main technologies used for front-end development like HTML for structure and CSS for styling. It also mentions JavaScript for interactivity and lists some common scripting languages like Python, Ruby, and PHP that are used to connect websites to databases. The document gives tips for getting started with web development like using text editors for coding and creating a root folder and index.html page. It also distinguishes between static and dynamic websites and provides contact information for the author.

1. Getting started with
HTML & CSS
{
Ben Eveloff // Assistant Professor, Lewis University
CMA’s National College Media Conference 10.26.2013

2. What your browser looks at…
“Front-end” Development
HTML = structure of
document
CSS = styles the site
JavaScript = executes things

3. Three main scripting languages
that talk to databases
Python - newer
Ruby - newer
PHP - older

4. Text editors
PC – Notepad ++
Link: http://notepad-plus-plus.org/
Mac – Textmate or Sublime text
Link: http://blog.macromates.com/2012/textmate-2-at-github/
*Don’t try to use Microsoft Word

5. Static vs. Dynamic Websites
BenEveloff.com Vs. Amazon.com

6. Tips to get started…
1.
2.
Create a “root folder”
The first page is typically
called index.html

7. What do static links mean?

8. Let’s do some
coding…

9. Browsers for web development/design

10. So I made my site, now what?

11. OK, I want to make my site better…

12. Tips?

14. 
Ben Eveloff
 Assistant Professor, Lewis University
& Adviser of TheLewisFlyer.com

Getting in-touch
 Website: BenEveloff.com
 Email: BenEveloff (at) Gmail.com
 Twitter: @Eveloff
Contact