Page 1Go to Page 2


Beginner's Circle
An HTML Guide For MSN TV Users
Printable Version



Page 1 Contents

Page 2 Contents

Page 3 Contents



Copy and Paste


Picture1.jpg


  If you want to copy and paste all the text on a page, press cmd and A at the same time. Then, press cmd and C at the same time to copy. Go to the place, where you want to paste and press cmd and V at the same time. If you are trying to copy from a textarea box, put your cursor in the textarea box and then press the Edit Key. Then, press Cmd and A at the same time. Next, press cmd and C at the same time.  Go to where you want to paste and press Cmd and V.

   If you want to copy and paste a selected portion of text, put the cursor at the beginning of the text you want to copy. If you can't put the cursor at a specific point, then use your Find Key. Enter the first word or code that you want to copy. Press return. This will highlight the first occurence of that word on that page. If that's not the one that you want, press Cmd and G until you reach the first word of the text that you wish to copy. If you go past, where you want to copy and paste, you can press Cmd and B to go back one occurance of the word. Ok, now the cursor is at the first word, so use the shift and right arrow key to highlight the selected text. When the text that you want is highlighted, press cmd and C at the same time. Now, go to where you want to paste it, such as a webpage or email, and press cmd and V at the same time.

     If you want to get the URL from a website, hit your goto key. Press "show current". Then, press cmd and A at the same time. Now, press cmd and C at the same time. Now, go to where you want to paste the URL and press cmd and V at the same time.
  If you want to find the URL of a midi or wav, you can go to the website, where the song is. Put your cursor on the song title. Hit return. Hit the goto key. Press the "show last" on the goto key. Press cmd and A to select all. Now, press cmd and C. Go to your destination for the midi or wav URL and press cmd and V.




Basic HTML For Email


Picture1.jpg



To change text color, background color or add images, it is preferable to put the codes for this in your email signature box. If you put the codes in the letter part of your email, the settings will be lost once you've sent it. To get to the signature box, go to your email. Select Settings from the sidebar menu. Select Signature. Now, you are ready to put in your codes.

   The html used for customizing your email is somewhat different than for Pagebuilder in some ways. You do not usually need to begin with <html> in Pagebuilder for the codes to work.

This is not true for your email signature box. You must always have the html tag (<html>) at the very beginning of your signature box every time you want to use codes in there. The main difference is the code for text color. Instead of using the font tag to change text color, we need to use the body tag like this:

<body text=green>

You cannot change the font size in the signature box, however. For that you would have to put it in the letter section of the email that you are sending out like this:

<font size=6>

The html tag goes at the very beginning of the letter section.

   We can change the email background by adding the bgcolor attribute like this:

<body bgcolor=blue text=green>

The order of the attributes bgcolor and text do not matter within the body tag.

   Instead of color names for your text color and background color, it is preferable to use a 6 digit color code called hexidecimal code, since all computer users can see colors in that code. See, Beth's Hexidecimal Color Chart for universally used color codes. You just need to add a pound sign # in front of each 6 digit code like #FFFFFF.

   You can, also, put in an image background in your email. You need to find the image that you want as a background and upload it to your scrapbook. There are some webpages that specialize in free background graphics like Textures.

Sometimes,you can get an isolated image and upload it to your scrapbook. Otherwise, you will need to extract the image before uploading it to your scrapbook. Either way, you can use Webscissors to upload the image to your scrapbook. Just take the the URL of the webpage or image to Webscissors. Then, erase the http:// and put the URL in input box. Press return. You will see all the images from that page in the next screen. Press the "import" link to upload the image to your scapbook.

Now, in order to use this image as a background, you will need to find your scrapbook URL. You will need to create a webpage and put your background image on that webpage. Now, publish that webpage. You will be given an URL for that page. Click on the URL link and use your goto key to get the URL of the published webpage or write down the URL.

Then, go back to Webscissors. Erase the http:// and put in the published webpage URL. Press return. You'll see a listing of all images that you placed on that page. Go to the image that you're trying to get the scrapbook URL for. Now, click on the "show details" link. The URL for that image will be listed near the top of the page.

Click on the URL link. Press your goto key. Then, press the "show current" button on the goto key. Then, press cmd and A at the same time. Next, press cmd and C at the same time. Then, go to your email signature box and press cmd and V and put that URL in with these codes:

<body background="URL of image" bgcolor=AnyColor text=AnyColor>

You need the bgcolor, also, so that you can see the text, while you are writing. Replace the AnyColor for any color that you want for the bgcolor and text for any color that you want to use for the text color. Your background image will only appear in the sig portion, while writing your email, but will fill the entire email when sent.

   Another thing that people like to do with their emails is to realign their text and images. I use tables to do this. Then, I put the rest in data cells, going across in a row, like a book shelf with sections in it. To realign an image or some text to the right, we would use:

<div align=center><table width="100%"><tr><td align=right>image or text here</td></tr></table></div>

It seems to be necessary to use the div tags with tables, now, to keep the tables from scrunching to the left.



Adding Music To Your Email or Pagebuilder


