SlideShare a Scribd company logo
INSERTING BACKGROUND
    ENHANCEMENTS
Background Image and Background Sound
Laboratory Activity 2

• Create a new FOLDER inside the LanSchool
  Files directory
             Q2Act2Surname SECTION
• Copy the audio file (Q2Act2MUSIC.mp3) sent
  by the teacher inside the folder.
• Get an image from the Internet that depicts
  the message of the song ‘Jesus Take the
  Wheel’, rename the image as Q2Act2IMAGE
  and save inside the Q2Act2 folder.
Laboratory Activity 2

• Open a blank notepad, type all basic HTML
  markup tags.
  Filename:      Q2Act2Surname SECTION.htm
  Title:         ‘Laboratory Activity 2 – Inserting
     Background Enhancements’
Adding Background Image
  • Add the attribute background inside
    the <body> tag.
              <body background=“”>
  • Identify the URL of the image file to
    be inserted.
       • Right click the image and select Properties.
  • Copy the file location and paste in
    the background URL.
  • Add a backslash after the location ()
  • Copy the filename and add the
    filename extension.
Adding Background Image


  • Note:
  • If the file and the Web page are in
    the same folder, the location may be
    removed.
Codes to Remember
• <body background=˝̋̋˝̋̋>
• The background attribute specifies the URL of
  the image file that will serve as the
  background image of the Web page.
Adding Background Sound
   • In the <head> tag, add the
     <bgsound> container.
     <head>
               <bgsound>
     </head>
   • Add the attribute src inside the
     <bgsound> tag.
                 <bgsound src="">
   • Copy the URL of the audio file in the
     src.
   • Define the number of loops.

More Related Content

Similar to Background Enhancements

Unit 2.8 Multimedia Objects
Unit 2.8 Multimedia ObjectsUnit 2.8 Multimedia Objects
Unit 2.8 Multimedia Objects
Intan Jameel
 
Child themes
Child themesChild themes
Child themes
bobwlsn
 
How to build a module in canvas fhsce final (1)
How to build a module in canvas fhsce final (1)How to build a module in canvas fhsce final (1)
How to build a module in canvas fhsce final (1)
Sian Shaw
 
Creating custom themes in AtoM
Creating custom themes in AtoMCreating custom themes in AtoM
Creating custom themes in AtoM
Artefactual Systems - AtoM
 
Types of background in MS Frontpage 2003
Types of background in MS Frontpage 2003Types of background in MS Frontpage 2003
Types of background in MS Frontpage 2003
Ann Alcid
 
Containerize spring boot application with docker
Containerize spring boot application with dockerContainerize spring boot application with docker
Containerize spring boot application with docker
Sunil kumar Mohanty
 
Hyper-Lightweight Websites
Hyper-Lightweight WebsitesHyper-Lightweight Websites
Hyper-Lightweight Websites
FITC
 
Processing files sequentially in mule
Processing files sequentially in muleProcessing files sequentially in mule
Processing files sequentially in mule
Priyobroto Ghosh (Mule ESB Certified)
 
Drupal 7 theme by ayushi infotech
Drupal 7 theme by ayushi infotechDrupal 7 theme by ayushi infotech
Drupal 7 theme by ayushi infotech
Mandakini Kumari
 
Advanced Site Studio Class, June 18, 2012
Advanced Site Studio Class, June 18, 2012Advanced Site Studio Class, June 18, 2012
Advanced Site Studio Class, June 18, 2012
Lee Klement
 
Windows Movie Maker
Windows Movie Maker Windows Movie Maker
Windows Movie Maker
mrgruich
 
Hpage
HpageHpage
Web development - technologies and tools
Web development - technologies and toolsWeb development - technologies and tools
Web development - technologies and tools
Yoann Gotthilf
 
Day3 dec16-2011
Day3 dec16-2011Day3 dec16-2011
Day3 dec16-2011
ecacs
 
Django via Docker
Django via DockerDjango via Docker
Django via Docker
Brenden West
 
Lab#4 html5new element
Lab#4 html5new elementLab#4 html5new element
Lab#4 html5new element
Yaowaluck Promdee
 
Editing archive plan
Editing archive planEditing archive plan
Editing archive plan
Creative Design
 
Week 4.pptx
Week 4.pptxWeek 4.pptx
Week 4.pptx
jericcalleja
 
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
FortySeven Media
 
Cdb2004198l
Cdb2004198lCdb2004198l
Cdb2004198l
andyphung
 

Similar to Background Enhancements (20)

Unit 2.8 Multimedia Objects
Unit 2.8 Multimedia ObjectsUnit 2.8 Multimedia Objects
Unit 2.8 Multimedia Objects
 
Child themes
Child themesChild themes
Child themes
 
How to build a module in canvas fhsce final (1)
How to build a module in canvas fhsce final (1)How to build a module in canvas fhsce final (1)
How to build a module in canvas fhsce final (1)
 
Creating custom themes in AtoM
Creating custom themes in AtoMCreating custom themes in AtoM
Creating custom themes in AtoM
 
Types of background in MS Frontpage 2003
Types of background in MS Frontpage 2003Types of background in MS Frontpage 2003
Types of background in MS Frontpage 2003
 
Containerize spring boot application with docker
Containerize spring boot application with dockerContainerize spring boot application with docker
Containerize spring boot application with docker
 
Hyper-Lightweight Websites
Hyper-Lightweight WebsitesHyper-Lightweight Websites
Hyper-Lightweight Websites
 
Processing files sequentially in mule
Processing files sequentially in muleProcessing files sequentially in mule
Processing files sequentially in mule
 
