Download - Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development
![Page 1: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/1.jpg)
Mohammad Zakaria Chowdhury
Director, Sylhet IT Academy
Freelancing withWebsite Development
![Page 2: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/2.jpg)
Overview1. Website Template Design
2. Static WebsiteHTMLCSSJavascript
3. Dynamic WebsitePHPMySQL
![Page 3: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/3.jpg)
1. Website Template Design
![Page 4: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/4.jpg)
Website Template DesignNecessary Software
Photoshop (PSD File)Illustrator
Design Idea fromwww.ThemeForest.net
Learn Fromhttp://psd.tutsplus.comhttp://webdesign.tutsplus.com
![Page 5: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/5.jpg)
Website Template DesignDesign Theory
Web 2.0Z LayoutF LayoutColor TheoryVisual Hierarchy
![Page 6: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/6.jpg)
Z Layout
![Page 7: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/7.jpg)
Z Layout
![Page 8: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/8.jpg)
F Layout
![Page 9: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/9.jpg)
F Layout
![Page 10: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/10.jpg)
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)
![Page 11: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/11.jpg)
2. Static Website
![Page 12: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/12.jpg)
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
![Page 13: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/13.jpg)
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
![Page 14: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/14.jpg)
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
![Page 15: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/15.jpg)
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)
![Page 16: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/16.jpg)
3. Dynamic Website
![Page 17: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/17.jpg)
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
![Page 18: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/18.jpg)
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
![Page 19: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/19.jpg)
Open Source ScriptsCodeIgniterWordpressJoomlaosCommerceMagento
![Page 20: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/20.jpg)
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)
![Page 21: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/21.jpg)
For More InformationBlog - http://freelancerstory.blogspot.comSite - http://www.sylhetitacademy.comGroup -
groups.google.com/group/bdosn_outsourcing
![Page 22: Mohammad Zakaria Chowdhury Director, Sylhet IT Academy Freelancing with Website Development](https://reader033.vdocuments.us/reader033/viewer/2022061304/5513de135503463a298b5732/html5/thumbnails/22.jpg)
Thank You