presentation explain at ion
TRANSCRIPT
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 18
INTERNET
The Internet is a global system of interconnected computer networks that use the standard
Internet Protocol Suite (TCPIP) to serve billions of users worldwide It is a network of networks
that consists of millions of private public academic business and government networks of local
to global scope that are linked by a broad array of electronic wireless and optical networkingtechnologies The Internet carries a vast range of information resources and services such as the
inter-linked hypertext documents of the World Wide Web (WWW) and the infrastructure tosupport electronic mail
The origins of the Internet reach back to research of the 1960s commissioned by the United State
government in collaboration with private commercial interests to build robust fault-tolerant and
distributed computer networks The funding of a new US backbone by the National Science
Foundation in the 1980s as well as private funding for other commercial backbones led to
worldwide participation in the development of new networking technologies and the merger of
many networks The commercialization of what was by the 1990s an international network
resulted in its popularization and incorporation into virtually every aspect of modern human life
As of 2009 an estimated quarter of Earths population used the services of the Internet
Terminology -
Internet is a short form of the technical term internetwork the result of interconnecting computer
networks with special gateways or routers The Internet is also often referred to as the Net
The term the Internet when referring to the entire global system of IP networks has been treated
as a proper noun and written with an initial capital letter In the media and popular culture a trend
has also developed to regard it as a generic term or common noun and thus write it as the
internet without capitalization Some guides specify that the word should be capitalized as anoun but not capitalized as an adjective
Depiction of the Internet as a cloud in network diagrams
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 28
The terms Internet and World Wide Web are often used in everyday speech without much
distinction However the Internet and the World Wide Web are not one and the same The
Internet is a global data communications system It is a hardware and software infrastructure that
provides connectivity between computers In contrast the Web is one of the services
communicated via the Internet It is a collection of interconnected documents and other resources
linked by hyperlinks and URLs
[2]
A plaque commemorating the birth of the Internet at Stanford University
Graph of Internet users per 100 inhabitants between 1997 and 2007 by International Telecommunication
Union
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 38
Sociology of the Internet
The Internet has enabled entirely new forms of social interaction activities and organizing
thanks to its basic features such as widespread usability and access Social networking websites
such as Facebook Twitter and MySpace have created new ways to socialize and interact Users
of these sites are able to add a wide variety of information to pages to pursue commoninterests and to connect with others It is also possible to find existing acquaintances to allow
communication among existing groups of people
ROLE OF INTERNET SERVICE PROVIDER
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 48
12 Steps to Creating a Professional Web Design
When measuring the professionalism of a web design and website one must take into
consideration a number of factorssteps
Multi-stage web design process
Project collaboration tools (if project has more than one person involved)
High-quality design
Attention to detail
Current web design technology (CSS)
Well written interesting grammatically-correct content
Usability
XHTML and CSS validation (clean code)
Standards-compliant
Optimization
SEO (Search Engine Optimization) friendly
Abuse of Flash Javascript and sound effects
To put it simply what separates professional web design from web design is whether or not a
designer or web design company takes into consideration the above items when designing andbuilding a website
Step 1 Multi-stage web design process
Stage 1 Conceptualization and planning (flowcharts)
When designing a website one should not begin the process inside of a text editor (BBedit) or
website builder application (Dreamweaver GoLive etc) Instead the process should begin on apiece of paper or within flowchart software According to Wikipedia a flowchart isa schematic
representation of an algorithm or a process
Stage 2 Modeling (wireframes)
In the modeling stage static ldquowireframerdquo mockups are created for each unique web page To
create wireframes one may use eitherpaper and pencil These wireframes contain a bare-bone
skeleton which illustrate the layout of a particular web page
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 58
Stage 3 Execution
The third stage in our professional web design process includes
Creating the graphical user interface (GUI) also known as the design
Creating the content
Converting the web designs from images into code (markup) which web browsers use to
present your website on the Internet
In the final stage reference both the flowcharts created in Stage 1 and the wireframe
mockups created in Stage 2 to create the final page layouts and designs
Step 2 Project collaboration tools
Communication is one of the most important elements in a project When multiple people are
building a website there usually are quite a few e-mails sent back and forth between oneanother The more e-mails exchanged the longer it can take to find a certain e-mail and the
easier it can be to misplace important bits of information This was one of the biggest problems
that our professional web design company faced when we first began ndash there wasnrsquot an easy wa
to organize the e-mails attachments milestones etc
Thankfully after a little bit of research we discovered a project collaboration tool called
Basecamp
Step 3 High-quality design
Despite this fact there are several things that a high-quality design should have
Balance Balance refers to the equal distribution of the heavy and the light elements on a
single page
Unity Unity keeps all of the similar elements in the website alike and those that are
diverse further apart everything should be pulled into one integrated whole
Emphasis Emphasis involves the main points where the eye is drawn into the design alsoknown as ldquofocal pointsrdquo
Contrast Not just color contrast but also contrasting shapes sizes textures and even
typography
Rhythm Also known as repetition rhythm brings internal consistency into your web
design
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 68
Step 4 Attention to detail
Attention to detail is important because it is oftentimes the details in your design which make
your website stand out from the competition (or from other websites in general) People get
bored with the same old design ndash give them something different unique and attractive and
they will come back and visit Heck they may even become inspired by your design
Step 5 Current web design technology (CSS)
CSS ndash also known as cascading style sheets ndash replaced table-based website layouts years ago Th
problem is a lot of web designers are still using tables to create their designs Not only is this
unprofessional but tables just plain suck Here are a number of reasons why using tables for
your web design is a bad idea
Tables slow down your website Everything inside of a tablersquos cell is loaded before being shown
to the user This is especially apparent for people using dial up connections
Step 6 Well written interesting grammatically-correct content
One thing that greatly compromises the quality and credibility of a website is poorly written
grammatically incorrect misspelled content This kind of content is unfortunately present in an
extremely high number of websites ndash especially ldquoprofessionalrdquo company websites
Step 7 Usability
Website usability is extremely important According to usabilitygov
In general usability refers to how well users can learn and use a product to achieve their goals
and how satisfied they are with that process Usability as defined by Joseph Dumas and Janice
(Ginny) Redish means that people who use the product can do so quickly and easily to
accomplish their tasks Usability may also consider such factors as cost-effectiveness and
usefulness
If website usability is poor then people can easily become frustrated and leave your website A
great deal of importance must be placed on website usability if you want your web design to be
of professional quality It is usually poor usability which separates the regular websites from the
professionally designed websites Usability is the most important element of a professionally
designed website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 78
Step 8 XHTML and CSS validation
Some people will argue that validating your website withXHTML and CSS validation from W3org
is a waste of time To be blunt they are wrong (for a number of reasons)
Accessibility Without accessibility you run the risk of being sued For example a disabled persowho cannot use a ldquoconventionalrdquo browser can sue you if your website is inaccessible to them
Although validation doesnrsquot necessarily guarantee accessibility it is an important component of
exercising ones due diligence and is reason enough that you should validate your websitersquos
XHTML and CSS
Step 9 Standards-compliant
Perhaps the most difficult time-consuming aspect of professional web design is making sure
your website is standards-compliant
Taken directly from Wikipedia
Standards-compliant is a term often used in describing websites amp user agentsrsquo (often web
browsers) relative compliance with web standards proposed by the World Wide Web
Consortium (W3C)
Step 10 Optimization
Website optimization is another crucial factor that must be taken into consideration when
professionally designing a website Website optimization includes
Image optimization Next to audio and video images can severely compromise the speed in
which your website loads Always compress your images using Photoshop or your favorite image
compression utility By compressing images you decrease the size of a file which allows a web
page to load quicker which ultimately decreases the chance that your visitor will leave your
website due to long load times
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 88
Step 11 SEO (Search Engine Optimization) friendly
Professionally designed websites should be designed with a solid SEO friendly foundation To
make your website SEO friendly
Donrsquot use Flash If you must use Flash make sure it is used sparingly Flash content is notcrawlable by search engine spiders and therefore the content located inside of Flash files canno
be indexed in the search engines such as Google Yahoo MSN or Ask
Donrsquot use Frames Search Engine Spiders have a difficult time crawling through a website that
uses frames Many Search Engine Spiders will receive the following message when visiting a
website designed using frames
Step 12 Abuse of Flash Javascript and sound effects
The last step in creating a professional web design and website is to avoid the abuse of Flash
Javascript and sound effects Not everyone has Flash or Javascript enabled on their computer
and therefore your website should not be built around them If yoursquore going to use Flash or
Javascript use it sparingly
Try not to use Flash Intros on your website Most people hate waiting for Flash Intros to load
hate being forced to sit through them and hate being surprised by the sound that many of them
have Do not create your website using only Flash Again what about the users who do not have
Flash enabled on their computer That could be a potential client customer or reader who
yoursquore missing out on because of an unnecessary technological limitation
If yoursquore going to use sound effects make sure that they only play if the user enables sound on
your website ndash never force sound effects onto your visitors Nothing screams ldquounprofessionalrdquo
like having a sound effect play each time a navigational item is rolled over or even worse when
the visitor lands on the home page of your website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 28
The terms Internet and World Wide Web are often used in everyday speech without much
distinction However the Internet and the World Wide Web are not one and the same The
Internet is a global data communications system It is a hardware and software infrastructure that
provides connectivity between computers In contrast the Web is one of the services
communicated via the Internet It is a collection of interconnected documents and other resources
linked by hyperlinks and URLs
[2]
A plaque commemorating the birth of the Internet at Stanford University
Graph of Internet users per 100 inhabitants between 1997 and 2007 by International Telecommunication
Union
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 38
Sociology of the Internet
The Internet has enabled entirely new forms of social interaction activities and organizing
thanks to its basic features such as widespread usability and access Social networking websites
such as Facebook Twitter and MySpace have created new ways to socialize and interact Users
of these sites are able to add a wide variety of information to pages to pursue commoninterests and to connect with others It is also possible to find existing acquaintances to allow
communication among existing groups of people
ROLE OF INTERNET SERVICE PROVIDER
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 48
12 Steps to Creating a Professional Web Design
When measuring the professionalism of a web design and website one must take into
consideration a number of factorssteps
Multi-stage web design process
Project collaboration tools (if project has more than one person involved)
High-quality design
Attention to detail
Current web design technology (CSS)
Well written interesting grammatically-correct content
Usability
XHTML and CSS validation (clean code)
Standards-compliant
Optimization
SEO (Search Engine Optimization) friendly
Abuse of Flash Javascript and sound effects
To put it simply what separates professional web design from web design is whether or not a
designer or web design company takes into consideration the above items when designing andbuilding a website
Step 1 Multi-stage web design process
Stage 1 Conceptualization and planning (flowcharts)
When designing a website one should not begin the process inside of a text editor (BBedit) or
website builder application (Dreamweaver GoLive etc) Instead the process should begin on apiece of paper or within flowchart software According to Wikipedia a flowchart isa schematic
representation of an algorithm or a process
Stage 2 Modeling (wireframes)
In the modeling stage static ldquowireframerdquo mockups are created for each unique web page To
create wireframes one may use eitherpaper and pencil These wireframes contain a bare-bone
skeleton which illustrate the layout of a particular web page
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 58
Stage 3 Execution
The third stage in our professional web design process includes
Creating the graphical user interface (GUI) also known as the design
Creating the content
Converting the web designs from images into code (markup) which web browsers use to
present your website on the Internet
In the final stage reference both the flowcharts created in Stage 1 and the wireframe
mockups created in Stage 2 to create the final page layouts and designs
Step 2 Project collaboration tools
Communication is one of the most important elements in a project When multiple people are
building a website there usually are quite a few e-mails sent back and forth between oneanother The more e-mails exchanged the longer it can take to find a certain e-mail and the
easier it can be to misplace important bits of information This was one of the biggest problems
that our professional web design company faced when we first began ndash there wasnrsquot an easy wa
to organize the e-mails attachments milestones etc
Thankfully after a little bit of research we discovered a project collaboration tool called
Basecamp
Step 3 High-quality design
Despite this fact there are several things that a high-quality design should have
Balance Balance refers to the equal distribution of the heavy and the light elements on a
single page
Unity Unity keeps all of the similar elements in the website alike and those that are
diverse further apart everything should be pulled into one integrated whole
Emphasis Emphasis involves the main points where the eye is drawn into the design alsoknown as ldquofocal pointsrdquo
Contrast Not just color contrast but also contrasting shapes sizes textures and even
typography
Rhythm Also known as repetition rhythm brings internal consistency into your web
design
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 68
Step 4 Attention to detail
Attention to detail is important because it is oftentimes the details in your design which make
your website stand out from the competition (or from other websites in general) People get
bored with the same old design ndash give them something different unique and attractive and
they will come back and visit Heck they may even become inspired by your design
Step 5 Current web design technology (CSS)
CSS ndash also known as cascading style sheets ndash replaced table-based website layouts years ago Th
problem is a lot of web designers are still using tables to create their designs Not only is this
unprofessional but tables just plain suck Here are a number of reasons why using tables for
your web design is a bad idea
Tables slow down your website Everything inside of a tablersquos cell is loaded before being shown
to the user This is especially apparent for people using dial up connections
Step 6 Well written interesting grammatically-correct content
One thing that greatly compromises the quality and credibility of a website is poorly written
grammatically incorrect misspelled content This kind of content is unfortunately present in an
extremely high number of websites ndash especially ldquoprofessionalrdquo company websites
Step 7 Usability
Website usability is extremely important According to usabilitygov
In general usability refers to how well users can learn and use a product to achieve their goals
and how satisfied they are with that process Usability as defined by Joseph Dumas and Janice
(Ginny) Redish means that people who use the product can do so quickly and easily to
accomplish their tasks Usability may also consider such factors as cost-effectiveness and
usefulness
If website usability is poor then people can easily become frustrated and leave your website A
great deal of importance must be placed on website usability if you want your web design to be
of professional quality It is usually poor usability which separates the regular websites from the
professionally designed websites Usability is the most important element of a professionally
designed website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 78
Step 8 XHTML and CSS validation
Some people will argue that validating your website withXHTML and CSS validation from W3org
is a waste of time To be blunt they are wrong (for a number of reasons)
Accessibility Without accessibility you run the risk of being sued For example a disabled persowho cannot use a ldquoconventionalrdquo browser can sue you if your website is inaccessible to them
Although validation doesnrsquot necessarily guarantee accessibility it is an important component of
exercising ones due diligence and is reason enough that you should validate your websitersquos
XHTML and CSS
Step 9 Standards-compliant
Perhaps the most difficult time-consuming aspect of professional web design is making sure
your website is standards-compliant
Taken directly from Wikipedia
Standards-compliant is a term often used in describing websites amp user agentsrsquo (often web
browsers) relative compliance with web standards proposed by the World Wide Web
Consortium (W3C)
Step 10 Optimization
Website optimization is another crucial factor that must be taken into consideration when
professionally designing a website Website optimization includes
Image optimization Next to audio and video images can severely compromise the speed in
which your website loads Always compress your images using Photoshop or your favorite image
compression utility By compressing images you decrease the size of a file which allows a web
page to load quicker which ultimately decreases the chance that your visitor will leave your
website due to long load times
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 88
Step 11 SEO (Search Engine Optimization) friendly
Professionally designed websites should be designed with a solid SEO friendly foundation To
make your website SEO friendly
Donrsquot use Flash If you must use Flash make sure it is used sparingly Flash content is notcrawlable by search engine spiders and therefore the content located inside of Flash files canno
be indexed in the search engines such as Google Yahoo MSN or Ask
Donrsquot use Frames Search Engine Spiders have a difficult time crawling through a website that
uses frames Many Search Engine Spiders will receive the following message when visiting a
website designed using frames
Step 12 Abuse of Flash Javascript and sound effects
The last step in creating a professional web design and website is to avoid the abuse of Flash
Javascript and sound effects Not everyone has Flash or Javascript enabled on their computer
and therefore your website should not be built around them If yoursquore going to use Flash or
Javascript use it sparingly
Try not to use Flash Intros on your website Most people hate waiting for Flash Intros to load
hate being forced to sit through them and hate being surprised by the sound that many of them
have Do not create your website using only Flash Again what about the users who do not have
Flash enabled on their computer That could be a potential client customer or reader who
yoursquore missing out on because of an unnecessary technological limitation
If yoursquore going to use sound effects make sure that they only play if the user enables sound on
your website ndash never force sound effects onto your visitors Nothing screams ldquounprofessionalrdquo
like having a sound effect play each time a navigational item is rolled over or even worse when
the visitor lands on the home page of your website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 38
Sociology of the Internet
The Internet has enabled entirely new forms of social interaction activities and organizing
thanks to its basic features such as widespread usability and access Social networking websites
such as Facebook Twitter and MySpace have created new ways to socialize and interact Users
of these sites are able to add a wide variety of information to pages to pursue commoninterests and to connect with others It is also possible to find existing acquaintances to allow
communication among existing groups of people
ROLE OF INTERNET SERVICE PROVIDER
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 48
12 Steps to Creating a Professional Web Design
When measuring the professionalism of a web design and website one must take into
consideration a number of factorssteps
Multi-stage web design process
Project collaboration tools (if project has more than one person involved)
High-quality design
Attention to detail
Current web design technology (CSS)
Well written interesting grammatically-correct content
Usability
XHTML and CSS validation (clean code)
Standards-compliant
Optimization
SEO (Search Engine Optimization) friendly
Abuse of Flash Javascript and sound effects
To put it simply what separates professional web design from web design is whether or not a
designer or web design company takes into consideration the above items when designing andbuilding a website
Step 1 Multi-stage web design process
Stage 1 Conceptualization and planning (flowcharts)
When designing a website one should not begin the process inside of a text editor (BBedit) or
website builder application (Dreamweaver GoLive etc) Instead the process should begin on apiece of paper or within flowchart software According to Wikipedia a flowchart isa schematic
representation of an algorithm or a process
Stage 2 Modeling (wireframes)
In the modeling stage static ldquowireframerdquo mockups are created for each unique web page To
create wireframes one may use eitherpaper and pencil These wireframes contain a bare-bone
skeleton which illustrate the layout of a particular web page
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 58
Stage 3 Execution
The third stage in our professional web design process includes
Creating the graphical user interface (GUI) also known as the design
Creating the content
Converting the web designs from images into code (markup) which web browsers use to
present your website on the Internet
In the final stage reference both the flowcharts created in Stage 1 and the wireframe
mockups created in Stage 2 to create the final page layouts and designs
Step 2 Project collaboration tools
Communication is one of the most important elements in a project When multiple people are
building a website there usually are quite a few e-mails sent back and forth between oneanother The more e-mails exchanged the longer it can take to find a certain e-mail and the
easier it can be to misplace important bits of information This was one of the biggest problems
that our professional web design company faced when we first began ndash there wasnrsquot an easy wa
to organize the e-mails attachments milestones etc
Thankfully after a little bit of research we discovered a project collaboration tool called
Basecamp
Step 3 High-quality design
Despite this fact there are several things that a high-quality design should have
Balance Balance refers to the equal distribution of the heavy and the light elements on a
single page
Unity Unity keeps all of the similar elements in the website alike and those that are
diverse further apart everything should be pulled into one integrated whole
Emphasis Emphasis involves the main points where the eye is drawn into the design alsoknown as ldquofocal pointsrdquo
Contrast Not just color contrast but also contrasting shapes sizes textures and even
typography
Rhythm Also known as repetition rhythm brings internal consistency into your web
design
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 68
Step 4 Attention to detail
Attention to detail is important because it is oftentimes the details in your design which make
your website stand out from the competition (or from other websites in general) People get
bored with the same old design ndash give them something different unique and attractive and
they will come back and visit Heck they may even become inspired by your design
Step 5 Current web design technology (CSS)
CSS ndash also known as cascading style sheets ndash replaced table-based website layouts years ago Th
problem is a lot of web designers are still using tables to create their designs Not only is this
unprofessional but tables just plain suck Here are a number of reasons why using tables for
your web design is a bad idea
Tables slow down your website Everything inside of a tablersquos cell is loaded before being shown
to the user This is especially apparent for people using dial up connections
Step 6 Well written interesting grammatically-correct content
One thing that greatly compromises the quality and credibility of a website is poorly written
grammatically incorrect misspelled content This kind of content is unfortunately present in an
extremely high number of websites ndash especially ldquoprofessionalrdquo company websites
Step 7 Usability
Website usability is extremely important According to usabilitygov
In general usability refers to how well users can learn and use a product to achieve their goals
and how satisfied they are with that process Usability as defined by Joseph Dumas and Janice
(Ginny) Redish means that people who use the product can do so quickly and easily to
accomplish their tasks Usability may also consider such factors as cost-effectiveness and
usefulness
If website usability is poor then people can easily become frustrated and leave your website A
great deal of importance must be placed on website usability if you want your web design to be
of professional quality It is usually poor usability which separates the regular websites from the
professionally designed websites Usability is the most important element of a professionally
designed website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 78
Step 8 XHTML and CSS validation
Some people will argue that validating your website withXHTML and CSS validation from W3org
is a waste of time To be blunt they are wrong (for a number of reasons)
Accessibility Without accessibility you run the risk of being sued For example a disabled persowho cannot use a ldquoconventionalrdquo browser can sue you if your website is inaccessible to them
Although validation doesnrsquot necessarily guarantee accessibility it is an important component of
exercising ones due diligence and is reason enough that you should validate your websitersquos
XHTML and CSS
Step 9 Standards-compliant
Perhaps the most difficult time-consuming aspect of professional web design is making sure
your website is standards-compliant
Taken directly from Wikipedia
Standards-compliant is a term often used in describing websites amp user agentsrsquo (often web
browsers) relative compliance with web standards proposed by the World Wide Web
Consortium (W3C)
Step 10 Optimization
Website optimization is another crucial factor that must be taken into consideration when
professionally designing a website Website optimization includes
Image optimization Next to audio and video images can severely compromise the speed in
which your website loads Always compress your images using Photoshop or your favorite image
compression utility By compressing images you decrease the size of a file which allows a web
page to load quicker which ultimately decreases the chance that your visitor will leave your
website due to long load times
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 88
Step 11 SEO (Search Engine Optimization) friendly
Professionally designed websites should be designed with a solid SEO friendly foundation To
make your website SEO friendly
Donrsquot use Flash If you must use Flash make sure it is used sparingly Flash content is notcrawlable by search engine spiders and therefore the content located inside of Flash files canno
be indexed in the search engines such as Google Yahoo MSN or Ask
Donrsquot use Frames Search Engine Spiders have a difficult time crawling through a website that
uses frames Many Search Engine Spiders will receive the following message when visiting a
website designed using frames
Step 12 Abuse of Flash Javascript and sound effects
The last step in creating a professional web design and website is to avoid the abuse of Flash
Javascript and sound effects Not everyone has Flash or Javascript enabled on their computer
and therefore your website should not be built around them If yoursquore going to use Flash or
Javascript use it sparingly
Try not to use Flash Intros on your website Most people hate waiting for Flash Intros to load
hate being forced to sit through them and hate being surprised by the sound that many of them
have Do not create your website using only Flash Again what about the users who do not have
Flash enabled on their computer That could be a potential client customer or reader who
yoursquore missing out on because of an unnecessary technological limitation
If yoursquore going to use sound effects make sure that they only play if the user enables sound on
your website ndash never force sound effects onto your visitors Nothing screams ldquounprofessionalrdquo
like having a sound effect play each time a navigational item is rolled over or even worse when
the visitor lands on the home page of your website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 48
12 Steps to Creating a Professional Web Design
When measuring the professionalism of a web design and website one must take into
consideration a number of factorssteps
Multi-stage web design process
Project collaboration tools (if project has more than one person involved)
High-quality design
Attention to detail
Current web design technology (CSS)
Well written interesting grammatically-correct content
Usability
XHTML and CSS validation (clean code)
Standards-compliant
Optimization
SEO (Search Engine Optimization) friendly
Abuse of Flash Javascript and sound effects
To put it simply what separates professional web design from web design is whether or not a
designer or web design company takes into consideration the above items when designing andbuilding a website
Step 1 Multi-stage web design process
Stage 1 Conceptualization and planning (flowcharts)
When designing a website one should not begin the process inside of a text editor (BBedit) or
website builder application (Dreamweaver GoLive etc) Instead the process should begin on apiece of paper or within flowchart software According to Wikipedia a flowchart isa schematic
representation of an algorithm or a process
Stage 2 Modeling (wireframes)
In the modeling stage static ldquowireframerdquo mockups are created for each unique web page To
create wireframes one may use eitherpaper and pencil These wireframes contain a bare-bone
skeleton which illustrate the layout of a particular web page
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 58
Stage 3 Execution
The third stage in our professional web design process includes
Creating the graphical user interface (GUI) also known as the design
Creating the content
Converting the web designs from images into code (markup) which web browsers use to
present your website on the Internet
In the final stage reference both the flowcharts created in Stage 1 and the wireframe
mockups created in Stage 2 to create the final page layouts and designs
Step 2 Project collaboration tools
Communication is one of the most important elements in a project When multiple people are
building a website there usually are quite a few e-mails sent back and forth between oneanother The more e-mails exchanged the longer it can take to find a certain e-mail and the
easier it can be to misplace important bits of information This was one of the biggest problems
that our professional web design company faced when we first began ndash there wasnrsquot an easy wa
to organize the e-mails attachments milestones etc
Thankfully after a little bit of research we discovered a project collaboration tool called
Basecamp
Step 3 High-quality design
Despite this fact there are several things that a high-quality design should have
Balance Balance refers to the equal distribution of the heavy and the light elements on a
single page
Unity Unity keeps all of the similar elements in the website alike and those that are
diverse further apart everything should be pulled into one integrated whole
Emphasis Emphasis involves the main points where the eye is drawn into the design alsoknown as ldquofocal pointsrdquo
Contrast Not just color contrast but also contrasting shapes sizes textures and even
typography
Rhythm Also known as repetition rhythm brings internal consistency into your web
design
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 68
Step 4 Attention to detail
Attention to detail is important because it is oftentimes the details in your design which make
your website stand out from the competition (or from other websites in general) People get
bored with the same old design ndash give them something different unique and attractive and
they will come back and visit Heck they may even become inspired by your design
Step 5 Current web design technology (CSS)
CSS ndash also known as cascading style sheets ndash replaced table-based website layouts years ago Th
problem is a lot of web designers are still using tables to create their designs Not only is this
unprofessional but tables just plain suck Here are a number of reasons why using tables for
your web design is a bad idea
Tables slow down your website Everything inside of a tablersquos cell is loaded before being shown
to the user This is especially apparent for people using dial up connections
Step 6 Well written interesting grammatically-correct content
One thing that greatly compromises the quality and credibility of a website is poorly written
grammatically incorrect misspelled content This kind of content is unfortunately present in an
extremely high number of websites ndash especially ldquoprofessionalrdquo company websites
Step 7 Usability
Website usability is extremely important According to usabilitygov
In general usability refers to how well users can learn and use a product to achieve their goals
and how satisfied they are with that process Usability as defined by Joseph Dumas and Janice
(Ginny) Redish means that people who use the product can do so quickly and easily to
accomplish their tasks Usability may also consider such factors as cost-effectiveness and
usefulness
If website usability is poor then people can easily become frustrated and leave your website A
great deal of importance must be placed on website usability if you want your web design to be
of professional quality It is usually poor usability which separates the regular websites from the
professionally designed websites Usability is the most important element of a professionally
designed website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 78
Step 8 XHTML and CSS validation
Some people will argue that validating your website withXHTML and CSS validation from W3org
is a waste of time To be blunt they are wrong (for a number of reasons)
Accessibility Without accessibility you run the risk of being sued For example a disabled persowho cannot use a ldquoconventionalrdquo browser can sue you if your website is inaccessible to them
Although validation doesnrsquot necessarily guarantee accessibility it is an important component of
exercising ones due diligence and is reason enough that you should validate your websitersquos
XHTML and CSS
Step 9 Standards-compliant
Perhaps the most difficult time-consuming aspect of professional web design is making sure
your website is standards-compliant
Taken directly from Wikipedia
Standards-compliant is a term often used in describing websites amp user agentsrsquo (often web
browsers) relative compliance with web standards proposed by the World Wide Web
Consortium (W3C)
Step 10 Optimization
Website optimization is another crucial factor that must be taken into consideration when
professionally designing a website Website optimization includes
Image optimization Next to audio and video images can severely compromise the speed in
which your website loads Always compress your images using Photoshop or your favorite image
compression utility By compressing images you decrease the size of a file which allows a web
page to load quicker which ultimately decreases the chance that your visitor will leave your
website due to long load times
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 88
Step 11 SEO (Search Engine Optimization) friendly
Professionally designed websites should be designed with a solid SEO friendly foundation To
make your website SEO friendly
Donrsquot use Flash If you must use Flash make sure it is used sparingly Flash content is notcrawlable by search engine spiders and therefore the content located inside of Flash files canno
be indexed in the search engines such as Google Yahoo MSN or Ask
Donrsquot use Frames Search Engine Spiders have a difficult time crawling through a website that
uses frames Many Search Engine Spiders will receive the following message when visiting a
website designed using frames
Step 12 Abuse of Flash Javascript and sound effects
The last step in creating a professional web design and website is to avoid the abuse of Flash
Javascript and sound effects Not everyone has Flash or Javascript enabled on their computer
and therefore your website should not be built around them If yoursquore going to use Flash or
Javascript use it sparingly
Try not to use Flash Intros on your website Most people hate waiting for Flash Intros to load
hate being forced to sit through them and hate being surprised by the sound that many of them
have Do not create your website using only Flash Again what about the users who do not have
Flash enabled on their computer That could be a potential client customer or reader who
yoursquore missing out on because of an unnecessary technological limitation
If yoursquore going to use sound effects make sure that they only play if the user enables sound on
your website ndash never force sound effects onto your visitors Nothing screams ldquounprofessionalrdquo
like having a sound effect play each time a navigational item is rolled over or even worse when
the visitor lands on the home page of your website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 58
Stage 3 Execution
The third stage in our professional web design process includes
Creating the graphical user interface (GUI) also known as the design
Creating the content
Converting the web designs from images into code (markup) which web browsers use to
present your website on the Internet
In the final stage reference both the flowcharts created in Stage 1 and the wireframe
mockups created in Stage 2 to create the final page layouts and designs
Step 2 Project collaboration tools
Communication is one of the most important elements in a project When multiple people are
building a website there usually are quite a few e-mails sent back and forth between oneanother The more e-mails exchanged the longer it can take to find a certain e-mail and the
easier it can be to misplace important bits of information This was one of the biggest problems
that our professional web design company faced when we first began ndash there wasnrsquot an easy wa
to organize the e-mails attachments milestones etc
Thankfully after a little bit of research we discovered a project collaboration tool called
Basecamp
Step 3 High-quality design
Despite this fact there are several things that a high-quality design should have
Balance Balance refers to the equal distribution of the heavy and the light elements on a
single page
Unity Unity keeps all of the similar elements in the website alike and those that are
diverse further apart everything should be pulled into one integrated whole
Emphasis Emphasis involves the main points where the eye is drawn into the design alsoknown as ldquofocal pointsrdquo
Contrast Not just color contrast but also contrasting shapes sizes textures and even
typography
Rhythm Also known as repetition rhythm brings internal consistency into your web
design
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 68
Step 4 Attention to detail
Attention to detail is important because it is oftentimes the details in your design which make
your website stand out from the competition (or from other websites in general) People get
bored with the same old design ndash give them something different unique and attractive and
they will come back and visit Heck they may even become inspired by your design
Step 5 Current web design technology (CSS)
CSS ndash also known as cascading style sheets ndash replaced table-based website layouts years ago Th
problem is a lot of web designers are still using tables to create their designs Not only is this
unprofessional but tables just plain suck Here are a number of reasons why using tables for
your web design is a bad idea
Tables slow down your website Everything inside of a tablersquos cell is loaded before being shown
to the user This is especially apparent for people using dial up connections
Step 6 Well written interesting grammatically-correct content
One thing that greatly compromises the quality and credibility of a website is poorly written
grammatically incorrect misspelled content This kind of content is unfortunately present in an
extremely high number of websites ndash especially ldquoprofessionalrdquo company websites
Step 7 Usability
Website usability is extremely important According to usabilitygov
In general usability refers to how well users can learn and use a product to achieve their goals
and how satisfied they are with that process Usability as defined by Joseph Dumas and Janice
(Ginny) Redish means that people who use the product can do so quickly and easily to
accomplish their tasks Usability may also consider such factors as cost-effectiveness and
usefulness
If website usability is poor then people can easily become frustrated and leave your website A
great deal of importance must be placed on website usability if you want your web design to be
of professional quality It is usually poor usability which separates the regular websites from the
professionally designed websites Usability is the most important element of a professionally
designed website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 78
Step 8 XHTML and CSS validation
Some people will argue that validating your website withXHTML and CSS validation from W3org
is a waste of time To be blunt they are wrong (for a number of reasons)
Accessibility Without accessibility you run the risk of being sued For example a disabled persowho cannot use a ldquoconventionalrdquo browser can sue you if your website is inaccessible to them
Although validation doesnrsquot necessarily guarantee accessibility it is an important component of
exercising ones due diligence and is reason enough that you should validate your websitersquos
XHTML and CSS
Step 9 Standards-compliant
Perhaps the most difficult time-consuming aspect of professional web design is making sure
your website is standards-compliant
Taken directly from Wikipedia
Standards-compliant is a term often used in describing websites amp user agentsrsquo (often web
browsers) relative compliance with web standards proposed by the World Wide Web
Consortium (W3C)
Step 10 Optimization
Website optimization is another crucial factor that must be taken into consideration when
professionally designing a website Website optimization includes
Image optimization Next to audio and video images can severely compromise the speed in
which your website loads Always compress your images using Photoshop or your favorite image
compression utility By compressing images you decrease the size of a file which allows a web
page to load quicker which ultimately decreases the chance that your visitor will leave your
website due to long load times
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 88
Step 11 SEO (Search Engine Optimization) friendly
Professionally designed websites should be designed with a solid SEO friendly foundation To
make your website SEO friendly
Donrsquot use Flash If you must use Flash make sure it is used sparingly Flash content is notcrawlable by search engine spiders and therefore the content located inside of Flash files canno
be indexed in the search engines such as Google Yahoo MSN or Ask
Donrsquot use Frames Search Engine Spiders have a difficult time crawling through a website that
uses frames Many Search Engine Spiders will receive the following message when visiting a
website designed using frames
Step 12 Abuse of Flash Javascript and sound effects
The last step in creating a professional web design and website is to avoid the abuse of Flash
Javascript and sound effects Not everyone has Flash or Javascript enabled on their computer
and therefore your website should not be built around them If yoursquore going to use Flash or
Javascript use it sparingly
Try not to use Flash Intros on your website Most people hate waiting for Flash Intros to load
hate being forced to sit through them and hate being surprised by the sound that many of them
have Do not create your website using only Flash Again what about the users who do not have
Flash enabled on their computer That could be a potential client customer or reader who
yoursquore missing out on because of an unnecessary technological limitation
If yoursquore going to use sound effects make sure that they only play if the user enables sound on
your website ndash never force sound effects onto your visitors Nothing screams ldquounprofessionalrdquo
like having a sound effect play each time a navigational item is rolled over or even worse when
the visitor lands on the home page of your website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 68
Step 4 Attention to detail
Attention to detail is important because it is oftentimes the details in your design which make
your website stand out from the competition (or from other websites in general) People get
bored with the same old design ndash give them something different unique and attractive and
they will come back and visit Heck they may even become inspired by your design
Step 5 Current web design technology (CSS)
CSS ndash also known as cascading style sheets ndash replaced table-based website layouts years ago Th
problem is a lot of web designers are still using tables to create their designs Not only is this
unprofessional but tables just plain suck Here are a number of reasons why using tables for
your web design is a bad idea
Tables slow down your website Everything inside of a tablersquos cell is loaded before being shown
to the user This is especially apparent for people using dial up connections
Step 6 Well written interesting grammatically-correct content
One thing that greatly compromises the quality and credibility of a website is poorly written
grammatically incorrect misspelled content This kind of content is unfortunately present in an
extremely high number of websites ndash especially ldquoprofessionalrdquo company websites
Step 7 Usability
Website usability is extremely important According to usabilitygov
In general usability refers to how well users can learn and use a product to achieve their goals
and how satisfied they are with that process Usability as defined by Joseph Dumas and Janice
(Ginny) Redish means that people who use the product can do so quickly and easily to
accomplish their tasks Usability may also consider such factors as cost-effectiveness and
usefulness
If website usability is poor then people can easily become frustrated and leave your website A
great deal of importance must be placed on website usability if you want your web design to be
of professional quality It is usually poor usability which separates the regular websites from the
professionally designed websites Usability is the most important element of a professionally
designed website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 78
Step 8 XHTML and CSS validation
Some people will argue that validating your website withXHTML and CSS validation from W3org
is a waste of time To be blunt they are wrong (for a number of reasons)
Accessibility Without accessibility you run the risk of being sued For example a disabled persowho cannot use a ldquoconventionalrdquo browser can sue you if your website is inaccessible to them
Although validation doesnrsquot necessarily guarantee accessibility it is an important component of
exercising ones due diligence and is reason enough that you should validate your websitersquos
XHTML and CSS
Step 9 Standards-compliant
Perhaps the most difficult time-consuming aspect of professional web design is making sure
your website is standards-compliant
Taken directly from Wikipedia
Standards-compliant is a term often used in describing websites amp user agentsrsquo (often web
browsers) relative compliance with web standards proposed by the World Wide Web
Consortium (W3C)
Step 10 Optimization
Website optimization is another crucial factor that must be taken into consideration when
professionally designing a website Website optimization includes
Image optimization Next to audio and video images can severely compromise the speed in
which your website loads Always compress your images using Photoshop or your favorite image
compression utility By compressing images you decrease the size of a file which allows a web
page to load quicker which ultimately decreases the chance that your visitor will leave your
website due to long load times
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 88
Step 11 SEO (Search Engine Optimization) friendly
Professionally designed websites should be designed with a solid SEO friendly foundation To
make your website SEO friendly
Donrsquot use Flash If you must use Flash make sure it is used sparingly Flash content is notcrawlable by search engine spiders and therefore the content located inside of Flash files canno
be indexed in the search engines such as Google Yahoo MSN or Ask
Donrsquot use Frames Search Engine Spiders have a difficult time crawling through a website that
uses frames Many Search Engine Spiders will receive the following message when visiting a
website designed using frames
Step 12 Abuse of Flash Javascript and sound effects
The last step in creating a professional web design and website is to avoid the abuse of Flash
Javascript and sound effects Not everyone has Flash or Javascript enabled on their computer
and therefore your website should not be built around them If yoursquore going to use Flash or
Javascript use it sparingly
Try not to use Flash Intros on your website Most people hate waiting for Flash Intros to load
hate being forced to sit through them and hate being surprised by the sound that many of them
have Do not create your website using only Flash Again what about the users who do not have
Flash enabled on their computer That could be a potential client customer or reader who
yoursquore missing out on because of an unnecessary technological limitation
If yoursquore going to use sound effects make sure that they only play if the user enables sound on
your website ndash never force sound effects onto your visitors Nothing screams ldquounprofessionalrdquo
like having a sound effect play each time a navigational item is rolled over or even worse when
the visitor lands on the home page of your website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 78
Step 8 XHTML and CSS validation
Some people will argue that validating your website withXHTML and CSS validation from W3org
is a waste of time To be blunt they are wrong (for a number of reasons)
Accessibility Without accessibility you run the risk of being sued For example a disabled persowho cannot use a ldquoconventionalrdquo browser can sue you if your website is inaccessible to them
Although validation doesnrsquot necessarily guarantee accessibility it is an important component of
exercising ones due diligence and is reason enough that you should validate your websitersquos
XHTML and CSS
Step 9 Standards-compliant
Perhaps the most difficult time-consuming aspect of professional web design is making sure
your website is standards-compliant
Taken directly from Wikipedia
Standards-compliant is a term often used in describing websites amp user agentsrsquo (often web
browsers) relative compliance with web standards proposed by the World Wide Web
Consortium (W3C)
Step 10 Optimization
Website optimization is another crucial factor that must be taken into consideration when
professionally designing a website Website optimization includes
Image optimization Next to audio and video images can severely compromise the speed in
which your website loads Always compress your images using Photoshop or your favorite image
compression utility By compressing images you decrease the size of a file which allows a web
page to load quicker which ultimately decreases the chance that your visitor will leave your
website due to long load times
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 88
Step 11 SEO (Search Engine Optimization) friendly
Professionally designed websites should be designed with a solid SEO friendly foundation To
make your website SEO friendly
Donrsquot use Flash If you must use Flash make sure it is used sparingly Flash content is notcrawlable by search engine spiders and therefore the content located inside of Flash files canno
be indexed in the search engines such as Google Yahoo MSN or Ask
Donrsquot use Frames Search Engine Spiders have a difficult time crawling through a website that
uses frames Many Search Engine Spiders will receive the following message when visiting a
website designed using frames
Step 12 Abuse of Flash Javascript and sound effects
The last step in creating a professional web design and website is to avoid the abuse of Flash
Javascript and sound effects Not everyone has Flash or Javascript enabled on their computer
and therefore your website should not be built around them If yoursquore going to use Flash or
Javascript use it sparingly
Try not to use Flash Intros on your website Most people hate waiting for Flash Intros to load
hate being forced to sit through them and hate being surprised by the sound that many of them
have Do not create your website using only Flash Again what about the users who do not have
Flash enabled on their computer That could be a potential client customer or reader who
yoursquore missing out on because of an unnecessary technological limitation
If yoursquore going to use sound effects make sure that they only play if the user enables sound on
your website ndash never force sound effects onto your visitors Nothing screams ldquounprofessionalrdquo
like having a sound effect play each time a navigational item is rolled over or even worse when
the visitor lands on the home page of your website
842019 Presentation Explain at Ion
httpslidepdfcomreaderfullpresentation-explain-at-ion 88
Step 11 SEO (Search Engine Optimization) friendly
Professionally designed websites should be designed with a solid SEO friendly foundation To
make your website SEO friendly
Donrsquot use Flash If you must use Flash make sure it is used sparingly Flash content is notcrawlable by search engine spiders and therefore the content located inside of Flash files canno
be indexed in the search engines such as Google Yahoo MSN or Ask
Donrsquot use Frames Search Engine Spiders have a difficult time crawling through a website that
uses frames Many Search Engine Spiders will receive the following message when visiting a
website designed using frames
Step 12 Abuse of Flash Javascript and sound effects
The last step in creating a professional web design and website is to avoid the abuse of Flash
Javascript and sound effects Not everyone has Flash or Javascript enabled on their computer
and therefore your website should not be built around them If yoursquore going to use Flash or
Javascript use it sparingly
Try not to use Flash Intros on your website Most people hate waiting for Flash Intros to load
hate being forced to sit through them and hate being surprised by the sound that many of them
have Do not create your website using only Flash Again what about the users who do not have
Flash enabled on their computer That could be a potential client customer or reader who
yoursquore missing out on because of an unnecessary technological limitation
If yoursquore going to use sound effects make sure that they only play if the user enables sound on
your website ndash never force sound effects onto your visitors Nothing screams ldquounprofessionalrdquo
like having a sound effect play each time a navigational item is rolled over or even worse when
the visitor lands on the home page of your website