E-Learning Hub

Web Marketing, Articles, E-commerce Tips, Tools and Resources

Archive for the ‘Website Creation’ Category

01-18-08

Website Creation Tips

Posted by

Web Site Building PART 2

When designing your website’s main page, instead of trying to cram all of your information into one page, consider creating sections. These sections can contain highlights of your information with a link to further information. You can set your sections up in tables with colored heading sections for information such as news, articles, products or whatever you’d like.It’s much better to keep your main page down to the most essential elements. You can then use links to additional pages to provide the detailed information. A good rule of thumb is “less is more.” In other words, keep your main page as small as possible, while at the same time, include your most important elements.

To enhance your page, you can format your text using bold headlines, colored table cells, and graphic bullets and/or arrows.

If you use the same graphic bullets and arrows throughout your page, you can enhance your page’s appearance, but you won’t add any additional time to your site’s load time. When you reuse an image, your image only has to load once. When the image has loaded, it will instantly be displayed in all of the other locations.

Web Design Mistakes Poor load time
Poor overall appearance
Spelling/Grammar mistakes
No contact information
Poor content
Poor navigation
Broken links and graphics
Poor browser compatibility
Large slow loading graphics
Too many graphics
Pages scrolling to oblivion
Multiple use of animated graphics
Animated bullets
Too many graphic and/or line dividers
Busy, distracting backgrounds
Multiple banners and buttons
Poor use of frames
Large fonts
Pop up messages
Over use of Java
Poor use of tables
Poor organization
Different backgrounds on each page
Over powering music set to AutoPlay
Confusing
Too much advertising
Large Welcome banners
Multiple colored text
Text difficult to read
No Meta tags
Multiple use of different fonts
Under construction signs
Scrolling text in the status bar
Large scrolling text across the page
Poor use of mouse over effects
Take your time and design your site very carefully. It may take you a little longer, but it will be well worth the extra time in the long run.

01-17-08

Website Creation Tips

Posted by

Web Site Building PART 1

If you’re doing business on the internet, one of the most important aspects of your businesses success is your web site. If your web site doesn’t look professional, no matter what product you’re offering, your chance of success will be minimal. Take your time and make sure you understand the full picture before you begin.

Before we begin this tutorial, the absolute best advice I can offer is this…If you really want to succeed on the Internet in the shortest amount of time, I highly recommend Ken Evoy’s highly acclaimed online business buildings system, Site Build it. This highly professional system was specifically designed to enable anyone to quickly and easily create a successful online business - from building and hosting your web site, to publishing an ezine, developing products and marketing. The Site Build it system nearly guarantees your success. All the tools, all in one place, and all for one price, are all tied together into a straightforward, integrated, step-by-step process that succeeds.

The appearance of your website is one of the most important aspects of your success. Your product or service will literally be judged by the appearance of your website.

Poor web design is one of the leading causes of small business failure. There are literally thousands of home-based Internet businesses struggling to make a living online. The problem is, they don’t take the time to learn how to properly design their sites.

Web Design Guidelines

Your main page should specifically let your visitors know exactly what you’re offering. If your potential customer can’t find your product or service, they definitely won’t waste a lot of time looking for it. They’ll go on to the next site and probably never return. They’re visiting your site for a specific purpose. They want something your site offers.

Create a page to display your Privacy Policy in regard to the personal information you collect from your visitors. Explain your reasons for collecting the information and let them know if the information will be given to or shared with a third party. We’ll talk more about this later.

Create a page about you and/or your company. Include your name, company name, photograph, biography, address, phone number and email contact information.

Display your copyright information at the bottom of each page. It’s best to include both the word Copyright and the © symbol, as some countries don’t recognize one or the other. Your copyright might look like this:

Copyright © year Company Name
All rights reserved.

Keep in mind, your visitors may enter your site from pages other than your main page. Make sure you include good navigational links on every page. Place your navigation links together at the top, bottom, left or right side of the page. Use tables to neatly align your links and maintain a nicely organized and uniform appearance throughout. Try to keep the number of clicks required to get from your main page to any other page on your site down to three or four and place your company logo on each page.

