Presentation on theme: "Basic Knowledge of Web creation. Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in."— Presentation transcript:
Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in a grid. Each pixel or "bit" in the image contains information about the color to be displayed. Bitmap images have a fixed resolution and cannot be resized without losing image quality. Most bitmap images can be converted to other bitmap-based formats very easily. Bitmap images tend to have much large file sizes than vector graphics and they are often compressed to reduce their size. Vector Graphic Vector graphics are made up of many individual objects. Each of these objects can be defined by mathematical statements and has individual properties assigned to it such as color, fill, and outline. Vector graphics are resolution independent because they can be output to the highest quality at any scale. Vector graphics tend to have much smaller file sizes than raster-based bitmaps.
Color Mode for Computer Graphic Color spaces RGB - This color space is based on the primary additive colors of Red, Green, and Blue. This is the most common color mode used in graphics software CMYK - This color space is based on the ink colors used in traditional full-color commercial printing: Cyan, Magenta, Yellow, and black.
Resolution Resolution is a measurement of the output quality of an image, usually in terms of samples, pixels, dots, or lines per inch. The terminology varies according to the intended output device. Pixel is the smallest display element that makes up the images you see on a computer monitor or television. In bitmap-based images, the more pixels an image contains, the higher its resolution
File Format that use for Web Design File Format that use Website +Gif (Graphic interchange format) This file can have an animation and also can have transparency background such as Emotion icon +Jpeg (Joint Photographic Experts Group ) This file is a very common file that use in many field of work. +Png (Portable Network Graphics) This file is a good quality for creating graphic with transparency background. +SWF ( Shockwave flash) This is Flash animation file that is created from Adobe Flash. Actually,it is the most common animation and interactive file on the internet
Web design process 1. Concept Define Target audience, Goal, Aim 2. Navigation Flowchart sitemap, design the navigation, How user navigate make process easy. Example: Navigation Flowchart (site map) 3. Design Look and Feel or Mood,Tone, Color, Font, Attractive, and Theme Program : Photoshop, and Illustrator 4. Programming Design Program : Dreamweaver, Flash,Word press, Joomla and etc.. 5. Upload Find server and create domain name – ftp upload (File Transfer Protocol) Example: FileZillaNavigation Flowchart (site map)
Web design process 6. Testing find out the error Web browser : Internet Explorer, File Fox, Safari, and etc.. 7. Promoting Make Traffic, E-Marketing Example: Web community, Web board, Banner 8. Maintenance Always check an error, Google Analytic.