How To Create Your Own Web Design:
A Quick Start Up, Step-By-Step Guide
Showing you by using screen-shots, how easy it is to use our web design software
As-Easy-As using Microsoft Word Professional Web Design Software
We recommend printing this tutorial now to follow the guide while working on your new web design
Here are some valuable shortcut tips before starting. Find out more: Keyboard Shortcut Tips
This tutorial provides a quick overview that will help you with your web design to start building your website and includes answers to the following questions:
- How do I add pages?
- How do I edit a page?
- How do I format text?
- How do I add/upload images?
- How do I set up a domain name?
- How do I set up email?
|
 |
How do I add pages?
- From the Dashboard page, click 'Edit' beside the site you want to add pages to.
- Click 'Add Page'.
- Click on the type of page you want to add. Choose from over 20 different page types, including features like photo albums, message boards, or just basic text and image web pages.
- No matter what page type you add, you will always have to:
Name your new page. This name is what will be shown in your navigation menu.
Enter a 'Page URL'. This creates the individual web page address for that page.
TIP: Use keywords like "Web Design" or words that reflect the content that will be on that page. This is basically an extension of your domain name.
Some page types, like the Web Page or Catalog, will ask you for layout options as well.
- When ready, click the 'Add Page' button.
That's it! A new page is now added to your website and you'll be able to edit it using the simple page editor.
How do I edit a page?
To edit your pages:
- From the Dashboard page, click 'Edit' beside the site you want to edit.
- You'll then see a list of all your website's pages. Click 'Edit' beside the page you want to work on. .
When you click 'Edit' you'll be taken to the page editor. This is where you add and edit your content (text and images) to create a web design for that page.
Within the page editor is the Easy Editor. This is what helps you easily format your web design text so it looks great on your web pages.
Just type or paste your page text into the text editor, use the buttons to modify things like font, color, and size, then click 'Save Changes'.
The steps used in our editor to create your web design is like using Microsoft Word.
Fonts and Formatting
To change the formatting of the text:
To change the font - click the down arrow beside 'Arial'.
To change the text size - click the down arrow beside the box named 'Size'.
To bold text - click the 'B' button.
To italicize text - click the 'I' button.
Alignment
You can choose to have your text to the right, left, centered, or justified on your page. To align your text to the:
Left - click the left button
Center - click the center button Right - click the right button Justified - click the justified button
Adding a List
To add a list to your text, select the text then click the appropriate icon in the toolbar:
Bulleted List - click the bullets icon.
Numbered List - click the icon with numbers.
Changing Text Color
To change the text color, select the text you want to color then click on The 'Text Color' button and select the color you'd like in your web design.
The text is instantly changed to the color you chose.
Saving Changes
To save the changes to the web design you just made, click the 'Save' button at the bottom of the editing page.
How do I add/upload images?
Images are managed through the Image Library, which comes filled with over 2000 stock photos. Any of your own photos you want to use are also stored in your own folders within the Library.
To access the Image Library, go as you would to edit a page, then use:
- The 'Click to Change' box available on some page types.
- The Easy Editor 'Insert/Edit Image' toolbar button.
The 'Click to Change' Box
If you want an image placed on your web page where the ‘Click to Change' box is in relation to your text, click the box.
The Image Library opens in a pop-up window and you'll be able to access stock photos or upload your own images for your web design.
To select and use a stock image, click on it.
There is a list of images to choose from for your web design in different categories on the left.
Removing an Image
- Click the 'Edit Page' button on the toolbar.
- Click on the image box or on the button under the image box that says 'Click to Change'
- Click the 'Blank Image' button at the top of the image popup window.
The image box now has the caption 'Click to put an image here...'. This lets you know that there is no image currently in the image box.
- Click the 'Save' button at the bottom of the page.
The Easy Editor
If you want to put an image within your page content or text:
- Place your cursor in the Easy Editor where you want the image.
- Click the 'Insert/Edit Image' button on the Easy Editor Toolbar.
- In the window that opens, click 'Browse Server' to open the Image Library
Again, to select and use a stock image, click on it.
Uploading Your Own Images
To upload your own images, access the Image Library using either the 'Click to Change' box or the Easy Editor, then:
- Click 'Add Images' at the top of the Image Library window.
- You can upload up to 5 images at the same time. Click a 'Browse' button to locate and open an image stored on your computer. Note that images must be smaller than 640x640 pixels.
- Click 'Add Images' and your photos will be added to the image library and ready to use on your pages.
To select and use an image, click on it.
Using Your Own Images
This part of this tutorial will show you how to use your own images on your web pages.
Getting the Images
Before you can put your own images on your page you'll have to get the images from somewhere. There are two basic ways to get images to use in your website.
- Digital Camera
- From The Internet
Getting Images From A Digital Camera
To get an image from your digital camera, follow the instructions that came with your digital camera. Unfortunately, each digital camera has a different way of moving the images onto your computer so we can't provide detailed instructions for this.
You'll need to resize your images to 640 by 640 pixels or less to use them on your web page. The images made from your digital camera are usually too large.
We recommend using the software program 'Easy Thumbnails' from 'Fookes' because it is both easy to use and free. This software is available here: Fookes Easy Thumbnails.
Getting Images From The Internet
Before you take an image from the Internet to use on your web page, make sure that you have permission to use that image. Images that are designed for you to use on your web page are called 'clipart' or 'clip photography'.
A good starting point for finding free clipart is Web Clip Art at About.com.
In our experience, the best and easiest place to find clipart is a paid clipart library. We recommend both Hemera Digital Images (our own image library is a collection of Hemera images licensed to us)
Once you've found an image you like, right-click on the image and click 'Save Picture As...'.
If you have difficulty following the right-click instructions, follow these steps below:
- Put your mouse cursor over the image you want. Note that the image must be from the Internet and viewed in your web browser.
- With your cursor over the image, click the right mouse button and a menu will appear (see image above).
- Move your mouse cursor over the menu item that says 'Save Picture As...' and click on it.
A popup window will ask you where to save the file to. Remember where you saved the file because you will need it to add it to your web page.
Using Your Images
- Click 'Edit Page' on the toolbar.
- Click on the image box or on 'Click to Change'. The Image Popup Window will appear.
- Click 'Add Images' at the top of the Image Popup Window.
The Add Images page will appear.
- Click the 'Browse...' button next to the field that says 'Image 1' to select an image from your computer. Note that images larger than 640 x 640 pixels will not upload. The 'Open Window Dialog Box' will appear. Choose an image on your computer using the dialog box then click the 'Open' button in the dialog box.
You can upload up to five images at one time. Just repeat the last step for each Image field.
- When you're finished choosing image(s) to upload, click the 'Add Images to Library' button at the bottom of the Image Popup Window. The image(s) will now appear within the window. Click on an image to add it to your page.
- The image will now appear on the editing page. Click the 'Save' button at the bottom of the page. Your web page will now appear with the image.
Using Images You Already Added
Once you've uploaded pictures they stay in the image library in your 'Main Folder'. You'll find the 'Main Folder' under the title 'Your Images' at the top left of the Image Popup Window, above the green category index. Click 'Main Folder' to access your own images.
Making Custom Folders
If you are uploading a lot of pictures, you may want to organize your images in more than one folder. To add a custom folder, click 'Add Folders' at the top of the Image Popup Window and follow the directions. The next time you add images to your library, you can add them into your new folder. The new folder will appear under the 'Main Folder' in the Image Popup Window index.
How do I set up a domain name?
- From the Dashboard page, click 'Edit' beside the site you want to set up the domain for.
- Under the ‘Edit Site' tab, click ‘Domain & Email'.
If you don't yet have a domain name, you can search for one. Just follow the directions on the page.
If you already have an existing domain name, click ‘Domain Setup' in the left navigation menu.
Then, follow the directions on the page. You'll need to make some adjustments with your domain registrar. Please note that it may take up to 72 hrs for domain changes to take effect.
NOTE: If you have purchased your domain name elsewhere, you will still manage and renew your domain through your registrar.
How do I set up email?
You can create email accounts that reflect the domain name you've set up with your website. If you're planning to change your domain name, wait until you do so to set up your email accounts.
To create a new POP3 email account.
- From the Dashboard page, click 'Edit' beside the site you want to set up email for.
- Under the 'Edit Site' tab, click 'Domain & Email' -> 'Email' .
- Click 'Add Email Account'.
- Complete the account information form and click the 'Create Account'.
You can send and receive email using an email program, like MS Outlook, or a web-based email program, like Mail2Web. Under the 'Edit Email Accounts' tab, you'll find a link to complete email setup instructions.
Logging Out of Your Website
When and Why to Logout
If you're using a personal computer and are the only one who uses it, you don't need to logout. This means that the next time you access your website, you will immediately be able to edit your website. However, if you share your computer with other people, we recommend that you logout before you leave your computer. This prevents others from editing your website.
You cannot be logged in to your website from two computers at the same time. If you remain logged in on one computer and then log in on another, you will automatically be logged out of the first computer. This protects you in case you forget to logout of a public computer, like one at a web cafe.
How to Logout
Confirm that you want to logout by clicking the 'Logout' button.
You've now successfully logged out. The next time you want to edit your website, you need to login again by going to www.Design-Own-Web.com
Important Note
After you have signed on to your 10 day FREE trail you will be sent an e-mail giving you access to our comprehensive Questions & Answers libruary to assist you in becoming proficient in using our software.
Save this link to your favourites or book-mark the web page to have easy access to this invaluable information.
You also have 24/7/365 access to our support team to assist you every step of the way. Just click on the help button within our web design software program.
Just submit a question if you get stuck and our team will reply to your question within 24 hours to help you.
To your success,
Secure Your Website On First Page Google
Once you have your website up and running and you require assistance in securing your website on First Page Google go to: http://www.WebRankSolutions.net
Contact Deon van Rooyen to assist you with a FREE analysis of your website. |
