Tutorial Materials http://tutorialmaterials.com Designing & Coding Tutorials Mon, 14 Jan 2008 13:53:47 +0000 http://wordpress.org/?v=2.3.1 en HTML Basics 2 http://tutorialmaterials.com/tutorials/html-basics-2/ http://tutorialmaterials.com/tutorials/html-basics-2/#comments Mon, 14 Jan 2008 04:20:06 +0000 Teh Mauler http://tutorialmaterials.com/tutorials/html-basics-2/

htmlbasics2.gif

In the last tutorial you learned about the <html>, <head>, <title>, and <body> tags. Now you will learn about the <p>, <pre>, <b>, <u>, <i>, and <h#> tags. These tags will help to add some style to your webpage and make it easier to show important phrases or terms in your web page.

(more…)

]]> http://tutorialmaterials.com/tutorials/html-basics-2/feed/ Basic HTML http://tutorialmaterials.com/tutorials/basic-html/ http://tutorialmaterials.com/tutorials/basic-html/#comments Fri, 04 Jan 2008 02:53:26 +0000 Teh Mauler http://tutorialmaterials.com/tutorials/basic-html/

basichtml.gif

In this tutorial you will be learning about the <html>, <head>, <title>, and <body> tags. All of these tags must be included in a website for the website to work correctly.

(more…)

]]> http://tutorialmaterials.com/tutorials/basic-html/feed/ Understanding basic PHP IF/Else statements http://tutorialmaterials.com/tutorials/understanding-basic-php-ifelse-statements/ http://tutorialmaterials.com/tutorials/understanding-basic-php-ifelse-statements/#comments Wed, 19 Dec 2007 17:06:48 +0000 PicoDeath http://tutorialmaterials.com/tutorials/understanding-basic-php-ifelse-statements/

phpifelse.gif

Understanding IF’s is important in PHP for many reasons. They’re mainly used when submitting a HTML form, you can see them being uses in nearly every contact script. When you accidentally submit the wrong text you’ll get an error back, this is using PHP IF’s.

(more…)

]]> http://tutorialmaterials.com/tutorials/understanding-basic-php-ifelse-statements/feed/ Creating Vector Circle Brushes with Photoshop http://tutorialmaterials.com/tutorials/creating-vector-circle-brushes-with-photoshop/ http://tutorialmaterials.com/tutorials/creating-vector-circle-brushes-with-photoshop/#comments Fri, 23 Nov 2007 22:45:38 +0000 Fleeboi http://tutorialmaterials.com/tutorials/creating-vector-circle-brushes-with-photoshop/

tutimage01.jpg

In order to make a brush similar to the one featured above, the tutorial will be split into three categories. The circles, the drips and then making it into a brush. Let?s start off with the circles.

(more…)

]]> http://tutorialmaterials.com/tutorials/creating-vector-circle-brushes-with-photoshop/feed/ Turning your photos into a fantasy http://tutorialmaterials.com/tutorials/turning-your-photos-into-a-fantasy/ http://tutorialmaterials.com/tutorials/turning-your-photos-into-a-fantasy/#comments Thu, 22 Nov 2007 21:02:12 +0000 PicoDeath http://tutorialmaterials.com/tutorials/turning-your-photos-into-a-fantasy/ Wha wha what's your fantasy?

Photoshop is an Extremely powerful graphics creator AND editor, it’s also used by a lot of Photographers to edit there images. In this tutorial I’ll show you how to turn a simple scenery photograph into something which looks like it’s out of Lord Of The Rings. Let’s begin.

(more…)

]]> http://tutorialmaterials.com/tutorials/turning-your-photos-into-a-fantasy/feed/ Creating sleek glossy text http://tutorialmaterials.com/tutorials/creating-sleek-glossy-text/ http://tutorialmaterials.com/tutorials/creating-sleek-glossy-text/#comments Thu, 22 Nov 2007 20:03:18 +0000 PicoDeath http://tutorialmaterials.com/tutorials/creating-sleek-glossy-text/ step1.gif

In web graphics and normal art work text can be very important for the finishing touches. It can either improve the overall quality of the site/graphic or completely ruin it. So here’s a small tutorial on creating some sleek and glossy web 2.0 style text.

(more…)

]]> http://tutorialmaterials.com/tutorials/creating-sleek-glossy-text/feed/ The basics of CSS http://tutorialmaterials.com/tutorials/the-basics-of-css/ http://tutorialmaterials.com/tutorials/the-basics-of-css/#comments Wed, 21 Nov 2007 10:49:59 +0000 PicoDeath http://tutorialmaterials.com/tutorials/the-basics-of-css/
Learning the Basics of CSS

If you’re pretty familiar with using HTML then it’s time to forget it all and move up to CSS. CSS stands for Cascading Style Sheets and is usually an external file containing all the styling for your website. There’s many advantages from using CSS, one is it cuts the rendering time of a page down and another is you can make global changes across your website from using one file!

(more…)

]]> http://tutorialmaterials.com/tutorials/the-basics-of-css/feed/ Creating a main navigation http://tutorialmaterials.com/tutorials/creating-a-main-navigation/ http://tutorialmaterials.com/tutorials/creating-a-main-navigation/#comments Tue, 20 Nov 2007 18:11:14 +0000 PicoDeath http://tutorialmaterials.com/tutorials/creating-a-main-navigation/
Create a navigation, preview

Navigations are one the most important things when doing Web Design, making them user friendly and attractive is the mission. In this tutorial you will learn how to create a simple yet attractive techy navigation.

(more…)

]]> http://tutorialmaterials.com/tutorials/creating-a-main-navigation/feed/ Create a Navigation with the pen tool http://tutorialmaterials.com/tutorials/create-a-navigation-with-the-pen-tool/ http://tutorialmaterials.com/tutorials/create-a-navigation-with-the-pen-tool/#comments Mon, 19 Nov 2007 23:34:45 +0000 PicoDeath http://tutorialmaterials.com/2007/11/19/create-a-navigation-with-the-pen-tool/
preview.gif

After getting the basics of web design down you’ll want to improve on your design skills and the pen tool will come into a lot of it. You can create any curve you can think of with the pen tool and I’ll show you in this tutorial how to create some pen style tabs(Navigation buttons).

(more…)

]]> http://tutorialmaterials.com/tutorials/create-a-navigation-with-the-pen-tool/feed/