SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Semelhante a 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
 

Semelhante a 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
 

Último

Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
🐬 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
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi
 

Último (20)

Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 

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