ICM 122 Graphic Design for the Internet : Second Semester of 2009 :  by A.Thantranont
week Topic
  Home page
1 Introduction to internet
2 web content | Background&table
3 Photoshop Table Rollover png
4 Home Page Design
5 Slice Tool
6 Web Page Design
Semester break Feb 28-March 7
7 Hyperlink
8 CSS secret to success
9 Gif Animation & Banner AD
10 Flash
11 Flash Navigator
12 i-Frame ASP & PHP
13 12:40 - 5:50 Make up
14 Standard of working with client
  Final Exam week
  Final Project
Useful Link
Things you always forget and Photoshop Layer
 

Introduction to internet

  • File format :
  • DNS & Hosting
  • Assignment

JPEG (Joint Photographic Experts Group)
JPEG provides for lossy compression of images (although there are variations on the standard baseline JPEG which are lossless). The file format which employs this compression is commonly also called JPEG; the most common file extension for this format is .jpg, though .jpeg, .jpe, .jfif and .jif are also used.
Best for picture, graphic for internet

TIFF (Tagged Image File Format)
TIFF is a popular format for high color depth images
Best for Offset printing

GIF (Graphics Interchange Format)
A GIF image employs lossless data compression so that the file size of an image may be reduced without degrading the visual quality, provided the image can be rendered with only 256 colours
Best for Graphic for internet : Navigator, Button, gif animation
Transparent image ( no background)

PNG (Portable Network Graphics)
PNG is officially pronounced as "ping", but it is often just spelled out PNG is still touted as a technically superior alternative, and has become the third most common image format on the web.
Best for Transparent image ( no background ) but some old web browser doesn't support

Bitmap
A raster graphics image, digital image, or bitmap, is a data file or structure representing a generally rectangular grid of pixels, or points of color, on a computer monitor, paper, or other display device.

PSD The PSD (Photoshop Document)
format stores an image as a set of layers, including text, masks, opacity, blend modes, color channels, alpha channels, clipping paths, and duotone settings. Photoshop's popularity means that the PSD format is widely used, and it is supported to some extent by most competing software.
For working process with layers,
Best for layout of process printing.... Transparent image ( no background ) such as use in Indesign Program

RAW
A raw image file contains minimally processed data from the image sensor of a digital camera or image scanner. Raw files are so named because they are not yet processed and ready to use with a bitmap graphics editor, printed, or displayed by a typical web browser. Normally, the image must be processed and converted to an RGB format such as TIFF or JPEG before it can be manipulated. Camera raw files have 12 or 14 bits of brightness information. But you cannot compare this number alone to other methods. JPEG stores a brightness gradient in an 8-bit number every 4 or 8 pixels and stores color values even more infrequently depending on the parameters used. Because of this JPEG loses fine details and is ill-suited for major color or brightness changes. By comparison the mosaicing used by the Bayer filter in raw files changes colors every 3-4 pixels and brightness every 1-2 pixels producing much finer resolution detail in a same size image. And because it is 12-bit each of these values are far more precise.
Best for high quality photograph

Color Mode :

RGB (Red Green Blue)


Light model
This mode use for file format for internet
Note: use save for web device in photoshop will automatic set in RGB

 

 

CMYK (Cyan Magenta Yellow Black)
Best for Offset printing or 4 color printing or process color printing Offset printing

 

DPI Dots per inch (DPI)
is a measure of printing resolution, in particular the number of individual dots of ink a printer or toner can produce within a linear one-inch (2.54 cm) space.
300 DPI Best for Offset Printing


Pixels per inch (PPI) or pixel density
is a measurement of the resolution of a computer display, related to the size of the display in inches and the total number of pixels in the horizontal and vertical directions.
72 PPI Best for Graphic for internet

 

 


DNS -- (Domain Name System)
The Domain Name System is the system that translates Internet domain names into IP numbers.

Domain Name as the address of the place... IP number is hard to remmeber but Domain Name is easier

read more>>

A web hosting

A web hosting service is a type of Internet hosting service that allows individuals and organizations to make their own website accessible via the World Wide Web. Web hosts are companies that provide space on a server they own or lease for use by their clients as well as providing Internet connectivity, typically in a data center. Web hosts can also provide data center space and connectivity to the Internet for servers they do not own to be located in their data center, called colocation.

1. register on forum use your real name for user, edit profile adding your picture* I need to know all your faces...

Note: after you register.. check your e-mail to verifly, and I will review new member and approve...(if you use nick name system will not approve the member)

2. register domain & web hosting and post the link ( free or pay rental ) ... search in google for hosting rental or free hosting

3. Design the temporary page creatively on your website and upload. For sample : Under construction, Coming Soon

4. all of this have to be done in lab class

Note: No. 2 you can use your existing domain and server...
if you don't have, I sugguest to use the free one... because it can done instantly..... and you can get the better domain and server later on..

This class you have to have a domain and web hosting to put your works.


Internet History
Time line web browsers
Internet Vocab
 
 
 
Course out line Any concern can contact me by e-mail : Nont@wholeinone.co.th