SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Creating a Multimedia
Web Page
Tutorial 9
Embedded object
– is any media clip, file, program, or other
object that can be run or viewed from
within the Web page.
EMBEDDDING A MEDIA CLIP
To embed a sound or video clip on your Web Page,
use the following HTML tags:
<EMBED SRC = URL WIDTH = value HEIGHT = value>
Where URL is the name of the sound or video file
to be embedded, and the WIDTH and the HEIGHT
properties define the size of the embedded object
on your Web page.
To start the media clip automatically when
the page loads, use the following property
within the <EMBED> tag:
AUTOSTART = “true”
EXAMPLES:
<EMBED SRC =“AF98-1.wav”
WIDTH=145 HEIGHT=60>
<EMBED SRC =“AF98-1.wav”
WIDTH=145 HEIGHT=60
AUTOSTART =“True”>
CREATING A BACKGROUND
SOUND
To create a background sound ( a sound that is
played automatically when the browser opens
the Web page), use the following tag for Internet
Explorer:
<BGSOUND SRC = URL LOOP = value>
Where URL is the filename or location of the
sound file, and the LOOP parameter determines
how may times the sound file should be played.
Loop can be either a digit or INFINITE.
EXAMPLE:
<BGSOUND SRC =“C:Documents and
SettingsMy Documentsmad.wav” LOOP
=2>
CREATING A BACKGROUND
SOUND
To create a background sound for Netscape
Navigator or Communicator, use the
HTML tag:
<EMBED SRC = URL WIDTH = 0 HEIGHT
= 0 AUTOSTART = “true”>
EXAMPLE:
<EMBED SRC =“C:Documents and
SettingsMy Documentsmad.wav”
WIDTH=0 HEIGHT=0
AUTOSTART=True”>
SUPPORTING BROWSERS THAT DO NOT
RECOGNIZE EMBEDDED OBJECTS
To support browsers that don’t recognize the <EMBED>
tag use the <NOEMBED> tag with the following syntax:
<EMBED SRC = URL HEIGHT = value WIDTH =
value>
<NOEMBED>
HTML tags recognized by older browsers
</NOEMBED>
Where the text and tags placed between the
<NOEMBED> and </NOEMBED> tags will be rendered
by older browsers and ignored by browsers that
recognize the <EMBED> tag.
TIPS FOR USING MULTIMEDIA IN
YOUR WEB PAGE
• Avoid embedding large files on your Web page if the
page will be accessed by users with slow Internet
connections. Use hyperlinks instead.
• Always indicate the size of the media clip when creating
a hyperlink to it, so that your users know how large the
file is before committing to retrieving it.
• Provide different media formats to your users. Provide
both AVI and QuickTime versions of your video files.
Provide both WAV and AU versions of your audio files.
• Test your media clips on different browsers and browser
versions.
Applet
- is a small program designed to execute
within another application.
INSERTING A JAVA APPLET
To insert a Java applet, use the following syntax:
<APPLET CODE = file.class WIDTH = value HEIGHT = value>
<PARAM>
<PARAM>
….
<PARAM>
</APPLET>
Where file.class is the name of the applet that is called by the browser, and the
WIDTH and HEIGHT properties define the size of the applet window a it appears
on the Web page.
If the applet requires some parameters in order to function, enter the parameter
values with the following syntax:
<PARAM NAME = text VALUE = value>
where the NAME property is the name of the particular parameter, and the
VALUE property is the value that you want to assign to it.
INSERTING A JAVA APPLET
To access a Java applet located in a
different folder from the one that contains
the current HTML file, insert the following
property in the <APPLET> tag:
CODEBASE = URL
Where URL is the location of the file.class
file.
CREATING A MARQUEE WITH
INTERNET EXPLORER
To create a marquee (a box of scrolling
text) for the Internet Explorer browser,
without using a Java applet, use the
following HTML tag:
<MARQUEE> Marquee Text </MARQUEE>
where Marquee Text is the text that will
scroll from right to left across the box.
CREATING A MARQUEE WITH
INTERNET EXPLORER
To control the appearance and size of the
marquee, insert the following properties into
the <MARQUEE> tag:
BGCOLOR = color WIDTH = value HEIGHT = value
where BGCOLOR property controls the
background color of the marquee box, and
the WIDTH and HEIGHT properties define
the box’s dimensions.
CREATING A MARQUEE WITH
INTERNET EXPLORER
To create a marquee (a box of scrolling
text) for the Internet Explorer browser,
without using a Java applet, use the
following HTML tag:
<MARQUEE> Marquee Text </MARQUEE>
where Marquee Text is the text that will
scroll from right to left across the box.
CREATING A MARQUEE WITH
INTERNET EXPLORER
To control the placement of the marquee with
the surrounding text, use the properties:
HSPACE = value VSPACE = value ALIGN = alignment
where the HSPACE and VSPACE properties
define the amount of horizontal and vertical
space around the box (in pixels), and the ALIGN
property determines the alignment of the box
with the surrounding text.
CREATING A MARQUEE WITH
INTERNET EXPLORER
To control the behavior of text within the marquee, use
the properties:
BEHAVIOR = item DIRECTION = item LOOP = value
where BEHAVIOR is either SCROLL (to continuously
scroll the text across the box), SLIDE (to slide the text
across the box, or ALTERNATE (to bounce the text back
and forth across the box). The DIRECTION property is
either LEFT or RIGHT, defining in which direction the
text moves. The LOOP value determines how often the
text moves across the box, and either a digit or
INFINITE.
CREATING A MARQUEE WITH
INTERNET EXPLORER
To control the speed of the text within the
marquee, use the properties:
SCROLLAMOUNT = value SCROLLDELAY =
value
Where SCROLLAMOUNT is the amount of
space (in pixels) that the text moves each time it
advances across the page, and SCROLLDELAY
is the amount of time, in milliseconds, between
text advances.
EXAMPLE:
<MARQUEE WIDTH=400 HEIGHT=30
BGCOLOR=“#FFCCFF”>
WEATHER FORECAST…TODAY Partly
sunny…TONIGHT…Showers with….
</MARQUEE>
Fin

Weitere ähnliche Inhalte

Ähnlich wie Tutorial 9 multimedia web page

Presentation about html5 css3
Presentation about html5 css3Presentation about html5 css3
Presentation about html5 css3Gopi A
 
World wide web with multimedia
World wide web with multimediaWorld wide web with multimedia
World wide web with multimediaAfaq Siddiqui
 
HTML5: The Future of Web Development with IE9, IE10 and Windows 8
HTML5: The Future of Web Development with IE9, IE10 and Windows 8HTML5: The Future of Web Development with IE9, IE10 and Windows 8
HTML5: The Future of Web Development with IE9, IE10 and Windows 8Shaymaa
 
DV10 HTML5: The Future of Web Development
DV10 HTML5: The Future of Web Development DV10 HTML5: The Future of Web Development
DV10 HTML5: The Future of Web Development Ronald Widha
 
GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1Heather Rock
 
Continue to build on the skills of providing Web page content and st.docx
Continue to build on the skills of providing Web page content and st.docxContinue to build on the skills of providing Web page content and st.docx
Continue to build on the skills of providing Web page content and st.docxvictorring
 
Web Development for UX Designers
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX DesignersAshlimarie
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginnersVineeth N Krishnan
 
JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)WebStackAcademy
 
