SlideShare ist ein Scribd-Unternehmen logo
1 von 25
Submitted to :-
MRS. a.a.kujoor
(H.O.D. of it department)
1
Submitted by:-
Rupesh sahu
B.e. iVth sem
enroll no.:-0601it131043
INTRODUCTION
 Web design encompasses many different skills and
disciplines in the production and maintenance of
websites. The different areas of web design include
web graphic design; interface design; authoring,
including standardised code and proprietary
software; user experience design; and search
engine optimization.
Web Components
 Clients and Servers
 Internet Service Providers
 Web Site Hosting Services
 Domains Names, URL’s and Ips
 Registrars
Clients & Servers
Clients (Browser)
 Internet Explorer
 Firefox
 Mozilla
 Netscape
 Opera
 Amaya
 AOL
 MSN
Servers
 Apache
 Microsoft
 Netscape
 zeus
 AOLserver
 AV
 JavaWebServer
 Oracle
Internet Service Providers
Connect Clients to the Internet
 Phone Company
 AOL
 Earthlink
 Verizone
 NetZero
 Basic internet
connection
 Dialup/DSL/Cable/S
at
 Email
Web Hosting Services
Connects Web Sites to the Internet
 Computer (server) farm
 Web server software
 Firewall hardware and software
 IT services
 (Backup, troubleshooting, hardware repair)
 Disk space
 Bandwidth / connection to internet
 Routers and switchers
 Email server / storage
Domain’s URL’s and IPs
 Domain name: The specific address of a computer on the Internet
 microsoft.com
 Uniform Resource Locator (URL):
 http://www.microsoft.com/faqs.html
 Internet protocol (IP) address
 192.168.1.1
Domain Registrar
 A company that provides domain name registration services for a
fee.
 Maintain database which maps domain names to IP’s
 Propagate new domain name/IP address information across the
internet
Creating a Web Site
1. Choose a domain name
2. Register with a Registrar
3. Choose a hosting service
4. Tell Registrar the IP address
5. Create web content
6. Store (publish) onto hosting server (FTP)
7. Submit new site to search engines
12 Principles of good web design
1. Visitor-centric, clear purpose
2. Progressive disclosure
3. Displays quickly
4. Browser compatible
5. Intuitive navigation
6. Spelling, grammar, writing
7. Secure (eCommerce)
8. Attractive design, easy to read
9. Cultural bias? (Regional? Domestic? International?)
10. No technical problems (broken links, buggy scripts)
11. Maintainable (separate content from style)
12. Search Engine Accessible
Creating your Web Site
Technologies & Tools
 Markup Languages
 HTML, DHTML, XML, XSLT, etc....
 Cascading Style Sheets (CSS)
 Scripting languages
 perl,javascript,php, etc....
 Web creation and editing software
 Notepad, FrontPage, Coldfusion, Flash, Hotmetal, Site Builder, etc..
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!!!
Markup Languages - HTML
Derived from SGML
(Standard Generalized Markup Language )
 HyperText Markup Language
HTML Fundamentals
 Clear text, case insensitive
 Ignores white space
 Comprised of tags <tag />
 Open tags and closed tags
HTML – Fundamentals
Document Structure
Header
Body
< / HTML>
< HTML >
HTML – Fundamentals
Basic Structure
<html>
<head>
<title> The title of your html page </title>
<meta_tags/>
</head>
<body>
<! - - your web page content and markup - ->
</body>
</html>
HTML - Fundamentals
header
<body>
Hello world
</body>
HTML – Fundamentals
Tables
<TABLE BORDER=1 WIDTH=“50%" CELLPADDING=“6” CELLSPACING=“2”
ALIGN="RIGHT">
<CAPTION ALIGN="bottom">Class Grades</CAPTION>
<TR>
<TH>Student</TH>
<TH>Grade</TH>
</TR>
<TR>
<TD>Tom</TD>
<TD>B+</TD>
</TR>
<TR>
<TD>Sue</TD>
<TD>A-</TD>
</TR>
</TABLE>
HTML – Fundamentals
Tables
Student Grade
Tom B-
Sue A+
Class Grades
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.
A dynamic page that will
take user name and
password and check it to
allow login.
A static page with no
interaction that user will
only read and close if.
How Browser
Fetches A Web
Page ???
ADVERTISING ON YOUR WEBSITE
WITH ADSENCE
1.SIGN UP ON GOOGLE ADSENCE.
2. CREATE AD UNITS ON ADSENCE.
3.COPY THE CODES OF AVERTISEMENT ON YOUR
WEBSITE.
WHEN SOME ONE VISITS ADS FROM YOUR SITE SO
GOOLE PAY YOU FOR EVERY CLICKS.
Visit my own site
www.keepmovingforward.asia
thankyou