Use caution when selecting your background and text colors. Busy background make text difficult to read and draw the attention away from the text. In addition, always be consistent with your background theme on each page of your site.

Select your colors very carefully, as colors affect your mood and will have an affect on your visitors as well.

Bright colors such as yellow and orange, cause you to become more cheerful or happy, while colors such as blue and purple have a calming effect. Dark colors such as brown and black have a depressing effect. A good rule of thumb is to use colors based on the type of effect you’re trying to achieve.

ALWAYS check and double-check your site for spelling and grammatical errors, and make sure your images and links are all working properly. If you have several errors, this will make your site appear to be unprofessional. If you are designing your site using an HTML editor, use spellcheck.

If you must use frames, use them sparingly. Frames, if not used properly, can make your site look unprofessional. Avoid making your visitors have to scroll from side to side to view your content. This can be very irritating and cause your visitors to leave. In addition, it is difficult for Search Engines to index sites made up of frames.

If you must use Java on your site, use it sparingly. Consider using Javascript instead.

If you’re using pop-up windows to display special offers or ezine subscription info, try to use a JavaScript that utilizes cookies. That way the window will only be displayed to your visitors the first time they visit your website.

View your website through different browsers and screen resolutions so you can see how your visitors will view your site.

Click here to test your site’s browser compatibility

Always be consistent when using font styles and sizes. Avoid using large font sizes, as this looks very unprofessional.

Never use tables with standard borders, as they look very unprofessional. If you’d like to use tables with borders, consider using a color border that is size one or two. You’ll learn more about tables and borders later.

Continually add new content to your site. Give your visitors a reason to keep coming back.

Continue in PART 2

01-16-08

Web Design Tips

Posted by

Bring Your Web Site to Life With PHP

PHP: Hypertext Preprocessor, better known as PHP, is a highly popular, server-side scripting language that can be embedded directly into HTML coding. PHP can do anything that CGI can do, such as process form data and auto generate dynamic content, but PHP can do much more.

It can be used on all major operating systems and supports most web servers.

PHP is used by inserting PHP code inside your web page’s HTML code. When the page is called, your server automatically executes the code. What’s more, your visitors don’t need any special plug-ins for the code to run, as it will be displayed just like your HTML coding.

As PHP is a server-side scripting language, although your visitors will not need to install any new software, PHP must be set up on your server.

Following is a very simple script that will test your server to ensure PHP is installed. It is a standard PHP function called phpinfo, which instructs the browser to print out information in regard to the set up of your server.

To use the script, simply copy the following three lines of code and paste them into a plain text editor, such as Note Pad.

<?
phpinfo();
?>


Save the file as phpinfo.php and upload it to your server where you store your HTML files.
To run the script, simply point your browser to the script address. It should look something like this: http://www.yourdomain.com/phpinfo.php

If PHP is installed on your server, you will be presented with a page of information about the PHP installed on your server.

If PHP isn’t installed, you will be prompted to download the file. In this case, you’ll need to contact your web host and ask them to install it, as it is free to download and install.

You can learn more about PHP and download it at http://www.PHP.net.

If you’d like to try some PHP scripts on your site, here are some great scripts to get you started:
PhpAdsNew - Rotating Ads
http://phpadsnew.com/two/
If you’d like to have a rotating ad system on your web site, this great script is an open-source ad server that provides a professional ad management and tracking system. Not only can you rotate banner ads, but you can also rotate buttons, pop-ups, text ads, DHTML banners and much more.

PHP Message/Quote of the Day
http://www.interaction-design.org/scripts/quote_of_the_day/

If you’re looking for a simple way to display a “Quote of the Day,” this script is for you. It consists of a simple script that’s easy to customize. You simply add any number of quotes, tips or whatever you’d like, into the database and the script will display a new message each day.

BMachine - Blogging
http://boastology.com/

Would you like to start your own blog? This script will enable you to do just that. It’s loaded with features, including calendar, file attachments, event display, unlimited categories, IP blocking, referrer tracking, search and much more.

Clicks Counter Pro - Link Tracking
http://www.clicks-counter-pro.com/

