Graphics

Graphics Vector Bitmapped/Rastor Vector graphics are sometimes refers to object-oriented graphics. Adobe Illustrator, Macromedia Freehand, etc. The drawing option under most of MS Office application creates vector graphics. GIF JPEG PNG

Bitmapped Graphics Characteristics JPEG GIF PNG Animation Not possible Possible ( some browsers) Transparency Cannot have transparent portion. Can have transparent portion. Colors 16.7 million 256 >16.7 million http://people.mozilla.com/~dolske/apng/demo.html NEXT

Animation GIF PNG/JPEG

Graphic has a white background. Graphic has a transparent background. PNG/GIF Graphic has a white background. Graphic has a transparent background.

GIF or JPEG or PNG Decision factors: Support by the browsers? Colors – photo-like image? Logo? Transparency? Animation? Interlacing? Large images- jpeg Where sharp line/edges matters- png. Eg logo Small animation gif for advertisements/websites

Best Uses JPEG PNG GIF Still images only Real-world images like photos Complex coloring Shading of light and dark PNG Web images such as logos that involve transparency and fading. Complex images like photographs if file size is not an issue. GIF Web Graphics with few colors Small icons Animations Simple images

INTRODUCTION TO WEBSITE DESIGNING

Elements of a good website design? Color Text Style Page Size (800 x 600, 1024 x 768) Graphics Consistency Navigations

Designing Websites involves: When designing a website, the main factors to be considered are: Sketching out ideas, including navigations. Graphic Design. Creativity. Screen Layout. Programming. Creating interactive features such as email.

Factors that need to be considered when creating a website:- Who will be the website audience? Why do they visit the sites? Do they have any questions or needs? How will they communicate with you? What are the features that will make them visit your site again in the future?

Introduction to HTML HTML (Hypertext Markup Language) is the language of the World Wide Web. Every time you access a Web document, you are accessing a document someone wrote in HTML. HTML is a language that can be read through network using a browser. Web document is saved as .html / .htm.