SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Website Design & Development
Created By: Aarif Habeeb
MCA,SEO & SEM Expert, Website Developer
7791869972
aarifhabeeb@hotmail.com
http://www.appsys.in
So You Want To Build A Website
www.appsys.in
Agenda
 Introduction
 Website Design
 Website Development
 Five step process for effective website design
 Types of Web Pages
 Web Development Languages & Tools
 Let’s go to build a website
 Reference
 Concussion
 Contact us
 Question
 Thank you !
So You Want To Build A Website
www.appsys.in
Introduction
Web development is a broad term for
the work involved in developing a web
site for the Internet.
Web design encompasses many
different skills and disciplines in the
production and maintenance of
websites.
http://www.appsys.in
So You Want To Build A Website
www.appsys.in
Website Design
Web design encompasses many
different skills and disciplines in the
production and maintenance of
websites
So You Want To Build A Website
www.appsys.in
Website Development
Web design encompasses many
different skills and disciplines in the
production and maintenance of
websites
So You Want To Build A Website
www.appsys.in
Five step process for effective
website design
1. Analyse
• Info / content
• Target Audience
• Top 10 Checklist
2. Organise
• Navigation
• Content
• Page layout
• Page design
3. Develop
• Web page layout
• Site layout
• Web page construction
• Graphics techniques
4. Implement
• User Interaction
• Final Checklist
• FTP
• Fine Tune
5. Maintain
• Marketing
• Optimisation
• Traffic analysis
So You Want To Build A Website
www.appsys.in
Types of Web Pages
 Any web site composed from a set of
web pages:
 Some of those pages are static
(abstract) pages while other pages
are dynamics (proactive) pages.
So You Want To Build A Website
www.appsys.in
Web Development Languages &
Tools
1. HTML/DHTML/XHTML
2. Java
3. Web Design Tools e.g. Frontpage,
Dreamweaver.
3. Scripting Languages e.g. VBScript,
Javascript
4. Cascading Style Sheets
5. XML
6. …more!!!
So You Want To Build A Website
www.appsys.in
Let’s go to build a website
 A good advice “Don’t reinvent the wheel “
• Use pre-designed templates.
• Download lovely icons, backgrounds and images from the
internet.
• Use pre-programmed scripts.
www.appsys.in
So You Want To Build A Website
www.appsys.in
Reference
http://www.appsys.in
http://www.wikki.com
http://www.w3school.com
Book:
Website Design & Development
So You Want To Build A Website
www.appsys.in
Contact us
 AppSys Informatics (P) Ltd.
 624, Above Apex Automobile
Near Krishna Mall
Main Tonk Road, Jaipur-302015
Rajasthan, India
www.appsys.in
www.appsys.co.in
www.appsysinformatics.com
 Phone us
 Office: +91-141-4020120
Mobile: +91-9829160120
Email: info@appsys.in
info@appsysinformatics.com
appsys.in@gmail.com
So You Want To Build A Website
www.appsys.in
Question
aarifhabeeb@hotmail.com
www.appsys.in
So You Want To Build A Website
www.appsys.in
Thank you !
Thank you !
www.appsys.in
So You Want To Build A Website
www.appsys.in

Weitere ähnliche Inhalte

Andere mochten auch

Content Strategy: The Key to Effective Web Content
Content Strategy: The Key to Effective Web ContentContent Strategy: The Key to Effective Web Content
Content Strategy: The Key to Effective Web ContentRick Allen
 
Presentasi Web Development
Presentasi Web DevelopmentPresentasi Web Development
Presentasi Web DevelopmentJarvis AI
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development PptBruce Tucker
 
Website Development Process
Website Development ProcessWebsite Development Process
Website Development ProcessHend Al-Khalifa
 
WebSide - eBrouchure & Presentation
WebSide - eBrouchure & PresentationWebSide - eBrouchure & Presentation
WebSide - eBrouchure & PresentationWebSide
 
[Old] Curso de programação web dia 01
[Old] Curso de programação web dia 01[Old] Curso de programação web dia 01
[Old] Curso de programação web dia 01ailton bsj
 
Introduction au Génie Logiciel
Introduction au Génie LogicielIntroduction au Génie Logiciel
Introduction au Génie Logicielguest0032c8
 
3. tutorial html web desain
3. tutorial html web desain3. tutorial html web desain
3. tutorial html web desainfaizibra
 
The Future of the Web: HTML5
The Future of the Web: HTML5The Future of the Web: HTML5
The Future of the Web: HTML5Derek Bender
 
HTML Web Platform
HTML Web PlatformHTML Web Platform
HTML Web Platformdynamis
 
Web design proposal sample
Web design proposal sampleWeb design proposal sample
Web design proposal sampleAdviacent
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginnersjeroenvdmeer
 
Web Development on Web Project Presentation
Web Development on Web Project PresentationWeb Development on Web Project Presentation
Web Development on Web Project PresentationMilind Gokhale
 
A floresta.pptx joana 5ºb
A floresta.pptx joana 5ºbA floresta.pptx joana 5ºb
A floresta.pptx joana 5ºbmanuela016
 
Revisões aula de apoio
Revisões aula de apoioRevisões aula de apoio
Revisões aula de apoiomanuela016
 
Ficha formativa novembro 2017
Ficha formativa novembro 2017Ficha formativa novembro 2017
Ficha formativa novembro 2017manuela016
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS PresentationShawn Calvert
 

