Frequently Asked Questions About Creating a Web Site

Frequently Asked Questions About Creating a Web Site...

Note: There are some differences between the html code Internet Explorer and Netscape accepts so I'd suggest that you always use Internet Explorer since that will be available on most machines. Also, on the HTML coding examples below, the easiest way to use them is to copy what is in BOLD and paste them on your page in the text area. Of course you will have to change account names, file names, email addresses etc. to your information.

Below you'll find how to add MP3 audio, MPEG video, a PowerPoint show or Rotating Pictures to your Angelfire Website as well as how to Rip CD tracks and turn them into MP3 files

Here's how you add Ipod type MP3 audio to your Angelfire Web pages:

Go to your Web Shell, hit the Browse button, locate the MP3 file, double click on its name & hit the Upload button
Then in the web shell, click on the name of the page you want the audio on and then click the Edit Button
Scroll down to Step 9, Create Text box and enter this HTML: <bgsound src="honkeytonk.mp3" loop="infinite">
Change the honkeytonk.mp3 to the name of your MP3 file - don't forget the .mp3 at the end of the file name
Hit the Save button
When you View this page, it will take a while for the sound to load so be patient

Here's how you add an MPEG video to your Angelfire Web pages:

Go to your Web Shell, hit the Browse button, locate the MPEG file, double click on its name & hit the Upload button
Then in the web shell, click on the name of the page you want the video on and then click the Edit Button
Scroll down to Step 8, Create Links box and type Video for the Description and a URL such as http://www.angelfire .com/hi2/macgibeny/video.mpeg
Change the hi2/macgibeny to your User Name and the video.mpeg to the name of your MPEG file - don't forget the .mpeg at the end of the file name
Hit the Save button
When you View this page, click on the Video hotlink to play the video
You'll need Windows Media Player on your computer for this to work

Here's how you add a PowerPoint show to your Angelfire Web Pages:

Make a PowerPoint prresentation
Under File menu, select "Save As A Web Page"
Click on "Publish" button
Make sure "Open published web page in browser" is NOT checked
Write down entire file name in "File Name" box so you can find it later
Click on "Web Options"
Click a check mark in the "Add slide navigation controls" box
Click a check mark in the "Show slide animation while browsing" box
Click a check mark in the "Resize graphics to fit browser window" box
Click down arrow on "Colors" box and select "Browser colors"
Click OK
On next screen, click on "Publish" button
Go to your Web Shell, hit the Browse button, locate the PowerPoint file, double click on its name & hit the Upload button
Then in the web shell, click on the name of the page you want the PowerPoint on and then click the Edit Button
Scroll down to Step 8, Create Links box and type PowerPoint for the Description and a URL such as http://www.angelfire .com/hi2/macgibeny/powerpoint.mht
Change the hi2/macgibeny to your User Name and the powerpoint.mht to the name of your PowerPoint file - don't forget the .mht at the end of the file name
Hit the Save button
When you View this page, click on the PowerPoint hotlink to play the PowerPoint file
Each click on the mouse will bring in the next part of the PowerPoint presentation

Here's How to Add Slide Show Pictures to Your Angelfire Web Site

Open the Pictures You'll Use in PowerPoint, then COMPRESS them and Save Them With a New Name on Your USB
Then go to www78.rockyou.com and simply follow the directions
When finished with RockYou.Com copy the HTML they give you and Paste it into the text box of the Web Page you want the Rotating Pictures to be on
Then make a link to this page from your homepage or any other page that is appropriate

Here's How to Rip a CD track to change it to an MP3 file so you can use it on your Web Site and in PowerPoint

Go to www.mgshareware.com
On the first screen about half way down, under "Convert Your Audio CD Collection to MP3, click on FreeRIP
Read next screen and scroll down to Download Now hotlink and click on it
On next screen, click on Run
After a few minutes on downloading, on next screen, click on Run
On next screen, select English & OK
On next screen, Free RIP Set Up, click Next
On next screen, Click on button - I accept agreement and click on Next
On next screen, click on Next
On next screen, click on Next
On next screen, click on Next
On next screen, click on Next
On next screen, click on Install and wait several minutes for installation
After Installation:
Put in CD
Goto Start Menu, then select Programs and then double click on FreeRIP to open it
On next screen, notice that the CD tracks are listed
Click on the box on the left of the track you want to copy and then from the RIP Menu, select RIP to MP3
After a minute or so, Done will appear at the bottom - click on the Dismiss button and then close the FreeRip window
You will find an Icon of the Ripped CD track on your desk top converted to an MP3 file
To listen to the track, double click on the Icon
To save the ripped file to your USB, put the USB ib, right click on the CD track Icon, move pointer to Send To and select your USB

