SlideShare une entreprise Scribd logo
1  sur  34
Télécharger pour lire hors ligne
WEB DESIGN
& DEVELOPMENT
TECHNOLOGIES
Presented by:
Md. Ekram
Chairman, civintech
Application
» Application is a term for a set of
instructions which makes a computer to
perform a task.
» The set of instructions are
commonly known as a program.
» Many programs are not applications, a
program with a User Interface is an
application.
» Desktop Applications
» Web Applications
Types of Applications
Desktop Application
» Software development began with Desktop
Applications.
» A desktop application means any software
that can be installed on a single computer (laptop or
desktop) and used to perform specific tasks.
» Different type of desktop applications:
•Application for Communication
(Microsoft Outlook)
•Application for Data Analysis and Diagram
(Microsoft Excel)
•Application for Presentation and Graphic
(Microsoft PowerPoint, Adobe Photoshop)
Web Application
» A Web Application is any application that
uses a Browser as a client.
» Online Shopping
•eBay.com
•Amazon.com etc.
» Social Web Application
•Facebook.com
•Twitter.com etc.
What is a Website?
» A website is an address (location) on the World Wide Web (www)
that contains your web pages.
» Basically, a website is your personal online communications
connection to the rest of the world.
» A website is totally different from any other type of publishing,
advertising or communications media.
Website Layers
» Front-End
- HTML
- CSS
- JavaScript
» Back-End
- DBMS
•MySQL
•SQL Server
•Oracle
•SQLite
- Plain Files
- XML Files
HTML ( Hyper Text Markup Language)
Definition
» With HTML you can create your own Website structure and
layouts.
» HTML is not a programming language
» HTML is a markup language with a set of markup tags.
Example
<html>
<head>
<title> welcome</title>
</head>
<body>
<h1> Hello HTML</h1>
</body>
</html>
CSS (Cascading Style Sheet)
» CSS is for control the style and layout of multiple Web pages all at
once.
» CSS affects all pages to which it is linked.
» CSS separate design from Content.
<html>
<head>
<style>
h1 {
font-style: italic; color: red;
font-family: "Verdana, Arial, sans-serif";
font-size: 12pt;
}
</style>
</head>
<body>
<h1> Content </h1>
</body>
</html>
Three Ways to Insert CSS
» There are three ways of inserting a style sheet
•External Style Sheet
•Internal Style Sheet
•Inline Style Sheet
JavaScript
Definition
» A scripting language used to design
interactive Web sites.
» JavaScript allows developers to
create interactive objects such as pop-up
boxes, and drop-down menus….
Example :
<html>
<head>
<script type="text/javascript">
document.write( Date() );
</script>
</head>
</html>
PHP
» PHP is a server-side scripting
language
» A powerful language for making
dynamic and interactive Website and web
applications; same as ASP and JSP does.
» PHP executed on the server and
supports many databases (MSQL, Oracle,
Generic ODBC etc.)
» PHP is open source and free to
download
<?php echo date("Y/m/d"); ?>
Database
» A database is a collection of related
data.
» By data, we mean known facts that
can be recorded and that have implicit
meaning.
•For example, consider the names,
telephone numbers, and addresses of the
people you know. You may have recorded
this data in an indexed address book or you
may have stored it on a hard drive, using a
personal computer and software such as
Microsoft Access or Excel.
» This collection of related data with
an implicit meaning is a database.
MySQL DBMS
» MySQL is a fast, easy-to-use RDBMS
being used for many small and big
businesses.
» MySQL works on many operating
systems and with many languages including
PHP, PERL, C, C++, JAVA, etc .
» MySQL is very friendly to PHP, the
most appreciated language for web
development.
Web Development
Life Cycle
Web Development Life Cycle
Web Development Life Cycle
Step 1 : Discussion
Step 2 : Brainstorming
Step 3 : Wireframe
Step 4 : Planning the Content
Step 5 : Initial Design
Step 6 : Client Feedback
Step 7 : Design Rework
Step 8 : Client Approval
Step 9 : Additional Page Design
Step 10 : Confirmation
Step 11 : Build the HTML
Step 12 : …and the CSS
Step 13 : Present to Client
Step 14 : Test
Step 15 : Launch
The Final Step
Deploy a Website On the Server
» Once you have decided to establish a
web site there are three steps to getting it
online
» Get a domain name - This is your
personal/private address on the Web.
» Find a web hosting service- Here is
where your website will reside . Free vs
Private Web Hosting
» Design, build and upload your
website - The process of website creation.
How develop a web application?

