Mohammad Zakaria Chowdhury

Director, Sylhet IT Academy

Freelancing withWebsite Development

Overview1. Website Template Design

2. Static WebsiteHTMLCSSJavascript

3. Dynamic WebsitePHPMySQL

1. Website Template Design

Website Template DesignNecessary Software

Photoshop (PSD File)Illustrator

Design Idea fromwww.ThemeForest.net

Learn Fromhttp://psd.tutsplus.comhttp://webdesign.tutsplus.com

Website Template DesignDesign Theory

Web 2.0Z LayoutF LayoutColor TheoryVisual Hierarchy

Z Layout

Z Layout

F Layout

F Layout

Projects - Template DesignGet Projects From

oDesk (5601 Projects, $5-$8/Hour)Freelancer (1855 Projects)Elance (1589 Projects, $5-15/Hour)Price: $50 - $500

Sell Templates toThemeForest.net (446 Items)Price: $5 - $10 (Maximum: 344 Sales => $1720)

2. Static Website

Static Website - HTMLWhat is HTML?

Hyper Text Markup LanguageHTML is not a programming languageIt is a markup languageA markup language is a set of markup tagsHTML uses markup tags to describe web

pagesLearn From

www.w3schoos.com

Static Website - CSSWhat is CSS?

Cascading Style SheetsStyles define how to display HTML elementsCSS can save a lot of design workTo create similar design for all pages of a websiteReusable & Easily CustomizableWebsite design can be change by changing CSS

FrameworkCSS Blueprint / 960 Grid System

Static Website - JavascriptWhat is Javascript

JavaScript was designed to add interactivity to HTML

JavaScript is a client side scripting language

JavaScripts are executed on the browserA scripting language is a lightweight

programming languageFramework

JQuery

Projects – PSD to HTMLGet Projects From

oDesk (339 Projects, $10/Hour)Freelancer (67 Projects)Elance (107 Projects, Less than $500)Price: $50 - $500

Sell Templates toThemeForest.net (2374 Items)Price: $3 - $25 (Maximum: 3235 Sales => $32,350)

3. Dynamic Website

Dynamic Website - PHPWhat is PHP?

PHP: Hypertext PreprocessorPHP is a server-side scripting languagePHP scripts are executed on the serverPHP supports many databases (MySQL,

Oracle)PHP is an open source software

Learn Fromwww.w3schools.comhttp://net.tutsplus.com

Dynamic Website - MySQLWhat is MySQL?

MySQL is a database serverMySQL is ideal for both small and large

applicationsMySQL supports standard SQL

How to Start?Install Apache Server > XAMPPwww.w3schools.com

Open Source ScriptsCodeIgniterWordpressJoomlaosCommerceMagento

Projects – PHP/MySQLGet Projects From

oDesk (8620 Projects, $5-$15/Hour)Freelancer (2429 Projects)Elance (2332 Projects)Price: $50 - $5,000

Sell Templates toThemeForest.net (1464 Wordpress Items)Price: $12 - $60 (Max: 9422 Sales => $1,64,885)

For More InformationBlog - http://freelancerstory.blogspot.comSite - http://www.sylhetitacademy.comGroup -

groups.google.com/group/bdosn_outsourcing

Thank You