A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click...

Preview:

Citation preview

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 your file multimedia.html and change the type of file to all types

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>

“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!

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.

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" />

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>

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