Feature news

Showing posts with label Website. Show all posts

Starting a Website for Beginners

Starting a website can be very simple. There are essentially just three main components to every website.

Domain Name

A domain name is an address that visitors use to view your website on the web. When starting a website, it's important to find a good domain name that represents your brand or business like computoronics.com it is a domain name. Domain names are typically sold annually and can be renewed prior to expiration.
For help choosing, registering and managing a domain name.

Web Hosting

After you have a domain name registered, the next step is to get a web hosting package. At HostGator, we recommend starting with a Shared hosting plan and upgrading later if you find it necessary. Of course, if you need custom software or packages that aren't offered in a Shared hosting environment (such as live video streaming), a VPS orDedicated Server might be a better option.
If you're still not sure which web hosting plan to choose, the following articles may help:

Once your hosting plan is purchased, your domain will be pointed to your web hosting account by changing the name servers for that domain name, and any visitors to your domain will be able to view the website hosted at your web hosting provider.

Website

A website is usually a file that is coded with HTML to display text, images, videos and other multimiedia elements. There are many ways to build a website. While it is possible to create a website using a text editor like Notepad, for beginners, it's usually best to use software geared for web development. You can download free software for creating a website such as KompoZer or use HostGator's free sitebuilder.
Programming languages like PHP, Ruby, Python, Perl and ASP.net can also be used to create dynamic web sites. Fortunately there are many different open-source, web-based applications which use these languages and don't require much programming experience such as:
Learn more »

How to make a website


Building a website is a great way to share your ideas and thoughts with the world. But if you've never done one, it can seem daunting. There's all that http-dot-whatever and <tag this=""> and <tag that=""> and how do you get pictures and text in there? Well fear not, this article will help you to grasp the intricacies very quickly!

Designing Your Website



Get inspired. Look at websites with great designs and think about why they're great designs. It usually comes down to the information, resources, links, and pages being laid out in a way that is easy to see and use. To get ideas about how to design your own site, look at sites which do similar things to get ideas about where you should put different types of content.
  • Stay realistic to your skills.
  • Ease of access is the most important thing. If you don't have a certain piece of information easily visible, make sure that getting to that information is very logical.
  • Generally the simpler the design, the fewer the pages, the better.
Purpose of Your Website

Choose a topic and purpose. If you already have a fairly good idea about what your website will focus on, skip this step. If not, here are some things to help you figure that out. First, understand that there are billions of people on the Internet, and a large percentage have websites. If you limit yourself to something that hasn't been done, you'll never get started.
  • When you think, "Internet," what is the first thing that comes to your mind? E-commerce? Music? News? Socializing? Blogging? Those are all good places to start.
  • You could create a website that's dedicated to your favorite band, and have a chat area where people can talk about it.
  • You can build a page for your family, but be careful about things like this. The internet is full of unsavory characters and information you put up about your family could end up being used against you. Consider adding password protection to your personal family website.
  • If you're a news junkie, or want something less filtered than traditional media, build a website and get publicly available feeds from news providers such as Reuters, BBC, AP, and others. Build your own customized news aggregator (what used to go by the quaint name of "newspaper"), then see and show all the news that's fit to digitize.
  • If you're creative at writing then you can start a blog where you can write about anything you want and attract monthly readers!
Make a Plan          

 Building your website is going to take a commitment of time and possibly money, so set a limit on both, and then dig in. The plan doesn't have to be a big, complicated spreadsheet, or a fancy graphic presentation, but at the very least, you will want to consider what it will do for you and the visitors, what you'll put on the website, what goes where on the webpages.

Gather the Content

