internet graphics
Download
Skip this Video
Download Presentation
Internet, Graphics

Loading in 2 Seconds...

play fullscreen
1 / 21

Internet, Graphics - PowerPoint PPT Presentation


  • 355 Views
  • Uploaded on

Internet, Graphics Hans Choe, Susan Linn, Jenny Townes TCP/IP Internet Protocol ( IP ) IP is the address— where to connect based on hosts and networks. IP forwards packets based on 4 byte addresses, each unique. Here is the structure of an IP address (8 bits = 1 byte).

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Internet, Graphics' - emily


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
internet graphics

Internet, Graphics

Hans Choe, Susan Linn, Jenny Townes

tcp ip
TCP/IP

Internet Protocol (IP)

IP is the address—where to connect based on hosts and networks.

IP forwards packets based on 4 byte addresses, each unique.

Here is the structure of an IP address (8 bits = 1 byte).

slide3
The first two groups indicate the network. The second two groups indicate the host on the network. For example, 152.2 is the UNC network. 152.2.81 is ILS on the UNC network. 152.2.81.### would indicate a specific machine.

The host name is a translation of an IP address, for example: 152.2.81 = ils.unc.edu.

transmission control protocol tcp
Transmission Control Protocol (TCP)

TCP verifies the correct IP address—how to connect. It is the protocol for disassembling and reassembling packets. TCP verifies the correct delivery of packets by automatically triggering retransmission if there is a problem.

TCP groups data as a packet of bytes and assigns each packet a header and a trailer.

packets
Packets

Packets are files translated into binary code. Each packet is 1,000 to 1,500 bytes.

unidirectional protocol udp
Unidirectional Protocol (UDP)

UDP is used to send very large packets, such as those used for sound or video. While TCP packets are 1,000-1,5000 bytes, UDP packets can be up to 64 kilobytes in size. Unlike TCP, delivery of UDP packets is not ensured.

graphics
Graphics
  • Pixels vs. Vectors
  • GIF vs. JPEG
  • PSD
  • PNG
how to acquire graphics
How to acquire graphics
  • Clip art
  • Scanning
  • Save As
audio format
Audio Format
  • MIDI
  • MP3
  • WAV
video format
Video Format
  • AVI - .avi
  • MPEG - .mpg .mpeg
  • QUICK TIME - .mov
  • REALVIDEO - .rm .ram
  • FLASH - .swf
graphics11
GRAPHICS

CREATE YOUR OWN

  • CorelDraw
  • Adobe Illustrator
  • Word Draw/Paint

GRAPHICS PROGRAMS

  • Fireworks
  • Adobe Photoshop
  • Flash
image file types
IMAGE FILE TYPES
  • JPEG (Joint Photographic Experts Group *.jpg or *.jpeg) used for photographs & images with higher definitions
  • GIF (Graphics Image Format *.gif) used for logos, cartoons, less definition
  • *.tiff, *.bmp, *.pict, *.qt, etc require browser plug-ins, so not recommended/used as much
basic html codes
BASIC HTML CODES
  • Backgrounds

  • Insert picture into web page

  • Thumbnails (display thumbnail while larger file is loading)

  • Alignment and Border

  • Rollovers (two images that change from one to another when scrolling over)

onMouseOver="MM_swapImage('Image7','','images/filename.jpg',1)" onMouseOut="MM_swapImgRestore()">

html image coding tips
HTML IMAGE CODING TIPS
  • Save the image to the same directory as your existing HTML file and include in coding where the file is located (ex. www.unc.edu/~slinn/inls102/images/filename.jpg)
  • Use an image tag to describe your image for a textual description

(some browers are text-only)

photoshop
PHOTOSHOP

DESKTOP & TOOLBARS

images
IMAGES
  • Creating a new file
  • Opening an existing file and editing
image editing
IMAGE EDITING
  • Save a copy of original before you begin!
  • PLAY! Best way to learn in Photoshop
  • Basic Tools (Drawing, erasing, gradient, eyedropper, clone, etc.)
adding text
ADDING TEXT
  • Type tool ( ) from toolbox
  • Type layer automatically created
  • Rasterizing – once it’s rasterized (compressed to one layer) you can no longer change the text
cropping zooming
CROPPING & ZOOMING
  • Crop tool ( ) from toolbox, adjust using handles on the edges
  • Press enter to crop
  • Zooming is a good way to make changes on a pixel by pixel level
layers
LAYERS
  • Initially only one layer
  • Useful for editing images & creating special effects
  • Increase file size
  • Save as *.psd format for changes
  • Save as *.jpg or *.gif for web
web imaging tips
WEB IMAGING TIPS
  • Save for Web
  • Size Size Size (goal for load time for websites is 3 seconds)
      • Reduce the size of image (cropping, resolution, color depth, resizing)
      • Goal is a file size of 30K for image
      • 72ppi is good for web
  • Quality
      • Save JPEGS at medium to low quality for web graphics
  • (For printing purposes, you would want to have a higher resolution 150-250ppi)
ad