Testing and tracking your marketing strategies is an important part of doing business. Clicks Counter Pro is a PHP script that will enable you to track your clicks, downloads and advertising campaigns with real time statistics. Very reasonably priced.

Link Department - Link Indexing
http://www.hitcode.com/products/linkdept/

If you’ve ever wanted an easy way to set up a link indexing system on your site, this script may be your answer. Link Department will enable you to easily create and maintain a link directory. The system is fully manageable and completely template driven, so it will easily blend in with your existing design.

PhpDig - Search Utility
http://www.phpdig.net/

If you would like to enable your visitors to search your site, PhpDig is a web spiderand search engine utility you can install on your web site. This powerful script indexes your pages and builds a glossary of keywords found in the page.

PhpBB - Bulletin Board
http://www.phpbb.com/

PhpBB is a fast and efficient, highly customizable, open- source bulletin board system. This highly professional looking system will enable you to create an interactive community on your web site and keep your visitors coming back again and again.

To learn more about PHP, visit the following web sites:
http://www.alt-php-faq.org/
http://www.hotscripts.com/PHP/

To find more PHP scripts, visit the following web sites: http://www.hotscripts.com/PHP/Scripts_and_Programs/index.html
http://php.resourceindex.com/Complete_Scripts/

PHP is a freely distributed open-source language, which means if you would like to learn the language, there is a wealth of information available on the Internet to assist you. Why not give it a try? You may be surprised how easy it really is to write your own scripts.

Transfering Files over the Internet (FTP) PART 2

It is very simple to upload your website or other files to either your webserver or a public ftp server using free software.

SmartFTP is a very easy to use free software for the purpose.

STEPS

  1. Download smartftp. See link below.

  2. While the program is downloading, gather the files you want to upload in the right directories to make your work easier.

  3. Install smartftp following the directions in the install program.

  4. Open smartftp and enter your login info into the correct fields. If you do not have a login, but have an open ftp server, check the anonymous box. Then press enter or the connect button. If your info was correct, you should see a directory of folders and/or files. If so, continue to the next step. If not, then contact the site and get info on how to login.

  5. Now you can upload. There are two methods. One which is great for uploading files within a single directory, and another which is great for uploading a large folder tree.

  6. To use the single method, navagate to the folder you wish to upload to, then right click in the left panel and select upload > direct > select files… From there you can select multiple files, not directories.

  7. If you have to upload many directories, select all the folders and files you wish to upload inside Windows explorer. Then, click and drag these files to the right panel of smart ftp. The uploading should begin and all files, folders and subfiles/folders will be uploaded.

  8. You are done uploading.

TIPS

  • Using the click and drag method is very fast, but can take a long time if you have a lot of files.

  • Try getting a faster upload speed by contacting your ISP if your uploads are going very slow. The average upload speed for home DSL is about 30 kbs.

  • Ftp can also be used to download a batch of files instead of using a download manager.

Download SmartFTP

01-13-08

Website Creation Lesson 4

Posted by

Transfering Files over the Internet (FTP) PART 1

What is FTP?
FTP (File Transfer Protocol) is the simplest and most secure way to exchange files over the Internet. Whether you know it or not, you most likely use FTP all the time.

The most common use for FTP is to download files from the Internet. Because of this, FTP is the backbone of the MP3 music craze, and vital to most online auction and game enthusiasts. In addition, the ability to transfer files back-and-forth makes FTP essential for anyone creating a Web page, amateurs and professionals alike.

When downloading a file from the Internet you’re actually transferring the file to your computer from another computer over the Internet. This is why the T (transfer) is in FTP. You may not know where the computer is that the file is coming from but you most likely know it’s URL or Internet address.

An FTP address looks a lot like a HTTP., or Website, address except it uses the prefix ftp:// instead of http://.

Example Website address: http://www.FTPplanet.com
Example FTP site address: ftp://ftp.FTPplanet.com

Most often, a computer with an FTP address is dedicated to receive an FTP connection. Just as a computer that is setup to host Web pages is referred to as a Web server or Website, a computer dedicated to receiving an FTP connection is referred to as an FTP server or FTP site.

