Friday, September 9, 2011

Website Tonight: Changing Template Images

WebSite Tonight® is a robust site builder application and utilized in our Build & Deliver Websites as well as DIY Web Services offered at ThisIsMyDomainUSA. We've created a few tutorial pages to help you through the basics. Give us a call if you have questions - 800•596•6218

Changing Template Images in Website Tonight 1. Open the Layout Editor: From the page tab in the Website Editor - click on the Template Images selection.




2. Properties of Template Images:
Template images are very specific images that reappear throughout your site. They should be small for fast browser loading and should fit properly into the template's given size dimensions.


3. Change a Template Image:
select the image that you want to change and click 'Change Image' button that appears. Note: you can always return to the default images.




4. Select an Image:
You can browse through the image library, select an image from your own library or upload an image to be used. Click ok.


5. Select Size:
You may want to change the size parameters depending on how you want the image to be displayed.


6. Changes Affect:
Choose either 'Entire Site' or 'Current Page' depending on your needs.

Click okay and you will see your changes in the page editor.
     

Check out our other tutorials for managing your website using Website Tonight!

Website Tonight: Changing Page Layouts

WebSite Tonight® is a robust site builder application and utilized in our Build & Deliver Websites as well as DIY Web Services offered at ThisIsMyDomainUSA. We've created a few tutorial pages to help you through the basics. Give us a call if you have questions - 800•596•6218

Changing the Layout of Your Site and Moving Content Blocks 
1. Open the Layout Editor: From the page tab in the Website Editor - click on the Layout selection.




2. Select the Layout:
Pick the layout that best meets your needs. You will be able to re-size the layout boxes later. There are 14 layout options you can choose from. After making your selection, click okay and your layout will be applied. 






3. Resizing Layout Boxes:
Once you have picked your layout you can hover on the thin blue lines that outline the layout boxes to re-size the box. Be aware that a box cannot overlap onto another box. 


Moving Content Blocks
1. When you make changes to a layout after content is already setup in the site, you might need to move content blocks around for proper placement. Hover over a content block - a black 'Move' box will appear and a yellow dotted line forms around the highlighted block. The red delete box on the top right corner will delete the entire block and cannot be un-done.




2.  If you were to click on the block again you could edit the contents but instead you want to click on the 'Move' button and drag the block to where you would like it. In the example below I moved the gray table of text on the narrow right layout box over the the wider layout box on the left. Other blocks within a layout space will move and adjust as well.  
     

Before:


After:





3. You can also move blocks outside of layout boxes. This can be tricky but very positive when customizing your website.
        • Hover on the block
        • Click on the Move button and drag the block to where you would like it.
        • It might take one or two tries but you should be able to do it.
        • You might have to re-size the content block using the bottom right sizing feature.
In this example you can see that our red business logo image is sitting on top of the background images.




Check out our other tutorials for managing your website using Website Tonight!

Visual Ignite Offers 'Build & Deliver' Website Design and Training to Small Business Owners.

 

Website Tonight: Understanding the Page Editor

WebSite Tonight® is a robust site builder application and utilized in our Build & Deliver Websites as well as DIY Web Services offered at ThisIsMyDomainUSA. We've created a few tutorial pages to help you through the basics. Give us a call if you have questions - 800•596•6218


Understanding the Editor 
Once you have selected which page you would like to edit from the opening screen - you will see the Website Tonight Page Editor. This is a WYSWYG (What You See is What You Get) style of editor which means you will not be required to edit, create or directly change html code to make changes to your site. However, these functions are available to you if you need to copy or insert html into your site
.


1. Your Site Appearance: You will notice that your site may look different in the editor than it does when you look at it on the internet. This is normal. You will see thin blue lines that outline the layout of the page. When you hover your cursor over elements in the page, you'll see 'Move' and yellow dashed lines as well. When you edit your page you will edit portions at a time. We'll discuss this further in the specific editing tutorials but suffice it to say - your site will look slightly different in the editor.




2.
Selecting the Page You Want to Edit: Use the dropdown area on the box on the right hand side of the screen to select which page you would like to work on.




3.
Manage Page Properties: There are four tabs in the middle of the screen that assist you in making changes to your website. The 'Page' tab allows you several options:
        • Add Pages - add new pages to your site or copy a current page.
        • Delete Page - delete the page you are on
        • Layout - change the layout of the current page
        • Navigation - modify the navigation on one page or the entire site.
        • Background Image - Change the image in the background of your site
        • Template Images - Modify the standard template Images in the site on one or all pages
        • Properties - Change the Page title, url name, Meta data, java script etc.
     




4. Insert Elements, Widgets, Images & More:
The next tab allows you to insert various items into the body of your page:
        • Block - Everything in the editor must fit inside a block. Blocks can contain images, tables, text, anchors and widgets. In some cases a block may hold a single item or multiple items.
        • Images - you can insert a single image or an image collection. You will be asked to browse the image gallery, select from you current images or upload and image.
        • Media - You can insert video, flash or music here. In some cases you will need to upload a file first to your library before you can insert it.
        • Social - Insert Flickr, Twitter, RSS Feeds and share links.
        • There are numerous Widgets available depending on the level of your account (ie: 5, 10 or 999 pages). Some widgets may not be available. Others like a hit counter, date stamp & scrolling marquees are usable for everyone.
        • Calendar - Some website plans allow for you to insert a dynamic calendar.
        • Tables - enter tables, coupons, event schedules and announcements that are already built or can be customized. To learn more about tables, click here.
        • Forms - Insert pre-built forms or customize a form.
        • Script - Insert Javascript.
        • Insert site elements used often like company name, email & page title.