Weitere ähnliche Inhalte

Ähnlich wie rupesh's ppt on web designing

Net framework
Net frameworkNet framework
Net framework
sumit1503
 
Introduction to .net and asp
Introduction to .net and aspIntroduction to .net and asp
Introduction to .net and asp
Prachi Agarwal
 
MOSS 2007 Deployment Fundamentals -Part1
MOSS 2007 Deployment Fundamentals -Part1MOSS 2007 Deployment Fundamentals -Part1
MOSS 2007 Deployment Fundamentals -Part1
Information Technology
 
Technologies Skills
Technologies SkillsTechnologies Skills
Technologies Skills
S LMS
 
Technologies Skills
Technologies SkillsTechnologies Skills
Technologies Skills
Deepak Raj
 

Ähnlich wie rupesh's ppt on web designing (20)

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
 
Net framework
Net frameworkNet framework
Net framework
 
Introduction to .net and asp
Introduction to .net and aspIntroduction to .net and asp
Introduction to .net and asp
 
MOSS 2007 Deployment Fundamentals -Part1
MOSS 2007 Deployment Fundamentals -Part1MOSS 2007 Deployment Fundamentals -Part1
MOSS 2007 Deployment Fundamentals -Part1
 
web development process WT
web development process WTweb development process WT
web development process WT
 
Wt unit 1 ppts web development process
Wt unit 1 ppts web development processWt unit 1 ppts web development process
Wt unit 1 ppts web development process
 
Technologies Need to Know
Technologies Need to KnowTechnologies Need to Know
Technologies Need to Know
 
Introduction to web_design_cs_final_ason
Introduction to web_design_cs_final_asonIntroduction to web_design_cs_final_ason
Introduction to web_design_cs_final_ason
 
online music store
online music storeonline music store
online music store
 
Web technology today
Web technology todayWeb technology today
Web technology today
 
Ie9 overview
Ie9 overviewIe9 overview
Ie9 overview
 
php
phpphp
php
 
Unit 01 (1).pdf
Unit 01 (1).pdfUnit 01 (1).pdf
Unit 01 (1).pdf
 
HTTP and Website Architecture and Middleware
HTTP and Website Architecture and MiddlewareHTTP and Website Architecture and Middleware
HTTP and Website Architecture and Middleware
 
Webtechnologies
Webtechnologies Webtechnologies
Webtechnologies
 
asp
aspasp
asp
 
Ncp computer appls web tech asish
Ncp computer appls  web tech asishNcp computer appls  web tech asish
Ncp computer appls web tech asish
 
Web technology
Web technologyWeb technology
Web technology
 
Technologies Skills
Technologies SkillsTechnologies Skills
Technologies Skills
 
Technologies Skills
Technologies SkillsTechnologies Skills
Technologies Skills
 

Kürzlich hochgeladen

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Kürzlich hochgeladen (20)

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 