What is an FTP Site?
An FTP site is like a large filing cabinet. With a traditional filing cabinet, the person who does the filing has the option to label and organize the files how ever they see fit. They also decide which files to keep locked and which remain public. It is the same with an FTP site.

The virtual ‘key’ to get into an FTP site is the UserID and Password. If the creator of the FTP site is willing to give everyone access to the files, the UserID is ‘anonymous’ and the Password is your e-mail address (e.g. [email protected]). If the FTP site is not public, there will be a unique UserID and Password for each person who is granted access.

When connecting to an FTP site that allows anonymous logins, you’re frequently not prompted for a name and password. Hence, when downloading from the Internet, you most likely are using an anonymous FTP login and you don’t even know it.

To make an FTP connection you can use a standard Web browser (Internet Explorer, Netscape, etc.) or a dedicated FTP software program, referred to as an FTP ‘Client’.

When using a Web browser for an FTP connection, FTP uploads are difficult, or sometimes impossible, and downloads are not protected (not recommended for uploading or downloading large files).

When connecting with an FTP Client, uploads and downloads couldn’t be easier, and you have added security and additional features. For one, you’re able to to resume a download that did not successfully finish, which is a very nice feature for people using dial-up connections who frequently loose their Internet connection.

What is an FTP Client?
An FTP Client is software that is designed to transfer files back-and-forth between two computers over the Internet. It needs to be installed on your computer and can only be used with a live connection to the Internet.

The classic FTP Client look is a two-pane design. The pane on the left displays the files on your computer and the pane on the right displays the files on the remote computer.

File transfers are as easy as dragging-and-dropping files from one pane to the other or by highlighting a file and clicking one of the direction arrows located between the panes.

Additional features of the FTP Client include: multiple file transfer; the auto re-get or resuming feature; a queuing utility; the scheduling feature; an FTP find utility; a synchronize utility; and for the advanced user, a scripting utility.

All of these features will be explained in later tutorials. First you need to download and install an FTP Client.

Continue in PART 2

01-7-08

Website Design Tips

Posted by

Wrapping Text Around an Image within an HTML Web Page

If you’ve ever tried to display an image with your text wrapping around it, you have probably discovered it won’t work with just a plain image tag.

To do so, you must include the ALIGN attribute within your image tag.

Image Displayed on Left:

<IMG BORDER=”0″ ALIGN=”Left” src=”yourimage.jpg” mce_src=”yourimage.jpg”>Your Text
By placing the above code within your HTML, your image will be displayed on the left hand side with your text displayed on the right.As you continue to type your text, it will automatically format itself to wrap around the right side and the bottom of your image. This example has been set up with a table to keep the text neatly aligned within a limited amount of space. The table’s width is set up to span 50% of the page width.

Image Displayed on Right:

<IMG BORDER=”0″ ALIGN=”Right” src=”yourimage.jpg” mce_src=”yourimage.jpg”>Your Text
By placing the above code within your HTML, your image will be displayed on the right hand side with your text displayed on the left.As you continue to type your text, it will automatically format itself to wrap around the left side and the bottom of your image. This example has been set up with a table to keep the text neatly aligned within a limited amount of space. The table’s width is set up to span 50% of the page width.


01-6-08

Website Design Tips

Posted by

Adding Audio(sound) to your Web Page

You can add audio (sound) to your web page that will be compatible with both Internet Explorer and Netscape Navigator. Add the following code to the HTML of your web page where you would like the control panel to display.

 

<EMBED src=”yourfile.mid” autostart=”true” loop=”false” hidden=”false”> <noembed>
<bgsound src=”
yourfile.mid” loop=”1″> </noembed>

 

Change the text indicated in red to your sound file.

The “autostart” determines whether or not the music will play when the page loads. “True” specifies that the music will start on load and “False” specifies that music will not start on load.

The “loop” determines how the music should be played. “False” specifies that the music should not loop and will play it through one time. “True” specifies that the music should loop and play continuously. It is highly recommended that you leave this set on false.

The “hidden” specifies whether or not the music’s control panel should be displayed. “True” specifies that the control panel should be hidden. “False” specifies that the control panel should be displayed. It is highly recommended that you leave this set on false. This will enable your visitors to stop the music if they prefer.