Specific Options Tab: 
In order to see the options available - first click on an item. For example if I click on a block - the options specific to editing a block appear and have the word 'Block' beneathe them. If I were to then click on an image in the block the options for the image and the block become visible. (See below)




If you were to click on a table - you would see the table options.




Text Editor & Link Manager:
When you are in a block you will see the Text editor and link manager appear on the left hand side of the tool bar. From the editor you can:
        • Select and change font
        • Change Font size
        • Utilize preset heading styles
        • Add numbered or bulleted formatting
        • Spell check the page
        • Decrease or Increase indents
        • Change the color of text
        • Highlight text in various colors
        • Bold, Italicize and Underline text
        • Left, Center, Right & Full justify paragraphs
        • Link text or images to email, URL, pages within your site, uploaded documents, anchors with the option to allow search engines to follow the links and open in a new window.
        • Create anchors within a page that can be linked to
        • Cut, copy and paste
        • Undo/Redo
        • Insert symbols, subscript, strikethrough and other formating.



Check out our other tutorials for managing your website using Website Tonight!

 

Website Tonight: Understanding the Opening Screen

WebSite Tonight® is a robust site builder application and utilized in our Build & Deliver Websites as well as DIY Web Services offered at ThisIsMyDomainUSA. We've created a few tutorial pages to help you through the basics. Give us a call if you have questions - 800•596•6218

Opening Screen in Website Tonight

1. Once you have launched the Website Tonight Editor - you will see a new window with the following screen. Everything pertaining to the look of your website can be handled through the features here.





Tabs and Navigation
1. The tabs at the top left corner will help you manage certain options with you site. Unless you have attached a store or blog to your account - you will not need these tabs. For an indepth tutorial on this section click here.





Site Information
1. The gray box in the bottom left portion of your screen reviews information about your site.
        • You will see the site URL to verify which site you are editing.
        • The date and time the site was last published is also displayed.
        • Your plan includes a limited number of pages. This area displays the number of pages currently used. If you would like to add more pages click on the black 'Add More Features' button.
        • The original base template is also named and pictured. If you are one of our 'Build & Deliver' Website clients - your template has been graphically customized to your business so this image of the template may not resemble what your site actually looks like.
        • In the 'Design' section you can select which page you would like to work on.



Command Corner

4. In the top right corner is your main commands that will be important to finalizing your site.
        • The URL that you are managing is displayed.
        • You may log out of Website Tonight here.
        • If you would like to learn more about New Features and give feedback regarding Website Tonight.
        • The 'Preview' button will allow you to preview the ENTIRE site without publishing it. This is useful when you want to share a preview of changes with other people and try out buttons and functions before you actually publish them to the web. To learn more click here.
        • The 'Publish' button will prepare your website and prompt you to publish it to the internet (making it live). To learn more click here.
        • The 'Help' section is also available.


Check out our other tutorials for managing your website using Website Tonight!


Website Tonight: Navigation & Subnavigation

WebSite Tonight® is a robust site builder application and utilized in our Build & Deliver Websites as well as DIY Web Services offered at ThisIsMyDomainUSA. We've created a few tutorial pages to help you through the basics. Give us a call if you have questions - 800•596•6218

Managing Site Navigation in Website Tonight 
1. Open the Layout Editor: From the page tab in the Website Editor - click on the Navigation selection.




2. Navigation or Subnavigation:
Some website plans allow you to add subnavigation but most of the time you'll be managing the Main Navigation.



3. Click on Add Navigation and a new page will be created below (orange highlight)


4. Modify the attributes of this by choosing what kind of link (Page, email, upload, anchor, URL etc).


5. Choose where it should go to specifically.


6. Label it the way you want vistors to see it (can be a different name than the page name)


7. Decide whether you want it to apply to the entire site navigation or only this page. Click Apply or Ok you will see the changes in your page/site navigation.


Check out our other tutorials for managing your website using Website Tonight!


Website Tonight: How to Insert Meta Data, Keywords & Title Tags

WebSite Tonight® is a robust site builder application and utilized in our Build & Deliver Websites as well as DIY Web Services offered at ThisIsMyDomainUSA. We've created a few tutorial pages to help you through the basics. Give us a call if you have questions - 800•596•6218


Changing & Modifying Meta Data in Website Tonight 
While in the page editor, click on the Properties Option

1. Page Titles, Browser Titles & Custom URL:
Here you can customize the Browser title, heading title, button title and file name for the page that you are on. You can also use the drop down in the top right corner to edit the page properties for other pages.




2. Page Descriptions & Keywords:
Click on the Meta Data tab and edit the page description and keywords for this page. Remember each page should have its own unique and relative description with keywords that appear on the page.


Check out our other tutorials for managing your website using Website Tonight!

Website Tonight: How to Login to Account Manager

WebSite Tonight® is a robust site builder application and utilized in our Build & Deliver Websites as well as DIY Web Services offered at ThisIsMyDomainUSA. We've created a few tutorial pages to help you through the basics. Give us a call if you have questions - 800•596•6218Logging in to Website Tonight through the Account Manager
1. In your browser address bar, type
www.ThisIsMyDomainUSA.com or click on the logo to the right. Hit the 'Enter' key on your keyboard or click 'Go.' You should see a screen like the one below.



2. In the gray bar - type your User Name and Password. Click the red 'Go' button.





3. You will then see a screen which overviews your account and products. You can manage billing, domains, account information and renew or purchase new products from this screen.



4. In the left black section, under the 'My Products' list - click on 'Website Tonight.' Your product section may look different depending on what you have purchased.
Be sure to check out your free products as items like free email accounts are located there.



5. Your screen will open a tab (and move down automatically) to your product section where you can launch Website Tonight. Click on the 'Launch' button.




You are now fully ready to manage and edit your website tonight account!


Check out our other tutorials for managing your website using Website Tonight!