Live Chat


Live Chat.

Advertisements

Tutorial


How to Set Up an eCommerce Website ?

 

Now at first know” What is electronic commerce?”

Commonly known as e-commerce, ecommerce, eCommerce or e-comm, refers to the buying and selling of products or services over electronic systems such as the Internet and other computer networks. However, the term may refer to more than just buying and selling products online. It also includes the entire online process of developing, marketing, selling, delivering, servicing and paying for products and services.

If you want to start your own eCommerce website and don’t know where to start, WordPress (once again) can be your savior. Besides WordPress is easy to set-up and customize, it also enables interactivity through comments. It also automatically ping the search engines, in-built RSS feed so that your visitors can easily subscribe to your website. Most importantly WordPress has a large online community technical support.

Check out below our step-by-step procedure on how to set up an eCommerce website…

Install WordPress software:- First and foremost, you will have to install the WordPress software. Log in to cPanel of your system and click on set up.

Choose your theme template:- There are numerous Google FREE themes available for WordPress. You can simply download it.

Add eCommerce plugins:- Download Google WordPress eCommerce plugins and install the files to activate plugins. You should see the links on the sidebar such as transaction results, product details, checkout, your account etc.

Now you can add your products to your website. You can add as many as you want but before adding the details or information about your products, first, set certain parameters like payment options, countries, etc. In this you’ll know how far can your products go and what are your prefer payment methods would be.

Lastly, SEO:- It’s is recommended that you install an All-in-One SEO pack to make your website search engine friendly. This tool will optimize the title and description Meta tags so that Google will be able to see and crawl your web pages.

If you do !

Next, you have set up your soon to be e-business, it is time for you to promote it. You can use the following for the same: Article Marketing, Newsletter, Blogging, Social Media Marketing, RSS Directories and RSS Directories– etc.

How to Set Up an eCommerce Website ?


How to Set Up an eCommerce Website ? Now at first know” What is electronic commerce?” Commonly known as e-commerce, ecommerce, eCommerce or e-comm, refers to the buying and selling of products or services over electronic systems such as the Internet and other computer networks. However, the term may refer to more than just buying and selling products online. It also includes the entire online process of developing, marketing, selling, delivering, servicing and paying for products and services. If you want to start your own eCommerce website and don’t know where to start, WordPress (once again) can be your savior. Besides WordPress is easy to set-up and customize, it also enables interactivity through comments. It also automatically ping the search engines, in-built RSS feed so that your visitors can easily subscribe to your website. Most importantly WordPress has a large online community technical support. Check out below our step-by-step procedure on how to set up an eCommerce website… Install WordPress software:- First and foremost, you will have to install the WordPress software. Log in to cPanel of your system and click on set up. Choose your theme template:- There are numerous Google FREE themes available for WordPress. You can simply download it. Add eCommerce plugins:- Download Google WordPress eCommerce plugins and install the files to activate plugins. You should see the links on the sidebar such as transaction results, product details, checkout, your account etc. Now you can add your products to your website. You can add as many as you want but before adding the details or information about your products, first, set certain parameters like payment options, countries, etc. In this you’ll know how far can your products go and what are your prefer payment methods would be. Lastly, SEO:- It’s is recommended that you install an All-in-One SEO pack to make your website search engine friendly. This tool will optimize the title and description Meta tags so that Google will be able to see and crawl your web pages. If you do ! Next, you have set up your soon to be e-business, it is time for you to promote it. You can use the following for the same: Article Marketing, Newsletter, Blogging, Social Media Marketing, RSS Directories and RSS Directories- etc.

How to Create Flash Websites ?


Use Wix'free website builderto make your own website with ease. Start by browsing through our stunning template gallery to find a design that suits your needs. You can also choose to design your site from scratch. Wix.com providesfree website hosting for all sites hosted under the Wix domain. You can also connect to your own domain. Make changes to your site whenever you like by logging into your account. 1-click publishing puts you moments away from a beautiful, customized Flash website you'll love. Discover the freedom of unrestricted web design by signing up for a free account with Wix NOW!

Sign up for free

>  Use our free server or connect your domain

>  Unlimited publishing

>  Design websites for everyone!

>  Domain

> Free hosting

> Promote your website

> Update with Ease

> Easy to use drag & drop editor

> All Wix free website templates are fully customizable

> Free fonts, pictures, animations, backgrounds, effects and more…

> Upload any kind of media

> Update, modify and publish in seconds

> No download or programming necessary

>  Search engine friendly

> Hundreds of free Flash website designs

>  Simply click edit, and enter our online editor.
For Creating Flash Websites :-

Login : http://www.wix.com/

