SlideShare a Scribd company logo
1 of 15
Download to read offline
What is website??
It is a set of related web
pages typically served from
a single web domain. A
website is hosted on at least
one web server, accessible
via a network such as the
Internet or a private local
area network through an
Internet address known as a
Uniform resource locator. All
publicly accessible websites
collectively constitute the
World Wide Web
DESIGNING A WEB SITE
Web design is a similar
process of creation, with the
intention of presenting the
content on electronic web
pages, which the end-users
can access through the
internet with the help of a
web browser. Elements of
Web Design. Web design
uses many of the same key
visual elements as all types
of design
USE PROFESSIONAL TOOLS
You can use some software called a web editor
are as follows.
DREAMWEAVER ADOBE FLASH
 STUDY OTHER WEBSITES
&
USE WEB RESOURCES
Look at web sites you and other users thinks are
engaging. analyse what design elements are being used
and see how they are functioning then try to emulate what
you see by crating prototype pages. There are pages of
extensions, but one called web Developer is very useful to
designers and web masters. Palette grabber is another
extension that allows web developers to see a display of
color codes just by picking any color on web site.
Look at websites that gives lots of hints on design one
such site is useit.com
EXAMINE THE WEB SITE OF PROFESSINAL
WEBSITE DESIGNERS.
&
USE THE TOOLS YOU’VE LEARNED
See at the website and point out some points to
do best your website .for example “what works”
?? Behind running a website. How can
interactive with multiple user and take a
feedback of it.
Tools help you to compare and contrast the
many websites you will visit as you go about
learning web page design.
CONSULT THE BOOKS
Something that can add to your expertise in this new field is to read about web
designing. So books are as follows:
W . W . performance dashboards: measuring , monitoring, and managing your
business . New York: john Wiley & sons,Inc-2005
The effective visual communication of data incorporated – 2006
The web designing idea book -2008
 CSS
AJEX & PHP
 CREATE TEMPLATES
If you adopt a standard looking
page for most of the pages you
create. You will get the web site up
and running quickly and it will
consistently look good web sites may
be made using cascading style
sheets (CSS)
That allows the designer to specify
the color , font size, font type , and
many other attributes only once.
USE PLAUG-INS , AUDIO , AND VIDEO
It is wonderful to have features that the professional pages have
but remember that every one looking at your site doesn’t have
every new Plug-In. don’t discourage visitors to your page
LOOK AT SOME POOR WEB PAGES
Good Format Bad Format
 PALN AHEAD PAY ATTENTION TO
FOLLOWING:-
STRUCTURE
 To help plan and maintain a solid structure a
web master can benefit from using one of the
many website diagramming and mapping tools
available . Many software packages ,including
Microsoft Visio. Have web charting options built
into software.
Website logo
Chat roomsQuick links
Links to
sub-webs
Search
engine
Feature storyJpeg image
STRUCTURE
QUICK LINKS
Cell phones Tablets and Micro software
Interactive Schedule
2/28 8:pm EDI
Con of old cell phones tell
us about the future
Menu bar
 CONTENT:-
 provide something to web site users. “stickiness”
is a quality a web site can possess. If a user stays at your site
for a long period of time at your site has a high degree of
stickiness ,That is why a merchant includes many items of
the wine or choose a proper glass.
Every web site should include an FAQ (frequently asked
questions)
Page. Often these are created based on the experiences of
users and technical support people who identify the topics of
continuing concern
TEXT:-
 Remember that text is important too each web
page should have a title place meaningful words in the first
sentence appearing on your web page. Let people know that
they have indeed navigated to the right web site. Clear writing
is especially important.
 GRAPHICS:-
 Use one of most commonly used images formats, JPEG or
GIF.JPEG are best for photographs and GIF are best for art work images
GIF are limited to 256 color but may include a transparent back ground ,
pixels that allows the background to show through the GIF image.
Keep the back ground simple and make sure users can read the text
clearly when using a background pattern make sure that you can see
the text clearly on top of it.
 create a few professional looking graphics for use on your pages.
PRESENTATION STYLE:-
 Provide an entry display also called home page that
introduces the visitor to the web site. The page must be designed to load
quickly .a useful rule of thumb is to design a page that will load in 14
seconds.
Keep the number of graphics to a reasonable minimum .It takes
additional download time to transfer a graphics intensive
 NAVIGATION:-
 It is fun for you to follow links on the web? The answer
most likely is that it depends. When you discover a web site that loads
easily, has meaningful links, and allows you to easily return to the place
you want to go back to then chances are you think it is fun. But it effect
on making computer training effective.
Most importantly , observe the three clicks rules. Users should be able
to move from the page they are currently on to the page.
PROMOTION:-
 promote your site don’t assume that search engines will
find you right away. Submit your site every few month to various search
engines. Will use to link search requests to your site .
MAINTAINING:-
 As a web developer you may also be asked to maintain
and update web sites on an ongoing basis. This is a services you can
provide and the payment can be agreed upon during initial Project
contract negotiation and project budgeting.
CREATING BLOGS (WEB LOGS)
 Blogs also called web
