|
Jazz Up Your EmailIn this lesson we will start by adding a background image and some music. If you need a refresher on how to locate your signature box refer back to Lesson 1. Most free homepage providers no longer allow WebTV users to link to their image and audio files because of the huge drain on their bandwidth, but there are a few WebTV friendly servers out there that allow us to link. Do remember that the webmasters of these sites pay for these accounts, so if they have a guestbook it's always nice to let them know that you appreciate their service. Now we will add a background image. First you must go to a linkable graphics site like one of these and find a background that you want.
Now you can go to your sig box and enter this code after your opening HTML:
<html> After the first quotation mark, hold down the Cmd key and only TAP the V key quickly, just once, or it will keep re-pasting. When finished it will look like this: <html> If the URL is long enough to make the code drop to the next line, this is normal. Now add the quotation mark after the background and finish the body information. Your bgcolor= should be a contrasting color to your text, because as you write your email, the background will not show or will only appear below what you're typing, so this will allow you to see best as you type. Use only one space between the attributes. Again, if it drops to the next line, let it go, but do not use the Return key to force it to the next line. Your completed code will look like this: <html> You can change the text color to what works best for your background. Also notice that there is only a single "mandatory" space in the code, between body and background, but the spaces before bgcolor and text can also be used, though they are not mandatory. When you come to the end of a line just keep typing, WebTV will wrap the text and take care of it. Again, do not use the Return key to force the code to the next line. Adding A Picture / ImageNow we'll add a picture to your email. You will use the same directions to get the image URL as you did for the background image. Go to a graphics site like one of these and find a picture image that you want. To get the URL of the image, click on the one you want and you will next see the it isolated. Hit the "GoTo" key on your keyboard. Then, in the pop-up box, choose "Show Last" to show the URL for that image. Now hold down the Cmd key and tap the A to highlight the URL. Next use Cmd + C to copy the URL into the memory. Now you can go to your sig box and enter this code between the opening and closing bodytag: <img src=" Then use Cmd + V to paste the URL, then finish the tag with a quotation mark and the final > <img src="http://URL-of-image"> In later lessons we will start using height and width attributes to set the size of the image. They are not absolutely required, but they do speed loading time as a browser will be able to reserve space for the image, while allowing the rest of the page to load. The size is set in the number of pixels, and to find the size of an image you can use an image sizer like the one on my Work Center If you want that image centered on the page just add: <div align=center> then add the image tag, then </div> Adding MusicNow we will add some music to your email. To find some great tunes, try one of these linkable sites to find a song (called a midi) you like. While listening to the song, hit the "GoTo" key on your keyboard. Then choose "Show Last" for the URL of the song. Now hold down the Cmd key and tap the A to highlight the URL. Next use Cmd + C to copy the URL into cache (your temporary browser memory). Now you can go to your sig box and enter this code between the body tags: <embed src=" Here is where you paste the URL with Cmd + V. Now add the second quotation mark and finish with the following attributes in the embed tag. <embed src="http://URL_of_midi" autostart="true" loop="3" hidden="true"> If you do not add the autostart command, you will have a "speaker" link that can be clicked to start the music. You can also change the loop command...loop="2" will play the song 2 times and loop="-1" will keep it repeating forever. The hidden="true" attribute is used to hide the audio control panel that will appear for computer users. By using this attribute it will give your page a cleaner look. Here is a finished signature. It has a white background, navy blue text, a flag, along with a midi of "God Bless the USA". These images and audio are on my server and are linkable, so feel free to use them. You can now use the Copy & Paste feature to add this code to your signature box without writing down all the codes. Go to the code box above, hold down the Cmd button and tap A to highlight the code. Now, still holding the Cmd tap C to Copy the code into memory. Next go to your signature box and hold down the Cmd button again and tap V to paste the code in. Check to make sure that there is nothing, not even a blank space before the opening HTML tag. Tab out of the sigbox to click the Done button to save your work and send yourself an email to see how it looks. Remember, as you are writing the email you will not see the background image in full if you use one, it will only show up under what you may be typing, or after the mail is sent. There is 1 visitor online
|
|
Search New2HTML.com
powered by FreeFind |
|
|
This will also be your first look at how to Copy & Paste.