How to Create Joomla! Site ?


Joomla! License Guidelines
Written by  http://joomla.org/ Administrator
Wednesday, 20 August 2008 10:11
This Web site is powered by Joomla! The software and default templates on which it runs are Copyright 2005-2008 Open Source Matters. The sample content distributed with Joomla! is licensed under the Joomla! Electronic Documentation License.All data entered into this Web site and templates added after installation, are copyrighted by their respective copyright owners.If you want to distribute, copy, or modify Joomla!, you are welcome to do so under the terms of the GNU General Public License. If you are unfamiliar with this license, you might want to read ‘How To Apply These Terms To Your Program’ and the ‘GNU General Public License FAQ’.

The Joomla! licence has always been GPL.

If you’re new to Web publishing systems, you’ll find that Joomla! delivers sophisticated solutions to your online needs. It can deliver a robust enterprise-level Web site, empowered by endless extensibility for your bespoke publishing needs. Moreover, it is often the system of choice for small business or home users who want a professional looking site that’s simple to deploy and use. We do content right.So what’s the catch? How much does this system cost?

Well, there’s good news … and more good news! Joomla! 1.5 is free , it is released under an Open Source license – the GNU/General Public License v 2.0. Had you invested in a mainstream, commercial alternative, there’d be nothing but moths left in your wallet and to add new functionality would probably mean taking out a second mortgage each time you wanted something adding!

Joomla!  Changes   all that …
Joomla! is different from the normal models for content management software. For a start, it’s not complicated. Joomla! has been developed for everybody, and anybody can develop it further. It is designed to work (primarily) with other Open Source, free, software such as PHP, MySQL, and Apache.

It is easy to install and administer, and is reliable. Joomla! doesn’t even require the user or administrator of the system to know HTML to operate it once it’s up and running.

To get the perfect Web site with all the functionality that you require for your particular application may take additional time and effort, but with the Joomla! Community support that is available and the many Third Party Developers actively creating and releasing new Extensions for the 1.5 platform on an almost daily basis, there is likely to be something out there to meet your needs. Or you could develop your own Extensions and make these available to the rest of the community.

What’s New in 1.5?
Written by  http://joomla.org/  Administrator   
Monday, 11 August 2008 22:13
As with previous releases, Joomla! provides a unified and easy-to-use framework for delivering content for Web sites of all kinds. To support the changing nature of the Internet and emerging Web technologies, Joomla! required substantial restructuring of its core functionality and we also used this effort to simplify many challenges within the current user interface. Joomla! 1.5 has many new features.In Joomla! 1.5, you’ll notice:

  • Substantially improved usability, manageability, and scalability far beyond the original Mambo foundations
  • Expanded accessibility to support internationalisation, double-byte characters and right-to-left support for Arabic, Farsi, and Hebrew languages among others
  • Extended integration of external applications through Web services and remote authentication such as the Lightweight Directory Access Protocol (LDAP)
  • Enhanced content delivery, template and presentation capabilities to support accessibility standards and content delivery to any destination
  • A more sustainable and flexible framework for Component and Extension developers
  • Backward compatibility with previous releases of Components, Templates, Modules, and other Extensions

 

How to Create HTML Site ?


How To Create HTML Web Site ?

HTML Tutorial

With HTML you can create your own Web site.

This tutorial teaches you everything about HTML.

HTML is easy to learn – You will enjoy it.

Examples in Each Chapter

This HTML tutorial contains hundreds of HTML examples.

With our online HTML editor, you can edit the HTML, and click on a button to view the result.

Example

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

HTML References

At W3Schools you will find complete references about tags, standard attributes, standard events, colornames, entities, character-sets, URL encoding, language codes, HTTP messages, and more.The perfect solution for professionals who need to balance work, family, and career building.

HTML Introduction

Example:

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
What is HTML?

HTML is a language for describing web pages.

  • HTML stands for Hyper Text Markup Language
  • HTML is not a programming language, it is a markup language
  • A markup language is a set of markup tags
  • HTML uses markup tags to describe web pages

HTML Tags

HTML markup tags are usually called HTML tags

  • HTML tags are keywords surrounded by angle brackets like <html>
  • HTML tags normally come in pairs like <b> and </b>
  • The first tag in a pair is the start tag, the second tag is the end tag
  • Start and end tags are also called opening tags and closing tags

HTML Documents = Web Pages

  • HTML documents describe web pages
  • HTML documents contain HTML tags and plain text
  • HTML documents are also called web pages

The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Example Explained

  • The text between <html> and </html> describes the web page
  • The text between <body> and </body> is the visible page content
  • The text between <h1> and </h1> is displayed as a heading
  • The text between <p> and </p> is displayed as a paragraph

