Web Development

42
WEB DEVELOPMENT Delving into the Internet and Networks

description

Delving into the Internet and Networks. Web Development. In the beginning. ARPANET – set up for the military to have another network of communication Pre-cursor to the internet. HTML. Hyper Text Markup Language Displayed through a web browser Is being replaced by XHTML. XHTML. - PowerPoint PPT Presentation

Transcript of Web Development

Page 1: Web  Development

WEB DEVELOPMENT

Delving into the Internet and Networks

Page 2: Web  Development

In the beginning

ARPANET – set up for the military to have another network of communication

Pre-cursor to the internet

Page 3: Web  Development

HTML

Hyper Text Markup Language Displayed through a web browser Is being replaced by XHTML

Page 4: Web  Development

XHTML

Extensive Hyper Text Markup Language More specific than HTML Used to allow for XML XML is used to create your own tags

Page 5: Web  Development

Doctype

Strict Transitional Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

Page 6: Web  Development

CSS

Cascading Style Sheet Internal or linked Control the appearance of elements in

your web page. Why cascading?

Page 7: Web  Development

JavaScript

Must activate in Internet Explorer Used with forms for processing

information Used with CSS to animate elements

Page 8: Web  Development

Cookies

Text file Saved on YOUR computer Used to help keep setting at a website Expiration Date

Page 9: Web  Development

DOM

Document Object Model

Page 10: Web  Development

Flash

Good for animations Creates a .swf file Can have anchors/links Embedded into an HTML file Text in Flash movies not searchable

Page 11: Web  Development

File Types

Files made up of a filename and a file extension separated by a period

myreport.doc

index.html

banner.jpg

file name file extension

Page 12: Web  Development

Webpage files

use the following extensions .html .htm .php .asp .jsp

Page 13: Web  Development

Graphic FilesUse the following extensions

File attributes

.jpg .gif

.png .tiff

.bmp

Compressed, basic graphics Compressed, support transparency and

animation Compressed, more colors, alpha channel Not compressed, must have application to

view it Not compressed, basic image, MS Paint’s

default

Page 14: Web  Development
Page 15: Web  Development

Other files

.exe – executable files .pdf – acrobat reader .doc – word document .css – cascading style sheet .js – javascript file

Page 16: Web  Development

Multimedia Files

MPEG – Graphics and Sound .avi – video .mov – quicktime movie .swf - flash movie

Page 17: Web  Development

Compression Files

Some graphic files are compressed:jpg, gif, png

Other compressionszip (archive)

Page 18: Web  Development

Protocols

What is a protocol?Just a standard way to do somethingEx: US mail address follows a protocol

○ Persons Name○ Street Address○ City, State, and Zip Code

The internet uses certain protocols for transferring electronic data

Page 19: Web  Development

HTTP

Hyper Text Transfer Protocol Transfer text, anchors, graphics and

sound Uses port 80

Page 20: Web  Development

TCP/IP

Used for sending and receiving packets via the internet

Each computer must have a separate and unique IP address

TCP is what the router uses to attach the IP address to packets being sent

Page 21: Web  Development

IP addresses

Uses Four 3 digit numbers separated by a period

can use the numbers 0 – 255 ex:

172.0.0.1205.52.45.31

Page 22: Web  Development

DNS Server

resolves domain names to IP addresses This is why you can type in google.com

in the URL and find the site for Google’s search engine

What’s Google’s IP address?

Page 23: Web  Development

DHCP Server

This server will hand out an IP address to a network computer when it is booted up.

The IP can be changed with RELEASE or RENEW

Set up by your network administrator

Page 24: Web  Development

IPCONFIG

Let’s you see your computer’s IP settings

Let’s try it

Page 25: Web  Development

IP Classes

Class AUsed with large businesses and small

countriesSubnet mask : 255.0.0.0

Class BUsed with large businessesSubnet mask: 255.255.0.0

Class CUsed for small businesses and personal useSubnet mask: 255.255.255.0

Page 26: Web  Development

FTP

File Transfer Protocol Uses Port 21

Page 27: Web  Development

Email Protocols

SMTP – for out going mail POP3 – for in coming mail

Formats include MIME and Bin Hex and UUEncode

Page 28: Web  Development

Access

Having rights to connect to a server or folders to FTP

Page 29: Web  Development

Anchor

Used for Hyper links <a> </a> tags Can include images, text, and image

maps

Page 30: Web  Development

Tables vs. CSS

Layout of a Web page Tables were the old way

Static, didn’t display as well from one browser to another

CSS was developed to include positioning elements as well as changing the look and feel of text, graphics, etc.Uses the <div> </div> tags for DIViding up

the page into divisions.

Page 31: Web  Development

Domains

Common names of websitesGoogle.comYahoo.comespn.commurrayschools.org

Page 32: Web  Development

ISP

Internet Service ProvidersQwest DSL (Direct Sub Link) – Uses

EthernetComcast Cable – Uses Coaxial cable

Page 33: Web  Development

VPN

Virtual Private Networka tunnel into an network from home

Page 34: Web  Development

Searches

Search enginesGoogleYahooMSN

use quotations to search for specific phases

Page 35: Web  Development

Email encoding

Uuencoding Bin Hex MIME

Page 36: Web  Development

Bandwidth

The amount of data that can be sent through a connection

Page 37: Web  Development

Safety - Firewall

Firewall set up to block programs from the internet from running on your computer

Page 38: Web  Development

Virus

– sent in email attachments. Propagates itself when opened.

Page 39: Web  Development

Worm

– does not have to be run or opened to propagate itself on a network

Page 40: Web  Development

Trojan

Trojan – You think your running one program, but it’s doing something behind the scenes

Page 41: Web  Development

Certificate Server

Sends an electronic “certificate” to a computer from the network to tell the computer it is a legitimate program to run

Page 42: Web  Development

SSL

Secure Sockets Layer HTTPS Encodes the information Used with most online orders