KEMBAR78
Html Server Image Control VB | PPTX
HTML SERVER CONTROL –Image (VB)
LAB WORK GUIDE
A Programme Under the compumitra Series
“Behavior is the mirror in which everyone shows their image.”
-Johann Wolfgang von Goethe
OUTLINE
IMAGE(HTML Server Control) Using VB
Code Creation.
Output View.
Modification Trials.
Error Trials.
Practice Exercise.
Summary Review.
References.
IMAGE IN HTML CONTROLS
Using "VB"
 <IMG> tag that displays an image available at a location
defined by its Src=“<location URL>” attribute.
IMAGE IN HTML CONTROL -Go to Sample Source
Open source file by typing
http://www.sunmitra.com/cmaspnet/HTMLControls/
HTMLImage/HTMLImage.aspx
address here
IMAGE IN HTML CONTROL- Run/Copy Code and Create your own
And paste it on Notepad
and Save this Notepad
with <HTMLImage.aspx>
name in Learner/<student-
id>/HTMLControls/HTMLIm
age folder.
Copy this code
IMAGE IN HTML CONTROL- Run Your Own Code
For executing this Html file –
Write this Address on address bar.
http://Localhost/<StudentID>/HTMLControls/HTMLImage/HTMLImage.aspx
And after that, click go button.
IMAGE IN HTML CONTROL - Modification Trials
 Add a new property image1.Align="right".
Watch the effect. Other valid values to try are top, middle,
bottom and left. But this effect may not be visible unless the
image is put inside an specific area such as a table cell.
 Try changing image Src property by finding any other URL of
the image from google image search.
Watch that image from any remote site can also be attached
to your local page.
 Try putting an incorrect image URL.
Watch that a blank box comes with the Alt property text
inside the box. Try changing this Alt property also. The Alt
Property may not be supported by all browsers. The Alt
Property also comes as a Tooltip when the image is properly
displayed.
 Try changing image height and width property by forming
the code yourself.
Watch the change
IMAGE IN HTML CONTROLS : Error Trials
Try to Remove '.gif' extension from "smile.gif" .
Watch the Effect.
Try to Change 'image1.Alt' to 'image1.alt'.
Watch the compiler error output as
CS0117-'System.Web.UI.HtmlControls.HtmlImage' does
not contain a definition for 'alt'.
IMAGE IN HTML CONTROLS : Practice Exercise
Write a program display images as follows-
IMAGE IN HTML CONTROLS: Learning Summary Review
Use of HTML Image Control.
Use of Attributes of HTML Image
Control.
Use of Src, Alt, Width, Height
attribute.
IMAGE IN HTML CONTROLS : Bibliography
http://www.w3schools.com/aspnet/control_ht
mlimage.asp
http://msdn.microsoft.com/en-
us/library/system.web.ui.htmlcontrols.htmlima
ge(v=VS.80).aspx
http://authors.aspalliance.com/aspxtreme/asp
net/syntax/htmlimagecontrol.aspx
http://asp101.com/articles/sample_chapters/sit
epoint_byoaspnet/chapter4.asp#d0e5854
Ask and guide me at
sunmitraeducation@gmail.com
Share this information with as
many people as possible.
Keep visiting www.sunmitra.com
for programme updates.

Html Server Image Control VB

  • 1.
    HTML SERVER CONTROL–Image (VB) LAB WORK GUIDE A Programme Under the compumitra Series “Behavior is the mirror in which everyone shows their image.” -Johann Wolfgang von Goethe
  • 2.
    OUTLINE IMAGE(HTML Server Control)Using VB Code Creation. Output View. Modification Trials. Error Trials. Practice Exercise. Summary Review. References.
  • 3.
    IMAGE IN HTMLCONTROLS Using "VB"  <IMG> tag that displays an image available at a location defined by its Src=“<location URL>” attribute.
  • 4.
    IMAGE IN HTMLCONTROL -Go to Sample Source Open source file by typing http://www.sunmitra.com/cmaspnet/HTMLControls/ HTMLImage/HTMLImage.aspx address here
  • 5.
    IMAGE IN HTMLCONTROL- Run/Copy Code and Create your own And paste it on Notepad and Save this Notepad with <HTMLImage.aspx> name in Learner/<student- id>/HTMLControls/HTMLIm age folder. Copy this code
  • 6.
    IMAGE IN HTMLCONTROL- Run Your Own Code For executing this Html file – Write this Address on address bar. http://Localhost/<StudentID>/HTMLControls/HTMLImage/HTMLImage.aspx And after that, click go button.
  • 7.
    IMAGE IN HTMLCONTROL - Modification Trials  Add a new property image1.Align="right". Watch the effect. Other valid values to try are top, middle, bottom and left. But this effect may not be visible unless the image is put inside an specific area such as a table cell.  Try changing image Src property by finding any other URL of the image from google image search. Watch that image from any remote site can also be attached to your local page.  Try putting an incorrect image URL. Watch that a blank box comes with the Alt property text inside the box. Try changing this Alt property also. The Alt Property may not be supported by all browsers. The Alt Property also comes as a Tooltip when the image is properly displayed.  Try changing image height and width property by forming the code yourself. Watch the change
  • 8.
    IMAGE IN HTMLCONTROLS : Error Trials Try to Remove '.gif' extension from "smile.gif" . Watch the Effect. Try to Change 'image1.Alt' to 'image1.alt'. Watch the compiler error output as CS0117-'System.Web.UI.HtmlControls.HtmlImage' does not contain a definition for 'alt'.
  • 9.
    IMAGE IN HTMLCONTROLS : Practice Exercise Write a program display images as follows-
  • 10.
    IMAGE IN HTMLCONTROLS: Learning Summary Review Use of HTML Image Control. Use of Attributes of HTML Image Control. Use of Src, Alt, Width, Height attribute.
  • 11.
    IMAGE IN HTMLCONTROLS : Bibliography http://www.w3schools.com/aspnet/control_ht mlimage.asp http://msdn.microsoft.com/en- us/library/system.web.ui.htmlcontrols.htmlima ge(v=VS.80).aspx http://authors.aspalliance.com/aspxtreme/asp net/syntax/htmlimagecontrol.aspx http://asp101.com/articles/sample_chapters/sit epoint_byoaspnet/chapter4.asp#d0e5854
  • 12.
    Ask and guideme at sunmitraeducation@gmail.com Share this information with as many people as possible. Keep visiting www.sunmitra.com for programme updates.