What You Need

You don’t need any tools to learn HTML at W3Schools.

  • You don’t need an HTML editor
  • You don’t need a web server
  • You don’t need a web site

Editing HTML

HTML can be written and edited using many different editors like Dreamweaver and Visual Studio.

However, in this tutorial we use a plain text editor (like Notepad) to edit HTML. We believe using a plain text editor is the best way to learn HTML.


Create Your Own  Web

If you just want to learn HTML, skip the rest of this chapter.

If you want to create a test page on your own computer, just copy the 3 files below to your desktop.

(Right click on each link, and select “save target as” or “save link as”)

mainpage.htm

page1.htm

page2.htm

After you have copied the files, you can double-click on the file called “mainpage.htm” and see your first web site in action.

Use Your Test Web For Learning

We suggest you experiment with everything you learn at W3Schools by editing your web files with a text editor (like Notepad).

Note: If your test web contains HTML markup tags you have not learned, don’t panic. You will learn all about it in the next chapters.

.HTM or .HTML File Extension?

When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.

HTML Basic

Don’t worry if the examples use tags you have not learned.

You will learn about them in the next chapters.

HTML Headings

HTML headings are defined with the <h1> to <h6> tags.

Example

<html>

<body>

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<h3>This is heading 3</h3>

<h4>This is heading 4</h4>

<h5>This is heading 5</h5>

<h6>This is heading 6</h6>

</body>

</html>

HTML Paragraphs

HTML paragraphs are defined with the <p> tag.

Example

<html>

<body>

<h1>This is heading 1</h1>

<p>This is a paragraph.</p>

<p>This is another  paragraph.</p>

<p>This is next  paragraph.</p>

</body>

</html>

HTML Links

HTML links are defined with the <a> tag.

Example

<html>

<body>

<a href=”http://www.w3schools.com”&gt;

This is a link</a>

</body>

</html>

Note: The link address is specified in the href attribute.

(You will learn about attributes in a later chapter of this tutorial).


HTML Images

HTML images are defined with the <img> tag.

Example

<html>

<body>

<img src=”w3schools.jpg” width=”104″ height=”142″ />

</body>

</html>

Note: The name and the size of the image are provided as attributes.

HTML Elements

HTML documents are defined by HTML elements.

An HTML element is everything from the start tag to the end tag:

Start tag *

Element content

End tag *

<p> This is a paragraph             </p>
<a href=”default.htm”>    This is a link               </a>

* The start tag is often called the opening tag. The end tag is often called the closing tag.

HTML Element Syntax

  • An HTML element starts with a start tag / opening tag
  • An HTML element ends with an end tag / closing tag
  • The element content is everything between the start and the end tag
  • Some HTML elements have empty content
  • Empty elements are closed in the start tag
  • Most HTML elements can have attributes

Tip: You will learn about attributes in the next chapter of this tutorial.

Nested HTML Elements

Most HTML elements can be nested (can contain other HTML elements).

HTML documents consist of nested HTML elements.

HTML Document Example

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

The example above contains 3 HTML elements.

HTML Example Explained

The <p> element:

<p>This is my first paragraph.</p>

The <p> element defines a paragraph in the HTML document.
The element has a start tag <p> and an end tag </p>.
The element content is: This is my first paragraph.

The <body> element:

<body>
<p>This is my first paragraph.</p>
</body>

The <body> element defines the body of the HTML document.
The element has a start tag <body> and an end tag </body>.
The element content is another HTML element (a p element).

The <html> element:

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

The <html> element defines the whole HTML document.
The element has a start tag <html> and an end tag </html>.
The element content is another HTML element (the body element).


Don’t Forget the End Tag

Some HTML elements might display correctly even if you forget the end tag:

<p>This is a paragraph
<p>This is a paragraph

The example above works in most browsers, because the closing tag is considered optional.

Never rely on this. Many HTML elements will produce unexpected results and/or errors if you forget the end tag .


Empty HTML Elements

HTML elements with no content are called empty elements.

<br> is an empty element without a closing tag (the <br> tag defines a line break).

Tip: In XHTML, all elements must be closed. Adding a slash inside the start tag, like <br />, is the proper way of closing empty elements in XHTML (and XML).


HTML Tip: Use Lowercase Tags

HTML tags are not case sensitive: <P> means the same as <p>. Many web sites use uppercase HTML tags.

W3Schools use lowercase tags because the World Wide Web Consortium (W3C) recommends lowercase in HTML 4, and demands lowercase tags in XHTML.

How to create CSS site ?


<pre>CSS defines HOW HTML elements are to be displayed.