Here's how you add a Countdown to any web page - add the code below to the Text Box area on any Angelfire Web Page - You can change the "3" to change the font size, and "blue" to another color. You would change the "April 17, 2007" to your Countdown date, and put whatever message you wanted in place of the "Days and Counting Until Your Web Site Project Is Due!"

<font size="3"><font color="blue"><script language="JavaScript">

var now = new Date();

// set this value to the countdown date.

var then = new Date("April 17, 2007");

var gap = then.getTime() - now.getTime();

gap = Math.floor(gap / (1000 * 60 * 60 * 24));

document.write(gap);

</script>

Days and Counting Until Your Web Site Project Is Due!</font></font>

Below you'll find examples of HTML code which you can use to get the desired effect by placing it in the Text Box area

Skip 1 Line??? <br>...gives you a carriage return

Skip 2 Lines??? <p>...gives you 2 carriage returns

Add a space between letters Just type   where you want a space - you don't need the < before it or the > after it

Make a Tab to get columns to line up There is no HTML tab tag (like the bold tag or the italic tag), but you can get that effect if you use what’s called “preformatted” text. In HTML, surround text that you want “preformatted” in a pair of “<pre>” and “</pre>” start and end tags. Any Spaces or Tab keys you type between those tags will show up just as you entered them. The result can look something like this:
```
Last	First	Date of Birth
Sprat	Jack	Feb. 19, 1964
Doe	John	June 2, 1968
```
Here is the HTML code I used to get these effects:
```
<pre>
Last	First	Date of Birth
Sprat	Jack	Feb. 19, 1964
Doe	John	June 2, 1968
</pre>
```
In the first line above, after I typed "Last", I hit the tab key to get the tab effect, typed "First" and hit the tab key again, then typed "Date of Birth", hit the enter key to get to the 2nd line and continued in the same pattern. You can also use spaces in the same manner instead of tabs if you want.

Center Text or Images??? <center>...turns it on and... </center>...turns it off.

Make Text Bold??? <b>...turns it on and... </b>...turns it off.

Underline Text??? <u>...turns it on and... </u>...turns it off.