Building Accessible Apps using NET MAUI.pdf
Building Accessible Apps using NET MAUI.pdfBuilding Accessible Apps using NET MAUI.pdf
Building Accessible Apps using NET MAUI.pdfSivarajAmbat1
 
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentEECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentFortySeven Media
 
Web development intership Presentation.pptx
Web development intership Presentation.pptxWeb development intership Presentation.pptx
Web development intership Presentation.pptxbodepallivamsi1122
 
Programming languages asp.net
Programming languages asp.netProgramming languages asp.net
Programming languages asp.netVasilios Kuznos
 
Web Directions @media 2010
Web Directions @media 2010Web Directions @media 2010
Web Directions @media 2010Patrick Lauke
 

Ähnlich wie Tutorial 9 multimedia web page (20)

Presentation about html5 css3
Presentation about html5 css3Presentation about html5 css3
Presentation about html5 css3
 
World wide web with multimedia
World wide web with multimediaWorld wide web with multimedia
World wide web with multimedia
 
HTML5: The Future of Web Development with IE9, IE10 and Windows 8
HTML5: The Future of Web Development with IE9, IE10 and Windows 8HTML5: The Future of Web Development with IE9, IE10 and Windows 8
HTML5: The Future of Web Development with IE9, IE10 and Windows 8
 