Gather the content. There are lots of different types of content and many have their own considerations. You'll need to figure out what's best for your website and your needs. Some things to consider including:
  • A store. If you want to sell things, you'll need to figure out how you want the items to be available. If you have relatively few things to sell, you might want to consider having a store with a hosting service. Amazon, and Cafepress are all well-established store hosts which let you sell a variety of items and set your own prices.
  • Media. Do you want to display videos? Music? Do you want to host your own files or do you want them hosted somewhere else? Youtube and SoundCloud are great examples of hosting options, but you'll need to be sure that the way you design your website allows these media types to display correctly.
  • Images. Are you a photographer? An artist? If you plan on putting original images on your website, you might want to use a format that can help keep them from getting stolen. Make sure the images are relatively small or that they are hidden behind some Flash code, so as to keep them from being easily saveable.
  • Widgets. These are mini-programs which run on your website, usually to help you keep track of who visits, what they're looking for, and where they're from. You can also find widgets for booking appointments, displaying a calendar, etc. Look into what might be useful for you (just make sure the widget comes from a reputable source).
  • Contact information. Do you want to have contact information on your webpage? For your own safety, you should be careful about what kind of information you have available. You should never display things like your home address or home phone number, as information like this can be used to steal your identity. You may want to set up a PO box or a special email address for people to contact you at, if you don't have a business address.
Draw a Flow Chart

For most people, the website starts on the home page. This is the page that everybody sees when they first go to www.yourSite.com. But where do they go from there? If you spend some time thinking about how people might interact with your site, you'll have a much easier time down the line when you are making navigation buttons and links.

Plan for user devices and situation

In recent years, smartphones and tablets have become incredibly popular platforms for browsing the internet, and they require websites to be designed for them. If you really want to make a website that will stand the test of time and be accessible to the highest number of viewers, plan on making different versions of your site for different devices, or plan to use a responsive design that adjusts as necessary.
Learn more »

Builiding Your website


Decide what method or tool you will use to build it

Building Your Website

When you have the basic idea down and have a plan for how it will be laid out, the next to think about is how you're going to build it. The options seem endless, and people will try to sell you this or that 'fantastic' application, and every other thing that you "absolutely must have" on your site, however the reality is that there are a few great tools for building websites, and one of them will be best-suited to your situation and needs.

Build it yourself


Build it yourself

This is the first option. If you have a website-building application like Adobe Dreamweaver, it is not very difficult to create a website from scratch. You might need to do some coding but don't panic! HTML looks complicated, but it's like listening to Shakespeare—it's hard at first, but once you get the feel of it, it's not that difficult.
  • Pros: website design software simplifies the process of building sites by letting you drag-and-drop images, text, buttons, movies, and anything else you can think of, usually without ever having to dig into HTML. Many web design applications will even let you create sites specifically for your smart phone or pad. If you are building a basic, personal website, this is really a great way to go.
  • Cons: there is a learning curve, and though you don't have to dig into HTML, it's not totally geek-free. If you are in a hurry, this might not be the best solution. Perhaps the biggest con, though, is that if you are not a graphic designer, youcould end up with a page that hurts the eyes. To mollify this somewhat, there are a number of free templates in the applications, and on the internet, but be aware of your limitations—if you have any!
Use a content Management System

Use a content Management System

This is the second option.WordPress is an example of a great option for building websites. It helps you create web pages and blog posts quickly and easily, set up the menus, allow and manage user comments, and has thousands of themes and plugins that you can choose from and use for free. Drupal and Joomla are other great CMS options. Once the CMS is hosted, you can manage your site from anywhere (in the world) that has an Internet connection.
  • Pros: Very easy to use, quick to get started with one click install, and lots of options for the beginner (with enough depth for more experienced users).
  • Cons: Some themes are limiting, and not all are free.
Build the Website from Scratch

Build the website from scratch.

This is the third option. If you decide to build your website from scratch, you'll need to start using HTML and CSS. There are ways to extend your HTML skills and add more features and more depth to your website. If you are developing a professional website, these tools will help you get that edge that is needed in any business venture.
  • CSS, which stands for "Cascading Style Sheets". CSS gives more flexibility for styling the HTML, and makes it much easier to make basic changes—fonts, headers, color schemes—in one place, and have those changes ripple through the site.
  • XHTML is a web language set by W3C's standards. Almost identical to HTML, it follows a stricter set of rules for marking up information. What this means, for the most part, is minor changes to the way you write code.
  • Look into HTML5. It's the fifth revision of the core HTML standard, and will eventually subsume the current version of HTML (HTML4), and XHTML as well.
  • Learn a client-side scripting language, such as JavaScript. This will increase your ability to add interactive elements to your site, such as charts, maps, etc.
  • Learn a server-side scripting language. PHP, ASP with JavaScript or VB Script or Python can be used to change the way web pages appear to different people, and lets you edit or create forums. They can also help store information about people who visit your site, like their username, settings, and even temporary "shopping carts" for commercial sites.
  • AJAX (Asynchronous JavaScript and XML) is a technique of using a browser sided language and a server sided language to make the page get new information from the server without refreshing the page, often greatly reducing user wait time and vastly improving the user's experience but increasing bandwidth usage. For a website that will see a lot of traffic, or an eCommerce site, this is an excellent solution.
 Hire a Professional