logs are being written
by corporate users for
both internal and
external
communication. Blogs
are informal and
personal and they often
invite comments and
feedback.
They are easy to
create and update and
are designed to change
daily
Soodam

More Related Content

What's hot

Fb Webinar WP Plugin
Fb Webinar WP PluginFb Webinar WP Plugin
Fb Webinar WP Plugin
Ruzaidi Anwar
 

What's hot (20)

Internship Presentation 2 Web Developer
Internship Presentation 2 Web DeveloperInternship Presentation 2 Web Developer
Internship Presentation 2 Web Developer
 
20 web design tips
20 web design tips20 web design tips
20 web design tips
 
I Do Websites.Com.Au Website Publisher Pp
I Do Websites.Com.Au Website Publisher PpI Do Websites.Com.Au Website Publisher Pp
I Do Websites.Com.Au Website Publisher Pp
 
WEB DESIGNING
WEB DESIGNINGWEB DESIGNING
WEB DESIGNING
 
Lecture 1: Web Design + Usability
Lecture 1: Web Design + UsabilityLecture 1: Web Design + Usability
Lecture 1: Web Design + Usability
 
website
website website
website
 
Web development company la
Web development company laWeb development company la
Web development company la
 
Weebly review
Weebly reviewWeebly review
Weebly review
 
Principle of a good web design
Principle of a good web designPrinciple of a good web design
Principle of a good web design
 
Quick Web Accessibility - Sensory Therapy Gardens Manual
Quick Web Accessibility - Sensory Therapy Gardens ManualQuick Web Accessibility - Sensory Therapy Gardens Manual
Quick Web Accessibility - Sensory Therapy Gardens Manual
 
Why responsive web design may be a must!
Why responsive web design may be a must!Why responsive web design may be a must!
Why responsive web design may be a must!
 
Web designing
Web designingWeb designing
Web designing
 
8 web design facts that we know
8 web design facts that we know8 web design facts that we know
8 web design facts that we know
 
Fb Webinar WP Plugin
Fb Webinar WP PluginFb Webinar WP Plugin
Fb Webinar WP Plugin
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and Elements
 
Accessibility, SEO and Joomla
Accessibility, SEO and JoomlaAccessibility, SEO and Joomla
Accessibility, SEO and Joomla
 
How to Make a Mobile-Ready WordPress Website
How to Make a Mobile-Ready WordPress WebsiteHow to Make a Mobile-Ready WordPress Website
How to Make a Mobile-Ready WordPress Website
 
Best Web Designing Courses- Classes in Pune | Web Designing Training in pune ...
Best Web Designing Courses- Classes in Pune | Web Designing Training in pune ...Best Web Designing Courses- Classes in Pune | Web Designing Training in pune ...
Best Web Designing Courses- Classes in Pune | Web Designing Training in pune ...
 
Web Design Lancashire
Web Design LancashireWeb Design Lancashire
Web Design Lancashire
 
Get
Get Get
Get
 

Similar to Soodam

Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
academicjfurio
 
Responsive Website Design
Responsive Website DesignResponsive Website Design
Responsive Website Design
Arin Shamima
 
Empowerment Technology- PowerPoint Presentation copy.pptx
Empowerment Technology- PowerPoint Presentation copy.pptxEmpowerment Technology- PowerPoint Presentation copy.pptx
Empowerment Technology- PowerPoint Presentation copy.pptx
Arcee Mondragon
 
PDF 1.pdf
PDF 1.pdfPDF 1.pdf
PDF 1.pdf
Shanta Nusrat
 

Similar to Soodam (20)

Webpage and ict
Webpage and ictWebpage and ict
Webpage and ict
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web design
 
Web Design by Client Perspective
 Web Design by Client Perspective Web Design by Client Perspective
Web Design by Client Perspective
 
Responsive Website Design
Responsive Website DesignResponsive Website Design
Responsive Website Design
 
Web development
Web developmentWeb development
Web development
 
webdevelopment-210628031421.pdf
webdevelopment-210628031421.pdfwebdevelopment-210628031421.pdf
webdevelopment-210628031421.pdf
 
What are a website developer and its scope?
What are a website developer and its scope?What are a website developer and its scope?
What are a website developer and its scope?
 
Empowerment Technology- PowerPoint Presentation copy.pptx
Empowerment Technology- PowerPoint Presentation copy.pptxEmpowerment Technology- PowerPoint Presentation copy.pptx
Empowerment Technology- PowerPoint Presentation copy.pptx
 
Empowerment Technology- PowerPoint Presentation copy.pdf
Empowerment Technology- PowerPoint Presentation copy.pdfEmpowerment Technology- PowerPoint Presentation copy.pdf
Empowerment Technology- PowerPoint Presentation copy.pdf
 
Web Design Guide
Web Design Guide Web Design Guide
Web Design Guide
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designing
 
presentation-web-designing.pdf
presentation-web-designing.pdfpresentation-web-designing.pdf
presentation-web-designing.pdf
 
PDF 1.pdf
PDF 1.pdfPDF 1.pdf
PDF 1.pdf
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
 