Contenu connexe

Tendances

Tendances (20)

Lecture1: HTML and JavaScript
Lecture1: HTML and JavaScriptLecture1: HTML and JavaScript
Lecture1: HTML and JavaScript
 
Static and Dynamic webpage
Static and Dynamic webpageStatic and Dynamic webpage
Static and Dynamic webpage
 
Introduction css
Introduction cssIntroduction css
Introduction css
 
Html n CSS
Html n CSSHtml n CSS
Html n CSS
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Web Pages
Web PagesWeb Pages
Web Pages
 
Static dynamic and active web pages
Static dynamic and active web pagesStatic dynamic and active web pages
Static dynamic and active web pages
 
Web browsers and web document
Web browsers and web documentWeb browsers and web document
Web browsers and web document
 
Ndim1 2009 Web Design
Ndim1 2009 Web DesignNdim1 2009 Web Design
Ndim1 2009 Web Design
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & Webpage
 
Dynamic Web
Dynamic WebDynamic Web
Dynamic Web
 
Web design
Web designWeb design
Web design
 
Web publishing
Web publishingWeb publishing
Web publishing
 
What is web hosting
What is web hostingWhat is web hosting
What is web hosting
 
Web technology P B Jadhav
Web technology  P B JadhavWeb technology  P B Jadhav
Web technology P B Jadhav
 
Webdesign session1
Webdesign session1Webdesign session1
Webdesign session1
 
Digital Marketing - Key elements of a website
Digital Marketing - Key elements of a websiteDigital Marketing - Key elements of a website
Digital Marketing - Key elements of a website
 
Web development using HTML and CSS
Web development using HTML and CSSWeb development using HTML and CSS
Web development using HTML and CSS
 
UVA MDST 3703 JavaScript 2012-09-27
UVA MDST 3703 JavaScript 2012-09-27UVA MDST 3703 JavaScript 2012-09-27
UVA MDST 3703 JavaScript 2012-09-27
 
Basic Introduction to Web Development
Basic Introduction to Web DevelopmentBasic Introduction to Web Development
Basic Introduction to Web Development
 

Similaire à How develop a web application?

Web Design and Development Life Cycle and Technologies
Web Design and Development Life Cycle and TechnologiesWeb Design and Development Life Cycle and Technologies
Web Design and Development Life Cycle and TechnologiesOXUS 20
 
Web Design and Development Life Cycle and Technologies
Web Design and Development Life Cycle and TechnologiesWeb Design and Development Life Cycle and Technologies
Web Design and Development Life Cycle and TechnologiesAbdul Rahman Sherzad
 
Gettings started with Web development
Gettings started with Web developmentGettings started with Web development
Gettings started with Web developmentUjjwal Ojha
 
Learn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end developmentLearn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end developmentpuneetbatra24
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxRajnirani18
 
Web Design & Development Courses in Pune| 3DOT Technologies
Web Design & Development Courses  in Pune| 3DOT TechnologiesWeb Design & Development Courses  in Pune| 3DOT Technologies
Web Design & Development Courses in Pune| 3DOT Technologiesabeda786
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHPHamdi Hmidi
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx12KritiGaneriwal
 
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...abeda786
 
Web Engineering
Web Engineering  Web Engineering
Web Engineering Al Mamun
 
Fundamentals of Web
Fundamentals of WebFundamentals of Web
Fundamentals of WebSabir Haque
 
Introduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web DevelopmentIntroduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web DevelopmentQurinom Solutions
 
Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.JohnLagman3
 
Web development ppt
Web development pptWeb development ppt
Web development pptParasJain222
 
MCA Society Project Seminar.pptx
MCA Society Project Seminar.pptxMCA Society Project Seminar.pptx
MCA Society Project Seminar.pptxNomearod1
 
project web development
project web developmentproject web development
project web developmentlucky sharma
 

Similaire à How develop a web application? (20)

Web Design and Development Life Cycle and Technologies
Web Design and Development Life Cycle and TechnologiesWeb Design and Development Life Cycle and Technologies
Web Design and Development Life Cycle and Technologies
 
Web Design and Development Life Cycle and Technologies
Web Design and Development Life Cycle and TechnologiesWeb Design and Development Life Cycle and Technologies
Web Design and Development Life Cycle and Technologies
 
Gettings started with Web development
Gettings started with Web developmentGettings started with Web development
Gettings started with Web development
 
Learn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end developmentLearn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end development
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptx
 
Web Design & Development Courses in Pune| 3DOT Technologies
Web Design & Development Courses  in Pune| 3DOT TechnologiesWeb Design & Development Courses  in Pune| 3DOT Technologies
Web Design & Development Courses in Pune| 3DOT Technologies
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
 
Web Development
Web DevelopmentWeb Development
Web Development
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
 
Mini Project PPT.pptx
Mini Project PPT.pptxMini Project PPT.pptx
Mini Project PPT.pptx
 
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
 
Web Desing.pptx
Web Desing.pptxWeb Desing.pptx
Web Desing.pptx
 
Web Engineering
Web Engineering  Web Engineering
Web Engineering
 
Fundamentals of Web
Fundamentals of WebFundamentals of Web
Fundamentals of Web
 
Introduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web DevelopmentIntroduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web Development
 
Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
MCA Society Project Seminar.pptx
MCA Society Project Seminar.pptxMCA Society Project Seminar.pptx
MCA Society Project Seminar.pptx
 
project web development
project web developmentproject web development
project web development
 
Web dev#1
Web dev#1Web dev#1
Web dev#1
 

Plus de Md Ekram

FIVERR exclusive: few buyer request at fiverr
FIVERR exclusive: few buyer request at fiverr FIVERR exclusive: few buyer request at fiverr
FIVERR exclusive: few buyer request at fiverr Md Ekram
 
Modern professional smart CV
Modern professional smart CVModern professional smart CV
Modern professional smart CVMd Ekram
 
Search buyer from social media
Search buyer from social mediaSearch buyer from social media
Search buyer from social mediaMd Ekram
 
Graphic Skill: Income by business card design
Graphic Skill: Income by business card designGraphic Skill: Income by business card design
Graphic Skill: Income by business card designMd Ekram
 
How to promote FIVERR GIG to get non-stop sales?
How to promote FIVERR GIG to get non-stop sales?How to promote FIVERR GIG to get non-stop sales?
How to promote FIVERR GIG to get non-stop sales?Md Ekram
 
10 reasones why infographics is useful to SEO & Digital Marketing
10 reasones why infographics is useful to SEO & Digital Marketing 10 reasones why infographics is useful to SEO & Digital Marketing
10 reasones why infographics is useful to SEO & Digital Marketing Md Ekram
 
50 tips for increase fb like & 50 types of engaging post
50 tips for increase fb like & 50 types of engaging post50 tips for increase fb like & 50 types of engaging post
50 tips for increase fb like & 50 types of engaging postMd Ekram
 
Guest blogging for marketing
Guest blogging for marketingGuest blogging for marketing
Guest blogging for marketingMd Ekram
 
Product Buy Cycle (Sales Funnel)
Product Buy Cycle (Sales Funnel)Product Buy Cycle (Sales Funnel)
Product Buy Cycle (Sales Funnel)Md Ekram
 
