unlocked title#Beginner's Tutorial&& metatags#&&&& lock#stylesheet# lock#custom# background#bkgurl/computer.gif&&Blue&&FFFFF0&&&& links#Blue&&Purple&&Red&&&&&&&& divider#dvdurl/glass.gif&& align#right&& align#left&& font#Impact&&Purple&&5&&n&& tablestart#1&&0&&4&&Silver&&&&Aqua&&&&&&%&¢er&&&& tablerowstart#&& tablecolstart#wrap&&left&&&&&&&&&&middle tablespace# tablecolend#&& tablecolstart#wrap&&left&&&&&&&&&&middle graphic# graphic# tablespace# tablecolend#&& tablecolstart#wrap&&left&&&&&&&&&&middle text#name&& tablespace# tablecolend#&& tablecolstart#wrap&&left&&&&&&&&&&middle url#userurlTest.html&&Hyperlink&&&&=_blank tablespace# tablecolend#&& tablecolstart#wrap&&left&&&&&&&&&&middle url#userurlTest.html&&_top&&&&_top tablespace# tablecolend#&& tablerowend#&& tableend#&& graphic#imgurl/redarrow.gif&&&&0&&&&&&&&&& divider#dvdurl/paperclip.gif&& divider#dvdurl/divider1.gif&& text#test5&& space# counter#0&&4 align#justify&& break# divider#dvdurl/notes.gif&& break# anchor# tablestart#1&&0&&4&&&&&&&&&&&&%&¢er&& tablerowstart#&& tablecolstart#wrap&&left&&&&&&&&&&middle tablespace# tablecolend#&& tablerowend#&& tableend#&& graphic#imgurl/BttnE_MoviesY.gif&&&&0&&&&&&&&&& graphic# space# font#Arial&&Black&&2&&n&&333399 break# align#left&& break#If you'd like to change the divider graphic (the green bar) above, click on the green arrow just after it. Then click on the "Divider" link to see the available graphics. Click on the green arrow following this text and click "Delete" to get rid of this paragraph.&& text#Changing Dividers££To change the divider (the blue bar) above, click on the green arrow just after it. Then click on the "Divider" link to see the other dividers that are available, and select one. Click the "Save" button to save your changes or the "View Editor" button to return to this display without changing anything.££££Changing Text Areas££To get rid of these paragraphs, click on the green arrow following the text and click the "Delete" button. On the other hand, you could replace this text with your own. Just click on the little green arrow, highlight all the text in the text box, and start typing your own text. When you're finished, don't forget to click the "Save" button to save your changes.££££Changing Fonts££Look for the little icon with an "A" above these paragraphs. See it? Click on that icon to change the Font (typeface), size and color of the text that follows it. You can see samples of the fonts and colors by clicking on the "Font" and "Color" links. Generally, this Font setting will apply to any text boxes or link text that comes after it until the next Font setting icon. Click "Save" after you've made your changes.&& break# break# align#center&& graphic#imgurl/folders.gif&&&&0&&Folders&&&&&& break# break# align#left font#Arial&&Purple&&2&&n&& text#Changing Graphics££To change the graphic above, click on the green arrow after it (starting to see a pattern?) and click on the "Graphic" link to see the pictures that are available. To use a different one, select it from the dropdown list and click the "Save" button.££££If you want to use your own pictures, you need to go back into the WebNow User Center (click on "Return to WebNow" at the top of this page) and look the Files section for "Upload Files". If need some help, click on the little question mark next to "Upload Files" for instructions. Once you've uploaded your picture(s), click on the "Start Here" button again to return to this tutorial.££££Changing Alignment££You can put a graphic (or text, for that matter) on the left, right, or centered between the margins. See the little icon with two arrows pointing in opposite directions, at the beginning of this bunch of text? Click on that, and it will let you change the Alignment of whatever text or graphics comes after the Alignment icon.££££As with the paragraphs above, you can either delete this text or replace it with your own by clicking the little green arrow following the text. Be sure to click the "Save" button when you're finished typing your text.&& break# divider#dvdurl/divider3.gif&& break#&& break# graphic#imgurl/links3.gif&&&&0&&Type the Name of the Link Here&&&&&&www.type_a_url_here.com break# break# align#left&& font#Arial&&&&2&&n&&0099CC text#Using Graphics as Links££You can use a graphic as a link, as we've done with the "Links" button above. To change the link, click on the green arrow (yep, again!) and type a different URL in the "Other Link" box and alternate text in the "Text" box. Alternate text is what will appear when a visitor to your website puts their cursor over the picture. You can also change the picture to a different button or a picture of your own. Click on the "Graphic" link to see what default images are available. The dropdown list will also include any graphics you've uploaded.&& break# align#center&& break# font#Courier New&&Black&&2&&n&& url#&&Go To Another Web Page&&www.type_a_url_here.com break# break# align#left&& font#MS Sans Serif&&&&2&&n&&CC3333 text#Using Text Links££You can also insert a plain text link, like the one just above. To change the hyperlink, click on the little green arrow just after it. Type a URL (web address) in the "Other" box, and the text you want to appear as the link in the "Text" box - for example, the name or description of the website. If you have more than one page in your website, you can click on the "Hyperlink" dropdown list and choose one of your other pages to link to. As always, click "Save" to save your changes.££££A hyperlink's text will appear in the same typeface and size as the last Font setting (the "A" icon). You can change it by adding a Font setting just before the hyperlink, as we've done in this case. If you want to change the color of the link text, click on the "Link Colors" button at the very top of the page. Click on the "Link Color", "Visited" or "Active" links to see the colors available for each type of link. Be sure to choose colors that can be seen clearly against the background of your page.&& break# break# align#center&& email#your_email_address@wherever.com&&Type Your Link Text Here&&emlurl/email3.gif&&0&& break# break# align#left&& font#MS Sans Serif&&Black&&2&&n&& text#Email Links££Email Links are done in a special way. Click on the little green arrow after the "Email" button above to see the options. In the "Email Address" box, type in your proper email address, i.e. "your_name@yahoo.com". Type what you want to appear as the alternate text in the "Text" box. (This will show up when a visitor's mouse is over the graphic, or it'll be used as the link text if you decide not to use a graphic.) If you want to use a graphic, select it from the dropdown list. You can see what's available by clicking on the "Email Graphic" link.&& break# break# font#MS Sans Serif&&&&2&&n&&660000 counter#0&&4 text#Page Background££You can make the background of your web page either a color or a graphic. Click on the "Background" button at the top of this page. Click on the "Background" link in the Properties Box to see the background graphics that are available. If you want to use a solid color, click on the "Color" link to see your choices. Click "Save" once you've made your selection.££££Page Title££The name of your page as it appears in a visitor's browser window is the Page Title. To set or change it, click on the "Title" button at the very top of the editor page. Type your new title in the text box and click the "Save" button.££££Congratulations!££That's it! You've covered the basics of the program and are ready to create your own pages. Have fun!££££Now click on the "Return to WebNow" button at the top of this page to exit the editor.&&