Bootstrap 4 Online Training Course Book Sample
Bootstrap 4 Online Training Course Book SampleBootstrap 4 Online Training Course Book Sample
Bootstrap 4 Online Training Course Book Sample
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
 

Recently uploaded

Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 

Soodam

  • 1. What is website?? It is a set of related web pages typically served from a single web domain. A website is hosted on at least one web server, accessible via a network such as the Internet or a private local area network through an Internet address known as a Uniform resource locator. All publicly accessible websites collectively constitute the World Wide Web
  • 2. DESIGNING A WEB SITE Web design is a similar process of creation, with the intention of presenting the content on electronic web pages, which the end-users can access through the internet with the help of a web browser. Elements of Web Design. Web design uses many of the same key visual elements as all types of design
  • 3. USE PROFESSIONAL TOOLS You can use some software called a web editor are as follows. DREAMWEAVER ADOBE FLASH
  • 4.  STUDY OTHER WEBSITES & USE WEB RESOURCES Look at web sites you and other users thinks are engaging. analyse what design elements are being used and see how they are functioning then try to emulate what you see by crating prototype pages. There are pages of extensions, but one called web Developer is very useful to designers and web masters. Palette grabber is another extension that allows web developers to see a display of color codes just by picking any color on web site. Look at websites that gives lots of hints on design one such site is useit.com
  • 5. EXAMINE THE WEB SITE OF PROFESSINAL WEBSITE DESIGNERS. & USE THE TOOLS YOU’VE LEARNED See at the website and point out some points to do best your website .for example “what works” ?? Behind running a website. How can interactive with multiple user and take a feedback of it. Tools help you to compare and contrast the many websites you will visit as you go about learning web page design.
  • 6. CONSULT THE BOOKS Something that can add to your expertise in this new field is to read about web designing. So books are as follows: W . W . performance dashboards: measuring , monitoring, and managing your business . New York: john Wiley & sons,Inc-2005 The effective visual communication of data incorporated – 2006 The web designing idea book -2008  CSS AJEX & PHP
  • 7.  CREATE TEMPLATES If you adopt a standard looking page for most of the pages you create. You will get the web site up and running quickly and it will consistently look good web sites may be made using cascading style sheets (CSS) That allows the designer to specify the color , font size, font type , and many other attributes only once. USE PLAUG-INS , AUDIO , AND VIDEO It is wonderful to have features that the professional pages have but remember that every one looking at your site doesn’t have every new Plug-In. don’t discourage visitors to your page
  • 8. LOOK AT SOME POOR WEB PAGES Good Format Bad Format
  • 9.  PALN AHEAD PAY ATTENTION TO FOLLOWING:- STRUCTURE  To help plan and maintain a solid structure a web master can benefit from using one of the many website diagramming and mapping tools available . Many software packages ,including Microsoft Visio. Have web charting options built into software.
  • 10. Website logo Chat roomsQuick links Links to sub-webs Search engine Feature storyJpeg image STRUCTURE QUICK LINKS Cell phones Tablets and Micro software Interactive Schedule 2/28 8:pm EDI Con of old cell phones tell us about the future Menu bar
  • 11.  CONTENT:-  provide something to web site users. “stickiness” is a quality a web site can possess. If a user stays at your site for a long period of time at your site has a high degree of stickiness ,That is why a merchant includes many items of the wine or choose a proper glass. Every web site should include an FAQ (frequently asked questions) Page. Often these are created based on the experiences of users and technical support people who identify the topics of continuing concern TEXT:-  Remember that text is important too each web page should have a title place meaningful words in the first sentence appearing on your web page. Let people know that they have indeed navigated to the right web site. Clear writing is especially important.
  • 12.  GRAPHICS:-  Use one of most commonly used images formats, JPEG or GIF.JPEG are best for photographs and GIF are best for art work images GIF are limited to 256 color but may include a transparent back ground , pixels that allows the background to show through the GIF image. Keep the back ground simple and make sure users can read the text clearly when using a background pattern make sure that you can see the text clearly on top of it.  create a few professional looking graphics for use on your pages. PRESENTATION STYLE:-  Provide an entry display also called home page that introduces the visitor to the web site. The page must be designed to load quickly .a useful rule of thumb is to design a page that will load in 14 seconds. Keep the number of graphics to a reasonable minimum .It takes additional download time to transfer a graphics intensive
  • 13.  NAVIGATION:-  It is fun for you to follow links on the web? The answer most likely is that it depends. When you discover a web site that loads easily, has meaningful links, and allows you to easily return to the place you want to go back to then chances are you think it is fun. But it effect on making computer training effective. Most importantly , observe the three clicks rules. Users should be able to move from the page they are currently on to the page. PROMOTION:-  promote your site don’t assume that search engines will find you right away. Submit your site every few month to various search engines. Will use to link search requests to your site . MAINTAINING:-  As a web developer you may also be asked to maintain and update web sites on an ongoing basis. This is a services you can provide and the payment can be agreed upon during initial Project contract negotiation and project budgeting.
  • 14. CREATING BLOGS (WEB LOGS)  Blogs also called web logs are being written by corporate users for both internal and external communication. Blogs are informal and personal and they often invite comments and feedback. They are easy to create and update and are designed to change daily