rupesh's ppt on web designing

  • 1. Submitted to :- MRS. a.a.kujoor (H.O.D. of it department) 1 Submitted by:- Rupesh sahu B.e. iVth sem enroll no.:-0601it131043
  • 2. INTRODUCTION  Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization.
  • 3. Web Components  Clients and Servers  Internet Service Providers  Web Site Hosting Services  Domains Names, URL’s and Ips  Registrars
  • 4. Clients & Servers Clients (Browser)  Internet Explorer  Firefox  Mozilla  Netscape  Opera  Amaya  AOL  MSN Servers  Apache  Microsoft  Netscape  zeus  AOLserver  AV  JavaWebServer  Oracle
  • 5. Internet Service Providers Connect Clients to the Internet  Phone Company  AOL  Earthlink  Verizone  NetZero  Basic internet connection  Dialup/DSL/Cable/S at  Email
  • 6. Web Hosting Services Connects Web Sites to the Internet  Computer (server) farm  Web server software  Firewall hardware and software  IT services  (Backup, troubleshooting, hardware repair)  Disk space  Bandwidth / connection to internet  Routers and switchers  Email server / storage
  • 7. Domain’s URL’s and IPs  Domain name: The specific address of a computer on the Internet  microsoft.com  Uniform Resource Locator (URL):  http://www.microsoft.com/faqs.html  Internet protocol (IP) address  192.168.1.1
  • 8. Domain Registrar  A company that provides domain name registration services for a fee.  Maintain database which maps domain names to IP’s  Propagate new domain name/IP address information across the internet
  • 9. Creating a Web Site 1. Choose a domain name 2. Register with a Registrar 3. Choose a hosting service 4. Tell Registrar the IP address 5. Create web content 6. Store (publish) onto hosting server (FTP) 7. Submit new site to search engines
  • 10. 12 Principles of good web design 1. Visitor-centric, clear purpose 2. Progressive disclosure 3. Displays quickly 4. Browser compatible 5. Intuitive navigation 6. Spelling, grammar, writing 7. Secure (eCommerce) 8. Attractive design, easy to read 9. Cultural bias? (Regional? Domestic? International?) 10. No technical problems (broken links, buggy scripts) 11. Maintainable (separate content from style) 12. Search Engine Accessible
  • 11. Creating your Web Site Technologies & Tools  Markup Languages  HTML, DHTML, XML, XSLT, etc....  Cascading Style Sheets (CSS)  Scripting languages  perl,javascript,php, etc....  Web creation and editing software  Notepad, FrontPage, Coldfusion, Flash, Hotmetal, Site Builder, etc..
  • 12. 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!!!
  • 13. Markup Languages - HTML Derived from SGML (Standard Generalized Markup Language )  HyperText Markup Language
  • 14. HTML Fundamentals  Clear text, case insensitive  Ignores white space  Comprised of tags <tag />  Open tags and closed tags
  • 15. HTML – Fundamentals Document Structure Header Body < / HTML> < HTML >
  • 16. HTML – Fundamentals Basic Structure <html> <head> <title> The title of your html page </title> <meta_tags/> </head> <body> <! - - your web page content and markup - -> </body> </html>
  • 18. HTML – Fundamentals Tables <TABLE BORDER=1 WIDTH=“50%" CELLPADDING=“6” CELLSPACING=“2” ALIGN="RIGHT"> <CAPTION ALIGN="bottom">Class Grades</CAPTION> <TR> <TH>Student</TH> <TH>Grade</TH> </TR> <TR> <TD>Tom</TD> <TD>B+</TD> </TR> <TR> <TD>Sue</TD> <TD>A-</TD> </TR> </TABLE>
  • 19. HTML – Fundamentals Tables Student Grade Tom B- Sue A+ Class Grades
  • 20. 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. A dynamic page that will take user name and password and check it to allow login. A static page with no interaction that user will only read and close if.
  • 21. How Browser Fetches A Web Page ???
  • 22.
  • 23. ADVERTISING ON YOUR WEBSITE WITH ADSENCE 1.SIGN UP ON GOOGLE ADSENCE. 2. CREATE AD UNITS ON ADSENCE. 3.COPY THE CODES OF AVERTISEMENT ON YOUR WEBSITE. WHEN SOME ONE VISITS ADS FROM YOUR SITE SO GOOLE PAY YOU FOR EVERY CLICKS.
  • 24. Visit my own site www.keepmovingforward.asia