1 / 16

HTML Graphics

HTML Graphics. Objective Insert an inline graphic image. Displaying Graphics is EASY. The Web supports TWO methods for displaying graphics. Inline (onboard) image External image that is somewhere else. Inline Graphics. Appears directly on the web page

deepak
Download Presentation

HTML Graphics

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML Graphics Objective Insert an inline graphic image

  2. Displaying Graphics is EASY • The Web supports TWO methods for displaying graphics. • Inline (onboard) image • External image that is somewhere else.

  3. Inline Graphics • Appears directly on the web page • Gets loaded when the web page is loaded • Gif • jpeg

  4. Windows Paintcan’t make .GIF files! • Only makes .BMP files • Copy the image • Paste into PhotoEdit to convert to JPG or GIF format. • Save as .JPEG or .GIF from PhotoEdit.

  5. An EXTERNAL image • Is NOT displayed with the web page. • The Browser cannot see the external image. • Needs a File Viewer

  6. File Viewer • An external application • the browser loads it automatically • when it finds the image file and • displays the image.

  7. Built in Player Also Shockwave Real Player Real JukeBox Napster…boo hiss! External Images are NOT on the web page. Viewer just sees an icon they can click. Windows Media Player

  8. Say Good By • If they leave to view an external image, they MAY not come back.

  9. External Viewer • Not just images • ANY image format. • Video • Sound • Not limited to .JIF or .JPG formats

  10. Insert an Inline Image. • First GET the image and put it into YOUR personal file. • Open the HTML file (Your web page file) with the text editor. • Move to the place in the document where You want the image to appear.(Just .JIF or .JPG…its inline). • Type <IMG SRC=“MyFileName”>

  11. <IMG SRC=“MyFileName”> • <IMG> is the tag for a inline image • To access the image you need to include the file name. SRC= Is the SOURCE for the file. MyFileName.jpg “MyFileName.jpg”

  12. Don’t Forget! • Place the image in the same file as your HTML document.

  13. Center the Image <P ALIGN = CENTER> <IMG SRC=“MyFileName”>

  14. Background GIF <BODY BACKGROUND = “clown.gif”>

  15. Go to PantDraw some angular lines

  16. Fill the boxes with different colors Build your own background Pattern. Copy it to PhotoEdit Save as a .GIF file.

More Related