This is the fourth and final option. If you are not up to designing your own website, or learning new coding languages—especially for more advanced sites—hiring a professional may be your best option. Before you hire, ask to see a portfolio of their work, and check their references carefully.
Learn more »

Test Drive your website and Live

Register Your Domain Name


Register your doamin name

If you’re on a budget, there are strategies for buying a cheap domain name. Find a domain name that is easy to remember and easy to spell. If you use domains ending with .com, you will end up with more traffic, but most of the easy ones are taken, so be creative!
  • Look to Hostgator, GoDaddy, or Register.com are good in india.net if you're in the other country to research and find the ideal domain name for your website. Wordpress also includes a feature whereby you can use a name that's tagged with their site, for example, mywebsite.wordpress.com. But if the name you choose is also available as a .com, they will notify you when you sign up.
  • You can purchase domain names if they have been "parked" or are for sale online through business sales sites. It's a good idea to get legal and financial advice before purchasing an expensive domain name.
Inspect your website

Inspect your website

Before you post your site, it's wise to test it thoroughly. Most web design software has a way to test your site without taking it online. Look for missing tags, broken links, search engine optimization, and website design flaws. These are all factors which may affect your website's traffic and revenues. You may also generate a free full-functioning site map to submit to search engines like Google, in a matter of minutes.

Test your Website



When you finish your website, do usability testing. You can do this by asking a few friends or family members to try it out. Give them a specific task like "edit your profile" or "buy an alpaca sweater from the bargains page." Sit behind them and watch them navigate—do not help them. You will likely find areas where you need to improve navigation or clarify some instructions. Alternately use something like zurb.com to user test on specific demographics for different types of engagement. When testing a website in 2014 it's becoming important to keep the platform in mind and make sure the website is usable from smartphones and tablets as well as desktops.
  • Keep a list of things you notice that seem difficult or non-intuitive for the user.
 Launch it!

Hostgator webhosting


 Choose a web host and upload your website. Your web host may have an FTP feature, or you can download your own FTP program like FileZilla . If you hired a professional to design the website, they should be able to take care of this for you (but it still pays to ask questions so that you understand what is happening).
See our next article: Website consdsidration
Learn more »

Website Considerations

Narrow Down your concept


Website Idea

If you're doing this for money, which ideas stand to make the most profit? Which ideas require the most commitment? Which ideas look like they'd be fun to pursue? You will be spending time working on your website, so choose the idea you are most passionate about (that is also profitable and practical for you).

Define Your Goals and Achieve them


Define Your Goals and Achieve them

The website you create may be for fun, it may be for profit, or some combination of the two. Knowing your expectations makes it much easier both to design your website, and to track and make sense of the results.

Be Ready For a Competetition


Be Ready For a Competetition

Content sites require less investment but they also face more competition, since anyone can start a content site. To make money from this kind of site, you provide information and generate income from the traffic you receive through advertising, such as through Google AdSense. In order to optimize AdSense, you will have to write your content purposefully and make it interesting so that people come to your site. Use specific keywords directed at people searching for specific terms too; just don't get carried away with this aspect or the content may suffer and readers won't like it.

Be Ready for Responsibility

eCommerce sites, which sell products, will need more maintenance and attention. You will need to think about shipping, sales, taxes, SSL, inventory updates, and everything that a person with a brick-and-mortar storefront would have to manage. A system for prompt answering of questions and dealing with complaints is essential when selling products online; many companies also offer phone help, which you can outsource offshore if need be.
  • If the goal is just to add a stream of income, you can also sell other people's products through affiliate programs, letting you earn money without investing in product or worrying about shipping.