All browsers support CSS today.CSS Saves a Lot of Work!

In HTML 4.0, all for matting could be removed from the HTML document, and stored in a separate CSS file.

Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in a Web site, just by editing one single file!

h2> CSS Syntax </h2>

body

{

background-color: yellow;

}

h1

{

font-size:36pt;

}

h2

{

color:blue;

}

p

{

margin-left:50px;

}

<html>

<head>

<link rel=”stylesheet” type=”text/css” href=”ex1.css” />

</head>

<body>

<h1>This is  header 1</h1>

<h2> This is  header 2</h2>

<h3> This is  header3</h3>

<h4> This is  header 4</h4>

<h5> This is  header 5</h5>

<h6> This is  header 6</h6>

<p>This is  paragraph </p>

<p>This is another  paragraph </p>

</body>

</html>

Next See

First we need to identify the main structural elements of the design, so that we know how to

structure our HTML document.

we need to dividing up our design. These main divisions we make will end up being <div> tags. A </div> is basically a rectangular container that we can position using CSS.

We have identified 6 major elements: (In CSS Web Page)

1Main Navigation

The primary navigation for this website. The images will change on hover (when the

mouse cursor is on top of it).

Width: 760px

Height: 50px

2• Header

The website header includes a background image (purely for aesthetics), and the

company name.

Width: 760px

Height: 150px

3• Content

The bulk of the website’s content will go here.

Width: 480px

Height: Changes depending on content

 

4• Left_Sidebar

This will have second‐tier content that isn’t as important as the main content.

Width: 280px

Height: Changes depending on content

5• Right_Sidebar

This will have second‐tier content that isn’t as important as the main content.

Width: 280px

Height: Changes depending on content

6Footer

Copyright information, credits, and an  alternative text navigation.

Width: 760px

Height: 66px

Here   we  also be centered in the browser window. We now have all the info we need to

start.

Setting the canvas

As you’ll notice in the design, everything on our page is 760px wide or less, and nothing

floats outside that width. What we are going to do is create a container for our page that is

760px wide,  and centered in the middle of the page. Our 5 main elements will be placed

inside this container.

Between the <body> </body> tags, create a <div> with an id=“page‐container” attribute:

<body>

<div id=”page-container”>

Are You OK ?

</div>

</body>

And thats all the HTML we need for our container. Onto the CSS.

Create a new blank text file, and save it as master.css in the /css/ directory.

Create a new rule in the stylesheet to select the page‐container:

#page-container {

}

The # in front of the id tells the browser that we are selecting an id. For a class we would use

a . instead eg: .page‐container {}.

An id is a unique identifier that we use for things that are only going to occur once on the

page. So for headers, footers, navigation, etc we use id’s, and for any reccuring elements

like links we should use classes, which can occur multiple times on the same page.

We won’t be able to see the changes we are making to this <div>, because it is transparent

by default. So the first thing we will do is make the background of the div red, to give us a

visible indicator of what we are doing:

#page-container {

background: red;

}

You should see something like this across the full width of your browser:

First we should set a width of 760px(Or Your Choose) on this div.

Creating a CSS layout

#page-container {

width: 760px;

background: red;

}

Refresh the page in your browser to see the rule being applied.

Next we want to center this div. This is done by setting the margins on it to auto. When the

left and right margins are set to auto, they will even each other out and the div will sit in the

center of its container.

#page-container {

width: 760px;

margin: auto;

background: red;

}

Now you should have a centered red 760px wide block with “Hello World.” written in it. But

its sitting about 8px away from the top/sides of the browser.

This is because the html and body tags have default margins and/or padding on nearly all

browsers. So we need to write a CSS rule to reset the margins and padding on the html and

body tags to zero. Add this rule to the very top of your css file:

html, body {

margin: 0;

padding: 0;

}

A comma in between CSS selectors stands for “or”, so here the rule will be applied to the

html tag or the body tag. Because both exist on the page, it will be applied to both.

Brilliant, now our box is where it should be. Note that as more content is added to this div, it

will automatically change its height to fit whatever content is placed inside it.

The major elements

We need to add 6 divs, all with individual id’s that describe their purpose. These divs will

correspond to the major areas of the design we identified in Step 2. Replace the Hello

World. text with the div’s below. Just for now we’ll also put text inside the divs for easy

visual identification when we view the page.

<div id=”main_navigation”>

<div id=” content”> Content </div>

<div id=” header  “> Header  </div>

<div id=” left_Sidebar”> Left_Sidebar</div>

<div id=” right_Sidebar”> Right_Sidebar</div>

<div id=”footer”>Footer</div>

</div>

</pre>

%d bloggers like this: