Web Basics (Scary Acronyms Demystified)

17
Web Basics (Scary Acronyms Demystified)

description

Web Basics (Scary Acronyms Demystified). Acronyms. And your website…. HTML. CSS. URL. RSS. HTTP. API. What’s is HTML? What’s my IP ? .. CSS , RSS , ERQ ? …. Arggg !. Wait a second…. Yippie ! We have an Awesome website…. I can handle this!. …What does it all mean?. SSL. - PowerPoint PPT Presentation

Transcript of Web Basics (Scary Acronyms Demystified)

Page 1: Web Basics  (Scary Acronyms Demystified)

Web Basics (Scary Acronyms Demystified)

Page 2: Web Basics  (Scary Acronyms Demystified)

HTML

AcronymsAnd your website…

CSS

URL

HTTP

SSL

SMTP

DNS

RSS

API

ERQ

iCAL

Yippie! We have an Awesome website…What’s is HTML? What’s my IP? ..CSS, RSS, ERQ? … I can handle this!Wait a second…Arggg!... …What does it all mean?

Page 3: Web Basics  (Scary Acronyms Demystified)

<h1>About Us</h1><p><b>This placeholder text is for formatting

purposes only. Remove before launch. </b></p>

<html>

<head>

</head>

<body>

</body>

</html>

</title><title>

HTMLHypertext Markup

Language

Everything between these two tags will appear bold.

Bold it is!

Page 4: Web Basics  (Scary Acronyms Demystified)

CSS<html>

<head>

</head>

<body>

<h1>About Us</h1>

<p><b>This placeholder text is for formatting purposes only. Remove before launch. </b></p>

</html>

</title><title>

</body>

Cascading Style Sheeth1 {

color:#d98a15; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}

h1{ color:#d98a15; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}

The CSS is saying “Make every <h1> tag used on the page (or in the site) the certain color, font and size.

Page 5: Web Basics  (Scary Acronyms Demystified)

RGBRed Green Blue

Pictures displayed on your computer screen utilize a combination of these three colors.

Page 6: Web Basics  (Scary Acronyms Demystified)

URLUniform Resource

Locator

http://www.finalsite.com

This is how you communicate where you want to goand what you want to see on the Internet.

This is the URL

Page 7: Web Basics  (Scary Acronyms Demystified)

HTTPHypertext Transfer

Protocol

https://When you see the “S” it means that data is being transmitted and displayed in a secure (SSL) manner.

http://www.finalsite.com

http:// is the protocol of this URL

Page 8: Web Basics  (Scary Acronyms Demystified)

SSLSecure Sockets Layer

When you see the “S” after http it means that data is being transported and displayed in a secure manner.

https://www.finalsite.com

Credit Card Numbers

Personal Data

Login Information

Sending Forms

Look for the “s” and the lock

Hover over the logo for more information..

How do we know it is secure?

Page 9: Web Basics  (Scary Acronyms Demystified)

SMTPSimple Mail Transfer

Protocol

Servers use the Simple Mail Transfer Protocol to transfer electronic mail back and forth.

Your email client can also use SMTP to send email to a server.

Page 10: Web Basics  (Scary Acronyms Demystified)

DNSDomain Name System

www.somesite.com 198.105.232.7

Life is easier thanks to the many DNS servers out there on the Internet.

We type text

DNS Interprets and Translates

Directs to IP

Somesite’s home page is displayed in your browser.

Page 11: Web Basics  (Scary Acronyms Demystified)

IPInternet Protocol

Your IP address is a set of 4 groupings of numbers that identifies the network you are on and which computer you are using.

Here I Am… 192.168.200.5

192.168.200.5

Page 12: Web Basics  (Scary Acronyms Demystified)

RSSRDF, Rich, or Really Simple

Syndication

What this means to me….

Syndication of Web Content

Common Usage:News FeedsHeadlinesAudioExcerpts from discussion forums/blogs…

Page 13: Web Basics  (Scary Acronyms Demystified)

APIApplication Programming

Interface

iWeatheriPollen

Ms. Sunny Days Mr. Al Ergies

011010110

011001101001010101

iWeather

Check the Pollen Count Here

Find out what the weather will be like for your area this weekend.

How Programmers make programming easier!

Page 14: Web Basics  (Scary Acronyms Demystified)

ERQEnhancement Request

• We take your suggestions.• Put them on a list.• Our developers, when it’s

possible, will implement them where they can into the software.

We like to get feedback and suggestions from the users of our software….That’s You!

Page 15: Web Basics  (Scary Acronyms Demystified)

FILE TYPES- GIF = (Graphic Interchange Format)

- JPEG = (Joint Photographic Experts Group)

- PNG = (Portable Network Graphics)

- TIFF = (Tagged Image File Format)

- AVI = (Audio Video Interleaved)

- MOV = (QuickTime Movie)

- AIFF = (Audio Interchange File Format)

- MP3 = (MPEG-1 Layer III Audio Stream Sound file)

- PDF = (Portable Document Format)

- MPEG = (Motion Picture Experts Group)

- TXT = (Plain Text File)

- DOC = (Word Document)

- XML = (Extensible Markup Language)

- XLS = (Excel File)

Even file types are acronyms for something.

With each file type comes a set of

characteristics and common properties

including, what types of programs can view the file.

DID YOU KNOW?

Page 16: Web Basics  (Scary Acronyms Demystified)

SUMMARYNot an Acronym….

You have the knowledge. You have the control.

Now go ahead and enjoy working with your finalsite website.

Don’t be afraid anymore!

Page 17: Web Basics  (Scary Acronyms Demystified)

Q & A

THANK YOU FOR YOUR TIME AND ATTENTION.