Picture1.jpg


   We cannot upload music midis or wavs to the Scrapbook and it is not proper to remote link to music files without permission. Otherwise, you are stealing bandwidth and costing that server money without the benefit of advertising credit. So we need to find a link friendly site for midis like Dot.mid, Lavenderxena's Free Midis or Norbert's Linkables. People like this have paid for a webhost service to allow you to link to their midi files. Try to use midi sites that are careful not to use copyrighted midis. I know that Dot.mid and Lavenderxena sequence their own midis and are copyright free as far as the sequencer is concerned. This has been the latest battle in the courts over copyrights of sequenced midis. Those affected are midi sites and not single users, as far as I know.

When you find a song that you like, click on that song title. When the song is playing, press the goto key. Press the "show last" button on the goto key. Press cmd and A at the same time. Then, press cmd and C at the same time.



Now, go to your email signature box or Pagebuilder and add a text box. Put your cursor, where you want to add the midi code and press cmd and V to paste the midi URL. Put that midi URL in with this code:

<bgsound src="URL of midi or wav" loop="-1">

The attribute loop="-1" means that the music will play indefinitely. You can put in any specific number of repetitions that you want like loop=20.

OR

You can use these codes:

<embed src="URL of midi or wav" autostart=true loop=40>

Using 40 for the number of repetitions is arbitrary, since there is no code for infinite with the embed tag. You can use any number that you want instead of 40.

If you want to make sure that almost all computer users can hear your music, use this crossbrowser code that combines the two codes above.


<embed src="URL of midi or wav" hidden=true autostart=true loop="number of repetitions"> <noembed><bgsound src="URL of midi or wav" loop="number of repetitions"></noembed>



Adding Images To Pagebuilder



Picture1.jpg


You first need to Activate your scrapbook, by making a Pagebuilder webpage. Go to your Webtv main page. Select Community. Select Pagebuilder. Read the terms of service and if you agree, click on "I agree". You will be taken to your Pagebuilder index. Choose create. Select a page style. Now, your scrapbook is activated. Old classic users also need to publish this webpage.

      Now, you are ready to upload images to your scrapbook. You will need to find an image that you want to upload. I will concentrate on getting images from a webpage. For other sources of uploading images, see Beth Candy's All I Know About Uploading.

When you find the image that you want, first make sure that it's ok to use this image. If no permission is granted on the webpage, itself, you will need to write the webmaster and ask for permission. Once, permission is granted, you may then proceed to upload the image to your scrapbook.

You need to get the URL from the webpage that the image is on or from the isolated image. To do this, go to the webpage or image. Press the Goto Key. Then, press the "show current" on the Goto Key. Press Cmd and A the same time. Next, press Cmd and C at the same time. Now, go to Webscissors to upload a single image or extract and upload the image from a webpage. In the text input box, press Cmd and V at the same time to paste the URL. Press the button below. Now, you will see a series of clickable images from that webpage. Click on the image that you want to upload it to your scrapbook.

   So, now that you have the picture in your scrapbook. Now, how do you get the picture on your webpage? Go your Pagebuilder webpage editor by going to Webtv's home page. Then, select Community. Now, select Pagebuilder. Select the webpage that you want to work on. Select Change Page to get to the editor. Now, you are in the edit mode of your webpage. Choose add an item. Choose pictures You will be taken to your scrapbook. Click on the picture that you want to add. Press done.

  If you wish to resize or realign your image, you will need to know how to find the scrapbook URL. Here is my quick link tutorial on the subject.



If you want to change the dimensions of your scrapbook URL, you can take the URL of the image back to Webscissorsfor image editing. Just put the image URL or webpage URL that the image is on in the Webscissors input line and press return. Now, click on the "edit" link to go to the image editor choices. You can choose from MyImager, Image Magick or Gifworks (gifs only). I find MyImager to be very easy to work with, so let's use that as an example.

Clicking on the MyImager button will upload your image into MyImager. You should see it show up on the page below the image editing links. Now, press the the edit menu and choose resize. Select one of the percentage scales to resize it to. Then, press the resize button. Now, you want to save your image and to receive an output by going to the file menu and choosing save. You'll be given a temporary URL that you'll need to save to your scrapbook. You can take that URL back to Webscissors or use a single image uploader like Captain Fila's.

   To have an image fill the whole page as a background, you'll need to resize it to width=544 by height=384 to fill a webpage or to width=388 by height=384 to fill an email page.

   You may want to have a clickable image. That is an image that, when clicked on, takes you to a webpage or another image. This is very similar to a regular text link, but instead of

<a href="URL of webpage">Webpage Title</a>, we use:

<a href="URL of webpage"><img src="URL of Image" height="?" width="?"></a>


or

<a href="URL of Image"><img src="URL of Image" height="?" width="?"> </a>

Replace the question marks with the actual height and width of the images.

   What if we want to reduce the size of our images use them as our clickable images to view a larger version of that image? Well, we call those thumbnail images. These can be useful for convenient links and photo albums. See, my page on Making Your Own Thumbnails for help on this subject.




Quick Links Index



To Home To The TopTo Page 2