http://www.free-cartoons.org/free-cartoon-png-icons/
How to build a website from scratch
Want to learn how to build a website from scratch. The purpose of this article is to summarize the process of building a static website with standard technologies like Photoshop, XHTML, CSS, etc.
When building websites for my Customers who regularly use a content management system like Joomla. I'll talk about content management systems later in this article.
I usually think about the process of designing web pages and divided into the following stages …
- Design and preparation
- Programming
- Content Management System (CMS) integration
- Adding content, plugins and development of the site functionality
Design and Preparation
Most designers use Photoshop or Illustrator for design. They are similar in functionality. Photoshop as the name suggests is generally better for processing photographs and Illustrator is generally better for the illustrations, such as logos, icons, etc.
I prefer to use photoshop but that's only because I am more comfortable using photoshop.
There are basically two methods editing, which are used to create a design. One method is based on pixels and the other method is based on vectors. A such pixel-based editing is processing a picture in some way and an example of vector-based editing may include cartoon illustration character etc. You can shape and manipulate vector images many times as you like gives you more control over the design. based editing vector is a skill that takes time and patience to learn, but I recommend concentrating its efforts on developing this skill.
The part of preparation this stage relating to the design cut in individual images. These images then will be rebuilt back together in the programming stage. By creating a design that is important to label all the different layers and groups of all sections listed in groups or sets of layers. " This will make life easier by cutting the different parts of the design. The process of harvesting, slicing a design may require examination greatly depending design complexity.
What format should I save the cropped files?
There are many different picture formats. However, I'll just mention the three most common formats used in web design and these include PNG, JPEG and GIF.
In general, are useful for PNG images, which require a transparent background. However, more transparent PNG large in size compared to JPEG or GIF.
The JPEG format is useful if not required transparent background images, but still require smooth variations of tone and color. JPEG is commonly used for photographic images, paintings, etc.
GIF format is useful for simple images with solid areas of color. Due to the limitations of color, the GIF format is not suitable for photographs, etc. Of course, the advantage of using GIF files is comparatively small.
Programming
Now that you have the different sections / images cropped and ready design, it is time to start re-construct the design using the format of two languages, working together called XHTML and CSS. I will not go into details about these languages, but in short CSS is a list of rules which determine the look and feel of the site as well as specify the layout of the page XHTML. is used to write these rules for the browser.
NOTE: When building a website using XHTML / CSS is important use the validation tool validator.w3.org at regular intervals. This will make it easier dubug your code should you encounter any browser discrepancies.
Click OK. to summarize …
He has designed the website using Photoshop or Illustrator, cut into slices the logical design, re-build design using XHTML and CSS and tested the resulting web page in a variety of browsers. As mentioned earlier in this article, I will not go into details too how in this article, and that the purpose of this article summarizes the various stages for those who are new to web design.
Anyway, now it is time to integrate Content Management System (CMS).
Content Management System Integration
What is a Content Management System?
Think Mypace, Facebook, etc. You can enter and edit images, text changes, etc then appear to view their profile.
Facebook and MySpace both have a system that can manage content.
In our Senario want to add the same functionality to the web site we have built. For the purposes of this example we assume we're using the CMS Joomla. Joomla is an open source CMS which means is free to use
The CMS integration can be done in various ways but generally take the following steps:
- Convert XHTML / CSS web page into a Joomla template.
- Download and install Joomla CMS on my web server
- Upload the template to make the folder templates.
- Login to the administration section of the website (CMS) and start adding content, plugins, etc.
Convert XHTML / CSS web page into a Joomla template
This may seem complex at first, but you can accomplish with just copy and paste sections of an existing template code in the index.html file. Just what parts of code to copy and paste. Will also to save the file as index.php.
I'll post a tutorial on Joomla template conversion sometime in the near future.
Download and install Joomla CMS on your web server
You could install Joomla locally, but for the sake of simplicity I will simply refer the installation of Joomla on a web server in vivo. The easiest way to do it easiest way would be to use Fantastico. To use this application, simply log into your account to your hosting control panel (cPanel) click on the Fantastico icon, select from the list Joomla and follow the simple instructions installation.
Upload the converted template to the templates folder
Ok. So I have made the template and saved it as index.php. You however, should also create a file called templateDetails.xml. This file will give you information about the Joomla template and allow you to select it as default in the admin section. Again, I will not get into that now.
Inside the folder where all your files it should be something like index.php, index.html and stylesheet.css templateDetails.xml. You should also have a folder "Images" for your images. Much of the way the folder structure is up to you. Now go to the Templates folder on your web server. You can access the files on your server using your web hosting control panel via FTP (File Transfer Protocol). Upload your templates folder for the / / directory. Then log on Joomla Administrator and the Administrative Templates section select the default template.
Login to the admin section your website (CMS) and start adding content, plugins, etc.
This is pretty self-explanatory. You can read tutorials on how to modify and update the content, but I feel it is better to have a play around and if you encounter a problem then use google to find a good time for a response. Usually works for me. 
About the Author
Web Page Templates for Web Designers
How to make your own Avator/Icon!
Cartoon news