Conduct Market Research

Conduct Market Research

Which kinds of people will your website serve? Conduct market research to figure out more about your audience. Things to know or find out include: What do they do? How old are they? What are their other interests? All of this information can help make your website much more useful. However, be careful of assuming that your site is only targeting one group––always watch for trends that show other types of people becoming interested, so that you can cater for their interests too and make the most of new opportunities.

Do Keyword Research

Do Keyword Research

This is necessary to determine whether people are searching for topics that are relevant to your site and can be useful for learning more about your potential clients. Making a conscious effort to incorporate in-demand keywords into the site can also help you get a better search engine ranking. There are tools available from Google (ex. google.com/trends/ andgoogle.com/insights/search/#), Overture, and third-party software developers that can make the keyword research process easier.
  • Sprinkle the keywords you've chosen throughout your text, but not insofar as it hurts the quality of your content.
  • Creating pages that are optimized for the search engines will help you get your site found which is really more important than design. What good is a site that no one sees?
Advertise

Now that it's out there, you want people to come, so let them know!
  • Submit your site to major search engines. There are sites that will do this for you, or you can do it yourself.
  • Tell your friends. Tweet about it—constantly! Add it to your Facebook status updates, post pictures of it on Flickr, add it to your LinkedIn account—anywhere and everywhere is the key here. The more people coming to your site, the better.
  • Use an e-mail address with your domain. Visit other websites that complement (not compete with) yours, and offer to exchange links or guest blog/write. Post constructively on blogs and forums, and put your URL in your signature.
  • Use article marketing. Creating SEO-optimized articles and posting them to other sites is a sometimes a useful way to create back-links to your website. This might help you to boost your website’s search engine ranking but always keep abreast of search engine updates that often impact SEO strategies and can render them less helpful or even downgrade your site's ranking.

Quality Content & Service

Most of all, listen to your readers and customers and learn from their experience with your website.
  • Take constructive comments seriously. Other band members, fans, and friends may all have easier navigation ideas.
  • Think about your target market or audience: their needs, their frustrations, their circumstances. As much as possible, seek to make their lives easier or more informed.
Tips
  • People are often in a hurry. On average, you have about 3-7 seconds to capture people's eyeballs, so be smart about what people see first when they get to your page. To minimize your load time, don't overload with huge graphics. Compress them where possible. Use flashy technology JavaScript, Flash, Streaming Audio/Video, etc., sparingly and only if it is important to your presentation.
  • If you hire a professional to code a complicated site, remember that programmers are not necessarily graphic designers. The most eye-catching sites out there have been made by or with the input of someone involved in graphic design. The best advice, especially for a professional site, is to use the right team for the job: designers design the look and feel of the site; programmers do all the stuff under the hood to make it work; marketers position the site and make sure it's relevant; and writers write the copy.
  • If you're selling a product that users will find through a search engine, make sure that product is the first thing they see when they get to your page. The more you make your visitor click, the more likely your visitor will visit someplace else.
  • Find popular websites, even if they do not have much to do with yours, and use them as models. What are they doing right? What is interesting about their layout, their content, the way you maneuver through the website? Incorporate relevant aspects of what you learn from viewing these sites into your own website, tailoring it to fit your requirements.
  • Begin with simple things, practice them, and then find ways to improve – even if what you create is not very impressive the first few times time. Do not attempt to rush through the process.
  • If you intend to sell a product on your website, you will need to be able to accept secure credit card payments. You can apply for a merchant account, which charges a per-transaction fee, or use a free payment service like PayPal. Always read the fine print carefully. Be aware that many credit facilities require you to give guarantees for lost or damaged shipped items (look into insurance as well).
Learn more »

How to make website with HostGator










A lot of people get overwhelmed with all the information out there on starting a website, so much so that they pay web designers to make a website for them. If you've never created a webpage before, perhaps paying a designer could be an option, but it's easier than ever to make your own website. In this article, we'll cover some of the most popular and easiest ways to make a website with Hostgator.



HostGator's Site Builder


The Weebly Website Builder that HostGator provides is free with all Shared hosting plans and very simple to use. The whole process can be done in just minutes, and there's nothing to download or upload. Once you've set up your site, you can publish your changes directly to your website.

Pros: Quick & easy. No technical knowledge required. Good to get started with.
Cons: Limited design options, not able to customize, and advanced features are sparse.

Website Templates

HostGator provides 4,450+ free website templates and designs. You can also find tons of other free templates online. Once you find a template that you like, you can download the template and edit it (fully customizable). After you edit the template using an HTML or text editor you can then upload the template through FTP to your HostGator account to publish your web page(s).

Pros: Tons of templates in many different categories with the ability to customize.
Cons: May require 'tweaking' to get the template to look the way you want.

WYSIWYG (What You See is What You Get) Site Builders

A WYSIWYG Editor is a web authoring program that can create a website for you, similar to creating a document in Microsoft Word. While the de facto standard is Adobe's Dreamweaver, you don't need to pay hundreds of dollars to get started. There are free and open source alternatives, such as Mozilla's KompoZer.
You can make a website with KompoZer through by inserting elements, such as images, tables, paragraphs, headers, et cetera without having to mess with any HTML code. Should you feel inclined, however, you can easily edit the code as well. If you don't want to start from scratch, you can get templates online (see above: Website Templates) and open them with KompoZer to tweak the look and layout.

Pros: Free and easy to get started, no HTML needed.
Cons: May take time to learn the advanced features of the software (either Dreamweaver or KompoZer).

CMS (Content Management System)



Using a CMS for your website is a great option if you intend to constantly add content, or need advanced features. The major CMS's are WordPress (also a blogging platform),Joomla, and Drupal. The most popular option on HostGator is definitely WordPress, and it can be installed with just a click through HostGator's QuickInstall feature (See video on: How easy it is to install WordPress). WordPress is very simple to use, and there are TONS of free WordPress themes and plugins out there to build almost any type of website.

Pros: Highly customizable, easy to install and get started. Easy to add new content and update pages. Keeps things organized.
Cons: Since a CMS is pre-built, it may require editing PHP/HTML/CSS code if the out-of-the-box options don't work for your website. Should be fine though in most cases.

From Scratch (HTML/CSS/PHP)

Creating a website from scratch used to be the only way to do it. Now we have tons of tools and scripts to help us. But if you're a do-it-yourself kind of person, this option might appeal to you. To get started on this path, W3Schools has some good tutorials and more information covering: HTML, CSS, and PHP.
  • HTML stands for hyper text markup language, and it's the code behind most websites. Your web browser reads this code and renders it into a document which becomes a viewable web page.
  • CSS or cascading style sheets, is a way to define the way the look and design of different elements on your website. It gives your site it's own unique style.
  • PHP or other server side scripting languages can add advanced functionality to your site like creating contact forms, and interacting with a database to store and retrieve information.

Pros: Complete control over the look and feel of your web pages.
Cons: Learning curve for beginners to get up-to-speed.

Website images / Banners / Logos

Many professionals use Adobe's Creative Suite (Illustrator and Photoshop). Photoshop is good for touching up photos, and creating banners and logos. Illustrator is a vector-based image creator that's really good for creating logos). There are free and very good alternatives to easily make images for your web site, such as GIMP (Photoshop alternative) and Inkscape (Illustrator alternative).

Summary / Conclusion

Most of Bloggers use WordPress for their websites. Once you install WordPress, you'll probably want to install a theme that you like, and add any plugins that you'll need and you're good to go. It doesn't require any advanced knowledge, it's easy to install, and as you learn you can tweak it even further. With any method you choose for making a website, it's probably a good idea to learn a little HTML and CSS by reading tutorials online, although with WordPress it's not required. If you go this route with WordPress, then it's recommended to download the following software:
  • FTP Client like FileZilla for uploading any images (free)
  • Image editors like GIMP and Inkscape (both are free)
Note: This tutorial focuses on what you need to make a website, but to get more information on hosting, domain names, and everything else you'll need, see our tutorial on Starting a Website for Beginners.

Learn more »