DV10 HTML5: The Future of Web Development
DV10 HTML5: The Future of Web Development DV10 HTML5: The Future of Web Development
DV10 HTML5: The Future of Web Development
 
GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1
 
Continue to build on the skills of providing Web page content and st.docx
Continue to build on the skills of providing Web page content and st.docxContinue to build on the skills of providing Web page content and st.docx
Continue to build on the skills of providing Web page content and st.docx
 
Web Development for UX Designers
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX Designers
 
Web Apps
Web AppsWeb Apps
Web Apps
 
Html5
Html5Html5
Html5
 
Html tutorial 5
Html tutorial 5Html tutorial 5
Html tutorial 5
 
Html tutorial 5
Html tutorial 5Html tutorial 5
Html tutorial 5
 
Html links
Html linksHtml links
Html links
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginners
 
JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)
 
Building Accessible Apps using NET MAUI.pdf
Building Accessible Apps using NET MAUI.pdfBuilding Accessible Apps using NET MAUI.pdf
Building Accessible Apps using NET MAUI.pdf
 
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentEECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
 
Day of code
Day of codeDay of code
Day of code
 
Web development intership Presentation.pptx
Web development intership Presentation.pptxWeb development intership Presentation.pptx
Web development intership Presentation.pptx
 
Programming languages asp.net
Programming languages asp.netProgramming languages asp.net
Programming languages asp.net
 
Web Directions @media 2010
Web Directions @media 2010Web Directions @media 2010
Web Directions @media 2010
 

Kürzlich hochgeladen

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsJoaquim Jorge
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024The Digital Insurer
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 

Kürzlich hochgeladen (20)

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 