Make Text Blink??? <blink>...turns it on and... </blink>...turns it off. (Doesn't work on Internet Explorer)

Change Text Size??? <font size="7">...turns it on and... </font>...returns to default where 1-7 (largest) are allowed

Change Text Color??? <font color="blue">...turns it on and... </font>...returns to default

Change Text to Italic??? <i>...turns it on and... </i>...turns it off.

Make Text a Headline??? <Hx>...where x is a number from 1-6 (smallest) turns it on and... </Hx>...returns to default

Draw a Horizontal Line??? <hr>...draws a line

Make a Bulleted (unordered) List???
<ul>...(and a typed heading) prints the heading for the list...
<li>...(and a typed 1st item) would print an indented bullet and the first list item...
<li>...(and a typed 2nd item) would print an indented bullet and the second list item...
</ul>...ends the list.

Make a Numbered (ordered) List???
<ol>...(and a typed heading) prints the heading for the list...
<li>...(and a typed 1st item) would print an indented bullet and the first list item...
<li>...(and a typed 2nd item) would print an indented bullet and the second list item...
</ol>...ends the list.

Add a Page Counter??? <img src="/cgi-bin/Count.cgi">...adds a counter. Doesn't work with current version of FrontPage.

Make words into a Hotlink??? The html code to make words into a hotlink is ...
<a href="http://www.historychannel.com"> Click Here for History Channel</a>
This would make the words "Click Here for History Channel" into a hotlink to open the History Channel.

Add a Sound File to a Page that will Play Automatically???
If I had uploaded a sound file to my Angelfire account called honkytonk.wav the html code to get it to work would be... <bgsound src="honkeytonk.wav" loop="infinite"> or if you would like to have a DVD Player Icon on the page to turn the sound on, off, or pause, then use this HTML
<embed src="honkeytonk.wav"autostart=true width=144 height=60 loop=1>

Add a Sound File that Requires Clicking on Some Words to Play it???
Make sure the sound file has been uploaded to your Web shell, then type this in the text box of the page you want it on.
<a href="song.wav"> Click Here to Hear Some Music </a >

How to Add a "Last Updated on..." statement that updates itself automatically daily and puts a link to your email address as well???
Copy this EXACTLY as it is and put it in the text box - changing the email address to yours of course.
<center> Last Updated on
<SCRIPT LANGUAGE = "JavaScript">

</SCRIPT>
by:<a href="mailto:
dbmacgibeny@hotmail.com">dbmacgibeny@hotmail.com
</a></center>
By the way, the () in the above are open and close parenthesis.

Add a Picture (Image)to a Page???
First you have to upload the image to your angelfire account. You can scan an image or use one from the internet. To scan an image you:

Scan image and save to hardrive or floppy with a name that has a .gif or .jpg extension (picture.gif)
On Angelfire Web Shell Window scroll down and click on Browse button and locate the file you saved and double click on its name
File name should now appear in File Upload window so click on Upload button
File should now appear in your Angelfire account listing as images/picture.gif for example
Now you can put picture on a page by typing images/picture.gif (or whatever name you used) to replace image in Step 6 of basic homepage form or you can enter the following in text box where html is allowed
<img src="picture.gif" align=center height=200 width=260>
where picture.gif would be the name of your picture
align can be left, center, or right
height and width control size of picture

Add a Background Image &/or color to a Page??? <body background="picture.jpg">... tiles the image named picture.jpg over the whole page. The image can be a picture, graphic, or texture type background (.gif or .jpg). If you wanted a color instead of an image the HTML is a little different and would look like this <body bgcolor="yellow">. If you wanted both, the HTML code would be <body background="picture.jpg" bgcolor="yellow">

Align text with a graphic???

Top align:
<img src="logo.gif" align=top>...loads an image called logo.gif with the text aligned vertically with the top of the image
Center align:
<img src="logo.gif" align=center>...loads an image called logo.gi with the text aligned to the middle of the image
Bottom align:
<img src="logo.gif" align=bottom>...loads an image called logo.gi with the text aligned to the bottom of the image

Turn a picture into a hotlink???
<a href="http://www.teachernet.com"><img src="teacherapple.gif" height=70 width=60></a> In this case, "http://www.teachernet.com" is the web site url you want to link to and teacherapple.gif is the graphic which will become the hotlink. The height and width control the size of the picture.

Use Different Fonts???
<font face="Helvetica">...changes font to Helvetica and... </font>...turns it back to the default font. You can use the common fonts such as Helvetica, New Century Schoolbook, Lucida, Arial, Times, Georgia, Courier, Comic, etc.

Set Up a Table???
<table>
<th>Enter the Table Heading here.</th>
<tr> Enter Table Row information here for 1st row.</tr>
<td> Enter Table Data for 1st cell in 1st row here.</td>
<td> Enter Table Data for 2nd cell in 1st row here.</td>
</tr> End 1st Table Row with this code.
<tr> Enter Table Row information here for 2nd row.</tr>
<td> Enter Table Data for 1st cell in 2nd row here.</td>
<td> Enter Table Data for 2nd cell in 2nd row here.</td>
</tr> End 2nd Table Row with this code.
</table>End Table with this code.

Set Up the Table Example Shown on My Web Page Help Page???
<table border="1" cellspacing="10" cellpadding="5">
<tr><th colspan="2" align="center" >This is a Rootin' Tootin' Table (Heading)< /th></tr>
<tr valign="top"><td width="20%" bgcolor="yellow" rowspan="2">This ROW is Vertically Aligned to "top". This CELL is 20% of the screen width, has a yellow background, spans two rows and contains only text. <p>Spaces<p> to<p> increase<p> size<p> of<p> table.<p> </td>
<td width="80%" ><img src="chimp.gif" />This is image first, 80% of width, spans 1 row, & aligned top.</td></tr>
<tr><td valign="bottom" width="80%" bgcolor="pink"> This is 80% of width, aligned bottom, pink background & image last. <img src="boat2.gif" /></td></tr>
</table>

Click Here
to See What the Above Table Looks Like.
Then Use Back Button to Return Here.