Andere mochten auch (20)

Content Strategy: The Key to Effective Web Content
Content Strategy: The Key to Effective Web ContentContent Strategy: The Key to Effective Web Content
Content Strategy: The Key to Effective Web Content
 
Presentasi Web Development
Presentasi Web DevelopmentPresentasi Web Development
Presentasi Web Development
 
Web development
Web developmentWeb development
Web development
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
 
Website Development Process
Website Development ProcessWebsite Development Process
Website Development Process
 
HTTP & HTML & Web
HTTP & HTML & WebHTTP & HTML & Web
HTTP & HTML & Web
 
WebSide - eBrouchure & Presentation
WebSide - eBrouchure & PresentationWebSide - eBrouchure & Presentation
WebSide - eBrouchure & Presentation
 
[Old] Curso de programação web dia 01
[Old] Curso de programação web dia 01[Old] Curso de programação web dia 01
[Old] Curso de programação web dia 01
 
Introduction au Génie Logiciel
Introduction au Génie LogicielIntroduction au Génie Logiciel
Introduction au Génie Logiciel
 
3. tutorial html web desain
3. tutorial html web desain3. tutorial html web desain
3. tutorial html web desain
 
The Future of the Web: HTML5
The Future of the Web: HTML5The Future of the Web: HTML5
The Future of the Web: HTML5
 
HTML Web Platform
HTML Web PlatformHTML Web Platform
HTML Web Platform
 
Introduction to WEB HTML, CSS
Introduction to WEB HTML, CSSIntroduction to WEB HTML, CSS
Introduction to WEB HTML, CSS
 
Web design proposal sample
Web design proposal sampleWeb design proposal sample
Web design proposal sample
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
 
Web Development on Web Project Presentation
Web Development on Web Project PresentationWeb Development on Web Project Presentation
Web Development on Web Project Presentation
 
A floresta.pptx joana 5ºb
A floresta.pptx joana 5ºbA floresta.pptx joana 5ºb
A floresta.pptx joana 5ºb
 
Revisões aula de apoio
Revisões aula de apoioRevisões aula de apoio
Revisões aula de apoio
 
Ficha formativa novembro 2017
Ficha formativa novembro 2017Ficha formativa novembro 2017
Ficha formativa novembro 2017
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS Presentation
 

Kürzlich hochgeladen

Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Scott Andery
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...AliaaTarek5
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesThousandEyes
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 

Kürzlich hochgeladen (20)

Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 

Website design & development.ppt

  • 1. Website Design & Development Created By: Aarif Habeeb MCA,SEO & SEM Expert, Website Developer 7791869972 aarifhabeeb@hotmail.com http://www.appsys.in So You Want To Build A Website www.appsys.in
  • 2. Agenda  Introduction  Website Design  Website Development  Five step process for effective website design  Types of Web Pages  Web Development Languages & Tools  Let’s go to build a website  Reference  Concussion  Contact us  Question  Thank you ! So You Want To Build A Website www.appsys.in
  • 3. Introduction Web development is a broad term for the work involved in developing a web site for the Internet. Web design encompasses many different skills and disciplines in the production and maintenance of websites. http://www.appsys.in So You Want To Build A Website www.appsys.in
  • 4. Website Design Web design encompasses many different skills and disciplines in the production and maintenance of websites So You Want To Build A Website www.appsys.in
  • 5. Website Development Web design encompasses many different skills and disciplines in the production and maintenance of websites So You Want To Build A Website www.appsys.in
  • 6. Five step process for effective website design 1. Analyse • Info / content • Target Audience • Top 10 Checklist 2. Organise • Navigation • Content • Page layout • Page design 3. Develop • Web page layout • Site layout • Web page construction • Graphics techniques 4. Implement • User Interaction • Final Checklist • FTP • Fine Tune 5. Maintain • Marketing • Optimisation • Traffic analysis So You Want To Build A Website www.appsys.in
  • 7. Types of Web Pages  Any web site composed from a set of web pages:  Some of those pages are static (abstract) pages while other pages are dynamics (proactive) pages. So You Want To Build A Website www.appsys.in
  • 8. Web Development Languages & Tools 1. HTML/DHTML/XHTML 2. Java 3. Web Design Tools e.g. Frontpage, Dreamweaver. 3. Scripting Languages e.g. VBScript, Javascript 4. Cascading Style Sheets 5. XML 6. …more!!! So You Want To Build A Website www.appsys.in
  • 9. Let’s go to build a website  A good advice “Don’t reinvent the wheel “ • Use pre-designed templates. • Download lovely icons, backgrounds and images from the internet. • Use pre-programmed scripts. www.appsys.in So You Want To Build A Website www.appsys.in
  • 11. Contact us  AppSys Informatics (P) Ltd.  624, Above Apex Automobile Near Krishna Mall Main Tonk Road, Jaipur-302015 Rajasthan, India www.appsys.in www.appsys.co.in www.appsysinformatics.com  Phone us  Office: +91-141-4020120 Mobile: +91-9829160120 Email: info@appsys.in info@appsysinformatics.com appsys.in@gmail.com So You Want To Build A Website www.appsys.in
  • 13. Thank you ! Thank you ! www.appsys.in So You Want To Build A Website www.appsys.in