Tutorial 9 multimedia web page

  • 1. Creating a Multimedia Web Page Tutorial 9
  • 2. Embedded object – is any media clip, file, program, or other object that can be run or viewed from within the Web page.
  • 3. EMBEDDDING A MEDIA CLIP To embed a sound or video clip on your Web Page, use the following HTML tags: <EMBED SRC = URL WIDTH = value HEIGHT = value> Where URL is the name of the sound or video file to be embedded, and the WIDTH and the HEIGHT properties define the size of the embedded object on your Web page.
  • 4. To start the media clip automatically when the page loads, use the following property within the <EMBED> tag: AUTOSTART = “true”
  • 5. EXAMPLES: <EMBED SRC =“AF98-1.wav” WIDTH=145 HEIGHT=60> <EMBED SRC =“AF98-1.wav” WIDTH=145 HEIGHT=60 AUTOSTART =“True”>
  • 6. CREATING A BACKGROUND SOUND To create a background sound ( a sound that is played automatically when the browser opens the Web page), use the following tag for Internet Explorer: <BGSOUND SRC = URL LOOP = value> Where URL is the filename or location of the sound file, and the LOOP parameter determines how may times the sound file should be played. Loop can be either a digit or INFINITE.
  • 7. EXAMPLE: <BGSOUND SRC =“C:Documents and SettingsMy Documentsmad.wav” LOOP =2>
  • 8. CREATING A BACKGROUND SOUND To create a background sound for Netscape Navigator or Communicator, use the HTML tag: <EMBED SRC = URL WIDTH = 0 HEIGHT = 0 AUTOSTART = “true”>
  • 9. EXAMPLE: <EMBED SRC =“C:Documents and SettingsMy Documentsmad.wav” WIDTH=0 HEIGHT=0 AUTOSTART=True”>
  • 10. SUPPORTING BROWSERS THAT DO NOT RECOGNIZE EMBEDDED OBJECTS To support browsers that don’t recognize the <EMBED> tag use the <NOEMBED> tag with the following syntax: <EMBED SRC = URL HEIGHT = value WIDTH = value> <NOEMBED> HTML tags recognized by older browsers </NOEMBED> Where the text and tags placed between the <NOEMBED> and </NOEMBED> tags will be rendered by older browsers and ignored by browsers that recognize the <EMBED> tag.
  • 11. TIPS FOR USING MULTIMEDIA IN YOUR WEB PAGE • Avoid embedding large files on your Web page if the page will be accessed by users with slow Internet connections. Use hyperlinks instead. • Always indicate the size of the media clip when creating a hyperlink to it, so that your users know how large the file is before committing to retrieving it. • Provide different media formats to your users. Provide both AVI and QuickTime versions of your video files. Provide both WAV and AU versions of your audio files. • Test your media clips on different browsers and browser versions.
  • 12. Applet - is a small program designed to execute within another application.
  • 13. INSERTING A JAVA APPLET To insert a Java applet, use the following syntax: <APPLET CODE = file.class WIDTH = value HEIGHT = value> <PARAM> <PARAM> …. <PARAM> </APPLET> Where file.class is the name of the applet that is called by the browser, and the WIDTH and HEIGHT properties define the size of the applet window a it appears on the Web page. If the applet requires some parameters in order to function, enter the parameter values with the following syntax: <PARAM NAME = text VALUE = value> where the NAME property is the name of the particular parameter, and the VALUE property is the value that you want to assign to it.
  • 14. INSERTING A JAVA APPLET To access a Java applet located in a different folder from the one that contains the current HTML file, insert the following property in the <APPLET> tag: CODEBASE = URL Where URL is the location of the file.class file.
  • 15. CREATING A MARQUEE WITH INTERNET EXPLORER To create a marquee (a box of scrolling text) for the Internet Explorer browser, without using a Java applet, use the following HTML tag: <MARQUEE> Marquee Text </MARQUEE> where Marquee Text is the text that will scroll from right to left across the box.
  • 16. CREATING A MARQUEE WITH INTERNET EXPLORER To control the appearance and size of the marquee, insert the following properties into the <MARQUEE> tag: BGCOLOR = color WIDTH = value HEIGHT = value where BGCOLOR property controls the background color of the marquee box, and the WIDTH and HEIGHT properties define the box’s dimensions.
  • 17. CREATING A MARQUEE WITH INTERNET EXPLORER To create a marquee (a box of scrolling text) for the Internet Explorer browser, without using a Java applet, use the following HTML tag: <MARQUEE> Marquee Text </MARQUEE> where Marquee Text is the text that will scroll from right to left across the box.
  • 18. CREATING A MARQUEE WITH INTERNET EXPLORER To control the placement of the marquee with the surrounding text, use the properties: HSPACE = value VSPACE = value ALIGN = alignment where the HSPACE and VSPACE properties define the amount of horizontal and vertical space around the box (in pixels), and the ALIGN property determines the alignment of the box with the surrounding text.
  • 19. CREATING A MARQUEE WITH INTERNET EXPLORER To control the behavior of text within the marquee, use the properties: BEHAVIOR = item DIRECTION = item LOOP = value where BEHAVIOR is either SCROLL (to continuously scroll the text across the box), SLIDE (to slide the text across the box, or ALTERNATE (to bounce the text back and forth across the box). The DIRECTION property is either LEFT or RIGHT, defining in which direction the text moves. The LOOP value determines how often the text moves across the box, and either a digit or INFINITE.
  • 20. CREATING A MARQUEE WITH INTERNET EXPLORER To control the speed of the text within the marquee, use the properties: SCROLLAMOUNT = value SCROLLDELAY = value Where SCROLLAMOUNT is the amount of space (in pixels) that the text moves each time it advances across the page, and SCROLLDELAY is the amount of time, in milliseconds, between text advances.
  • 21. EXAMPLE: <MARQUEE WIDTH=400 HEIGHT=30 BGCOLOR=“#FFCCFF”> WEATHER FORECAST…TODAY Partly sunny…TONIGHT…Showers with…. </MARQUEE>
  • 22. Fin