Freelancing with Website Development

mewstennisSoftware and s/w Development

Nov 4, 2013 (3 years and 8 months ago)

98 views

Mohammad Zakaria Chowdhury

Director, Sylhet IT Academy

Freelancing with

Website Development

Overview

1.
Website Template Design

2.
Static Website


HTML


CSS


Javascript

3.
Dynamic Website


PHP


MySQL

1. Website Template Design

Website Template Design


Necessary Software


Photoshop (PSD File)


Illustrator


Design Idea from


www.ThemeForest.net


Learn From


http://psd.tutsplus.com


http://webdesign.tutsplus.com


Website Template Design


Design Theory


Web 2.0


Z Layout


F Layout


Color Theory


Visual Hierarchy




Z Layout

Z Layout

F Layout

F Layout

Projects
-

Template Design


Get Projects From


oDesk (5601 Projects, $5
-
$8/Hour)


Freelancer (1855 Projects)


Elance (1589 Projects, $5
-
15/Hour)


Price: $50
-

$500


Sell Templates to


ThemeForest.net (446 Items)


Price: $5
-

$10 (Maximum: 344 Sales => $1720)



2. Static Website

Static Website
-

HTML


What is HTML?



H
yper
T
ext
M
arkup
L
anguage


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


Learn From


www.w3schoos.com



Static Website
-

CSS


What is CSS?



C
ascading
S
tyle
S
heets


Styles define how to display HTML elements


CSS can save a lot of design work


To create similar design for all pages of a website


Reusable & Easily Customizable


Website design can be change by changing CSS


Framework


CSS Blueprint / 960 Grid System

Static Website
-

Javascript


What is Javascript


JavaScript was designed to add interactivity
to HTML


JavaScript is a client side scripting language


JavaScripts are executed on the browser


A scripting language is a lightweight
programming language


Framework


JQuery

Projects


PSD to HTML


Get Projects From


oDesk (339 Projects, $10/Hour)


Freelancer (67 Projects)


Elance (107 Projects, Less than $500)


Price: $50
-

$500


Sell Templates to


ThemeForest.net (2374 Items)


Price: $3
-

$25 (Maximum: 3235 Sales => $32,350)



3. Dynamic Website

Dynamic Website
-

PHP


What is PHP?



P
HP:
H
ypertext
P
reprocessor


PHP is a server
-
side scripting language


PHP scripts are executed on the server


PHP supports many databases (MySQL,
Oracle)


PHP is an open source software


Learn From


www.w3schools.com


http://net.tutsplus.com

Dynamic Website
-

MySQL


What is MySQL?


MySQL is a database server


MySQL is ideal for both small and large
applications


MySQL supports standard SQL


How to Start?


Install Apache Server > XAMPP


www.w3schools.com

Open Source Scripts


CodeIgniter


Wordpress


Joomla


osCommerce


Magento

Projects


PHP/MySQL


Get Projects From


oDesk (8620 Projects, $5
-
$15/Hour)


Freelancer (2429 Projects)


Elance (2332 Projects)


Price: $50
-

$5,000


Sell Templates to


ThemeForest.net (1464 Wordpress Items)


Price: $12
-

$60 (Max: 9422 Sales => $1,64,885)



For More Information


Blog
-

http://freelancerstory.blogspot.com


Site
-

http://www.sylhetitacademy.com


Group
-

groups.google.com/group/
bdosn_outsourcing


Thank You