Facebook Marketing Guide Line
Facebook Marketing Guide LineFacebook Marketing Guide Line
Facebook Marketing Guide LineMd Ekram
 
Article Writing Tips
Article Writing TipsArticle Writing Tips
Article Writing TipsMd Ekram
 
Online Income by Facebook
Online Income by FacebookOnline Income by Facebook
Online Income by FacebookMd Ekram
 
What is graphic design? How to be a successful designer? career of a designer.
What is graphic design? How to be a successful designer? career of a designer.What is graphic design? How to be a successful designer? career of a designer.
What is graphic design? How to be a successful designer? career of a designer.Md Ekram
 

Plus de Md Ekram (13)

FIVERR exclusive: few buyer request at fiverr
FIVERR exclusive: few buyer request at fiverr FIVERR exclusive: few buyer request at fiverr
FIVERR exclusive: few buyer request at fiverr
 
Modern professional smart CV
Modern professional smart CVModern professional smart CV
Modern professional smart CV
 
Search buyer from social media
Search buyer from social mediaSearch buyer from social media
Search buyer from social media
 
Graphic Skill: Income by business card design
Graphic Skill: Income by business card designGraphic Skill: Income by business card design
Graphic Skill: Income by business card design
 
How to promote FIVERR GIG to get non-stop sales?
How to promote FIVERR GIG to get non-stop sales?How to promote FIVERR GIG to get non-stop sales?
How to promote FIVERR GIG to get non-stop sales?
 
10 reasones why infographics is useful to SEO & Digital Marketing
10 reasones why infographics is useful to SEO & Digital Marketing 10 reasones why infographics is useful to SEO & Digital Marketing
10 reasones why infographics is useful to SEO & Digital Marketing
 
50 tips for increase fb like & 50 types of engaging post
50 tips for increase fb like & 50 types of engaging post50 tips for increase fb like & 50 types of engaging post
50 tips for increase fb like & 50 types of engaging post
 
Guest blogging for marketing
Guest blogging for marketingGuest blogging for marketing
Guest blogging for marketing
 
Product Buy Cycle (Sales Funnel)
Product Buy Cycle (Sales Funnel)Product Buy Cycle (Sales Funnel)
Product Buy Cycle (Sales Funnel)
 
Facebook Marketing Guide Line
Facebook Marketing Guide LineFacebook Marketing Guide Line
Facebook Marketing Guide Line
 
Article Writing Tips
Article Writing TipsArticle Writing Tips
Article Writing Tips
 
Online Income by Facebook
Online Income by FacebookOnline Income by Facebook
Online Income by Facebook
 
What is graphic design? How to be a successful designer? career of a designer.
What is graphic design? How to be a successful designer? career of a designer.What is graphic design? How to be a successful designer? career of a designer.
What is graphic design? How to be a successful designer? career of a designer.
 

Dernier

2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptxSandy Millin
 
How to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesHow to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesCeline George
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17Celine George
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxKatherine Villaluna
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxDr. Asif Anas
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfMohonDas
 
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICEQuality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICESayali Powar
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsEugene Lysak
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphNetziValdelomar1
 
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxAUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxiammrhaywood
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfYu Kanazawa / Osaka University
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxDr. Santhosh Kumar. N
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationMJDuyan
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptxraviapr7
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxMYDA ANGELICA SUAN
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?TechSoup
 

Dernier (20)

Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quizFinals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
 
How to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesHow to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 Sales
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptx
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
 
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdfPersonal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
 
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICEQuality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICE
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George Wells
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
 
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxAUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
 