Drupal 7 theme by ayushi infotech
Drupal 7 theme by ayushi infotechDrupal 7 theme by ayushi infotech
Drupal 7 theme by ayushi infotech
 
Advanced Site Studio Class, June 18, 2012
Advanced Site Studio Class, June 18, 2012Advanced Site Studio Class, June 18, 2012
Advanced Site Studio Class, June 18, 2012
 
Windows Movie Maker
Windows Movie Maker Windows Movie Maker
Windows Movie Maker
 
Hpage
HpageHpage
Hpage
 
Web development - technologies and tools
Web development - technologies and toolsWeb development - technologies and tools
Web development - technologies and tools
 
Day3 dec16-2011
Day3 dec16-2011Day3 dec16-2011
Day3 dec16-2011
 
Django via Docker
Django via DockerDjango via Docker
Django via Docker
 
Lab#4 html5new element
Lab#4 html5new elementLab#4 html5new element
Lab#4 html5new element
 
Editing archive plan
Editing archive planEditing archive plan
Editing archive plan
 
Week 4.pptx
Week 4.pptxWeek 4.pptx
Week 4.pptx
 
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
 
Cdb2004198l
Cdb2004198lCdb2004198l
Cdb2004198l
 

More from nikkeisaurus

HTML Enhancements
HTML EnhancementsHTML Enhancements
HTML Enhancements
nikkeisaurus
 
Links - IntraSystem and Absolute
Links - IntraSystem and AbsoluteLinks - IntraSystem and Absolute
Links - IntraSystem and Absolute
nikkeisaurus
 
Links - IntraPage
Links - IntraPageLinks - IntraPage
Links - IntraPage
nikkeisaurus
 
Inserting Images and Embedding Tags
Inserting Images and Embedding TagsInserting Images and Embedding Tags
Inserting Images and Embedding Tags
nikkeisaurus
 
HTML Enhancements
HTML EnhancementsHTML Enhancements
HTML Enhancements
nikkeisaurus
 
Lists
ListsLists

More from nikkeisaurus (6)

HTML Enhancements
HTML EnhancementsHTML Enhancements
HTML Enhancements
 
Links - IntraSystem and Absolute
Links - IntraSystem and AbsoluteLinks - IntraSystem and Absolute
Links - IntraSystem and Absolute
 
Links - IntraPage
Links - IntraPageLinks - IntraPage
Links - IntraPage
 
Inserting Images and Embedding Tags
Inserting Images and Embedding TagsInserting Images and Embedding Tags
Inserting Images and Embedding Tags
 
HTML Enhancements
HTML EnhancementsHTML Enhancements
HTML Enhancements
 
Lists
ListsLists
Lists
 

Recently uploaded

Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
GDSC PJATK
 
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStrDeep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
saastr
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
dbms calicut university B. sc Cs 4th sem.pdf
dbms  calicut university B. sc Cs 4th sem.pdfdbms  calicut university B. sc Cs 4th sem.pdf
dbms calicut university B. sc Cs 4th sem.pdf
Shinana2
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
LucaBarbaro3
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
Postman
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Tosin Akinosho
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 
Azure API Management to expose backend services securely
Azure API Management to expose backend services securelyAzure API Management to expose backend services securely
Azure API Management to expose backend services securely
Dinusha Kumarasiri
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
Tatiana Kojar
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
panagenda
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
Hiike
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
Chart Kalyan
 
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
Intelisync
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
SitimaJohn
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
AWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptxAWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptx
HarisZaheer8
 
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdfNunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
flufftailshop
 

Recently uploaded (20)

Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
 
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStrDeep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
dbms calicut university B. sc Cs 4th sem.pdf
dbms  calicut university B. sc Cs 4th sem.pdfdbms  calicut university B. sc Cs 4th sem.pdf
dbms calicut university B. sc Cs 4th sem.pdf
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 
Azure API Management to expose backend services securely
Azure API Management to expose backend services securelyAzure API Management to expose backend services securely
Azure API Management to expose backend services securely
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
 
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
AWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptxAWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptx
 
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdfNunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf
 

Background Enhancements

  • 1. INSERTING BACKGROUND ENHANCEMENTS Background Image and Background Sound
  • 2. Laboratory Activity 2 • Create a new FOLDER inside the LanSchool Files directory Q2Act2Surname SECTION • Copy the audio file (Q2Act2MUSIC.mp3) sent by the teacher inside the folder. • Get an image from the Internet that depicts the message of the song ‘Jesus Take the Wheel’, rename the image as Q2Act2IMAGE and save inside the Q2Act2 folder.
  • 3. Laboratory Activity 2 • Open a blank notepad, type all basic HTML markup tags. Filename: Q2Act2Surname SECTION.htm Title: ‘Laboratory Activity 2 – Inserting Background Enhancements’
  • 4. Adding Background Image • Add the attribute background inside the <body> tag. <body background=“”> • Identify the URL of the image file to be inserted. • Right click the image and select Properties. • Copy the file location and paste in the background URL. • Add a backslash after the location () • Copy the filename and add the filename extension.
  • 5. Adding Background Image • Note: • If the file and the Web page are in the same folder, the location may be removed.
  • 6. Codes to Remember • <body background=˝̋̋˝̋̋> • The background attribute specifies the URL of the image file that will serve as the background image of the Web page.
  • 7. Adding Background Sound • In the <head> tag, add the <bgsound> container. <head> <bgsound> </head> • Add the attribute src inside the <bgsound> tag. <bgsound src=""> • Copy the URL of the audio file in the src. • Define the number of loops.