Transcript
Page 1: A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name

A New Page to Add-On

Your Multimedia Page

Page 2: A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name

Creating a New Page

Open up a new Windows Notepad

Click File > Save As > My Computer > “your flash drive”

Name your file multimedia.html and change the type of file to all types

Page 3: A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name

Linking index.html to multimedia.html

• Go to your index.html and add a link by inserting:

<a href=“multimedia.html”> Go To My Multimedia Page </a>

Page 4: A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name

“Fixing Up” Your Multimedia Page

Put in the “Shell” that all HTML pages require

Add a title in between the <title> and </title> tags

Add a background, heading, and a small explanation for the things that you will be putting on this page.

MAKE SURE YOUR MULTIMEDIA PAGE LOOKS GOOD!

Page 5: A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name

Adding YouTube Videos

Go onto www.youtube.com

Choose a video that you want to include onto your multimedia site.

Click on share > embed > copy the highlighted code into the body of your multimedia.html

Note that the video size can be changed just below where the code is located.

Page 6: A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name

Adding a Music Player

Bring from home an mp3 music file, if you cannot get one, please talk to me so we can get you one.

To add the music player to your Multimedia page, insert the tags:

<embed type="application/x-shockwave-flash" src=“SongName.mp3" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />

Page 7: A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name

IframesIt is possible to add a website within your own website with an iframe using the code below:<iframe src=”http://www.website.com" width=“#%" height=“#%” scrolling=“yes/no”></iframe>

Page 8: A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name

Assignment

Create a multimedia page with the following criteria:

• Title 10 pts

• Working link (from index.html to multimedia.html) 10 pts

• 2 YouTube Videos 20 pts

• Song 20 pts

• Iframe 20 pts

• Aesthetic Appeal (includes description of things on your site)

20 pts