How develop a web application?

  • 1. WEB DESIGN & DEVELOPMENT TECHNOLOGIES Presented by: Md. Ekram Chairman, civintech
  • 2. Application » Application is a term for a set of instructions which makes a computer to perform a task. » The set of instructions are commonly known as a program. » Many programs are not applications, a program with a User Interface is an application.
  • 3. » Desktop Applications » Web Applications Types of Applications
  • 4. Desktop Application » Software development began with Desktop Applications. » A desktop application means any software that can be installed on a single computer (laptop or desktop) and used to perform specific tasks. » Different type of desktop applications: •Application for Communication (Microsoft Outlook) •Application for Data Analysis and Diagram (Microsoft Excel) •Application for Presentation and Graphic (Microsoft PowerPoint, Adobe Photoshop)
  • 5. Web Application » A Web Application is any application that uses a Browser as a client. » Online Shopping •eBay.com •Amazon.com etc. » Social Web Application •Facebook.com •Twitter.com etc.
  • 6. What is a Website? » A website is an address (location) on the World Wide Web (www) that contains your web pages. » Basically, a website is your personal online communications connection to the rest of the world. » A website is totally different from any other type of publishing, advertising or communications media.
  • 7. Website Layers » Front-End - HTML - CSS - JavaScript » Back-End - DBMS •MySQL •SQL Server •Oracle •SQLite - Plain Files - XML Files
  • 8. HTML ( Hyper Text Markup Language) Definition » With HTML you can create your own Website structure and layouts. » HTML is not a programming language » HTML is a markup language with a set of markup tags. Example <html> <head> <title> welcome</title> </head> <body> <h1> Hello HTML</h1> </body> </html>
  • 9. CSS (Cascading Style Sheet) » CSS is for control the style and layout of multiple Web pages all at once. » CSS affects all pages to which it is linked. » CSS separate design from Content. <html> <head> <style> h1 { font-style: italic; color: red; font-family: "Verdana, Arial, sans-serif"; font-size: 12pt; } </style> </head> <body> <h1> Content </h1> </body> </html>
  • 10. Three Ways to Insert CSS » There are three ways of inserting a style sheet •External Style Sheet •Internal Style Sheet •Inline Style Sheet
  • 11. JavaScript Definition » A scripting language used to design interactive Web sites. » JavaScript allows developers to create interactive objects such as pop-up boxes, and drop-down menus…. Example : <html> <head> <script type="text/javascript"> document.write( Date() ); </script> </head> </html>
  • 12. PHP » PHP is a server-side scripting language » A powerful language for making dynamic and interactive Website and web applications; same as ASP and JSP does. » PHP executed on the server and supports many databases (MSQL, Oracle, Generic ODBC etc.) » PHP is open source and free to download <?php echo date("Y/m/d"); ?>
  • 13. Database » A database is a collection of related data. » By data, we mean known facts that can be recorded and that have implicit meaning. •For example, consider the names, telephone numbers, and addresses of the people you know. You may have recorded this data in an indexed address book or you may have stored it on a hard drive, using a personal computer and software such as Microsoft Access or Excel. » This collection of related data with an implicit meaning is a database.
  • 14. MySQL DBMS » MySQL is a fast, easy-to-use RDBMS being used for many small and big businesses. » MySQL works on many operating systems and with many languages including PHP, PERL, C, C++, JAVA, etc . » MySQL is very friendly to PHP, the most appreciated language for web development.
  • 18. Step 1 : Discussion
  • 19. Step 2 : Brainstorming
  • 20. Step 3 : Wireframe
  • 21. Step 4 : Planning the Content
  • 22. Step 5 : Initial Design
  • 23. Step 6 : Client Feedback
  • 24. Step 7 : Design Rework
  • 25. Step 8 : Client Approval
  • 26. Step 9 : Additional Page Design
  • 27. Step 10 : Confirmation
  • 28. Step 11 : Build the HTML
  • 29. Step 12 : …and the CSS
  • 30. Step 13 : Present to Client
  • 31. Step 14 : Test
  • 32. Step 15 : Launch
  • 33. The Final Step Deploy a Website On the Server » Once you have decided to establish a web site there are three steps to getting it online » Get a domain name - This is your personal/private address on the Web. » Find a web hosting service- Here is where your website will reside . Free vs Private Web Hosting » Design, build and upload your website - The process of website creation.