Introduction of Web Designing
Web design is the process o f planning , conceptuali z ing , and arranging
content online . Today, designing a w ebsite goes beyond aesthetics to
include the w ebsite ’s overall f unctionality. Web design also includes w eb
apps , mobile apps , and user inter f ace design .
Basic principles involved in developing a web site
I n order to create a highly usable and e ff ective w ebsite , designer f ollo w
certain principles w hich are given belo w.
Accessibility
-> W hen
o v e
a visitor enters the w ebsite , he must be able to access each bit
h M
o f in f ormation in an easiest manner.
e c
-> This means that the te x t must be legible , the colors must not be
harsh on the eyes and bac k ground must not be overpo w er the content .
Simplicity T
-> C ompany should keep their w ebsite simple and clean along w ith a
user f riendly inter f ace to help visitors search f or in f ormation they needed
easily.
communication and content
-> E veryone w ho visit a w ebsite is loo k ing f or some k ind o f in f ormation
or content . and thus it is very important to communicate w ith them
clearly and in an engaging manner.
-> The in f ormation must be compelling , easy to read and easy to
processes . w ebsite are not j ust about colors , layout or graphics but a
ma j or role is played by its contents .
Navigation
-> Web designer should have a clear idea about managing navigation in
a w ebsite .
Good structure
-> A w eb page must have a good structure and should be simple to
understand so that users w ould not have to thin k w hich to go . it must be
sel f e x planatory .
Typography
-> Te x tis the most common element o f design , so a lot o f attention to be
given on it . f ollo w ing things can consider in this respect
f ont choice
f ont si z
spacin
line length
Visual hierarchy
-> I na w ebsite visual hierarchy can be re f erred to the se q uence in w hich
eye moves f rom one topic , content or bloc k to another. there are mainly
2 w ays to create a visual hierarchy as given belo
si ze hierarch
content hierarchy
Mobile Friendly
-> More people are using their phones or other devices to bro w se the
w eb . I t is important to consider building your w ebsite w ith a responsive
layout w here your w ebsite can ad j ust to di ff erent screens .
Regular testing
-> Websites consistently need upgrades and updates so as to maintain
the visitors f ootsteps and customers interest . solving errors during
processes is least e x pensive rather than later.
Website Development Planning Process
There are seven steps that should be f ollo w ed f rom start to fi nish w hen
developing a w ebsite .
Research And Goal Setting
-> As w ith any pro j ect , it is important to do proper research and set goals
be f ore beginning .
-> The planning and goal setting process could ta ke about 1 - 2 w ee ks to
complete .
-> I t is a very important fi rst step to creating a w ebsite that sells .
Planning the Site
-> Planning the w ebsite involves creating a w ire f rame and sitemap .
-> Planning the w ebsite This is an important step because it is k ind o f
li ke the s keleton o f your site .
-> This process can ta ke about 2 - 6 w ee ks to complete .
-> The sitemap allo w s the developer to get an outline o f w hat the site w ill
loo k li ke , w hat pages there w ill be and ho w they w ill interact w ith each
other.
Designing and Layout
-> This is the step w here you get to be creative w ith pictures , videos and
w hat k inds o f things the customer w ill notice w hen they come to your
site .
-> This process can ta ke about 4 - 1 2 w ee ks f rom start to fi nish .
-> C onsider colors , logos , and anything that w ill encourage your
audience to interact w ith the site .
Writing the Content
-> The w ritten content o f a w ebsite is so important to its success .
-> The w ritten content on a w ebsite is going to help a visitor determine
their ne x t steps .
-> I t could ta ke f rom 5 to 15 w ee ks .
Coding the Website
-> This w ould be w here the sitemap is f ollo w ed to ensure everything is
coded correctly.
-> The coding step could ta ke f rom 6 to 15 w ee ks , depending on ho w
much content and ho w intricate you w ould li ke your w ebsite to be .
Testing and Launching
-> B e f ore the w ebsite is launched , it is crucial that it is tested out by real
users .
-> All the lin ks and content should be tested to see i f it w or ks .
-> Not only is it important to test out all the buttons and everything on
the site , but it is also important to test out w hat users thin k o f it .
-> I t is also important to ma ke sure everything is running smoothly
immediately a f ter launching . Testing and launching may ta ke 2 - 4 w ee ks
to complete .
Maintenance
-> itis important to stay up - to - date w ith w hat is happening on the
internet .
-> Maintaining a w ebsite is hard w or k, but the more e ff ort put into its
maintenance , the better.
Domain Name
v e
A domain name is the address o f your w ebsite that people type in the
o
bro w ser ’s U RL bar to visit your w ebsite .
I n other w ords , i f your w ebsite w as a house , then your domain name
h M
w ould be its address .
e c
A domain name can have w ords w hich ma kes it easy to remember
w ebsite addresses .
T
A domain host provides a domain name , li ke www. yourdomain . com , that
visitors can use to fi nd you .
Web Hosting
A w eb host provides the space w here you display your site ' s content , li ke
te x t , images , and videos . A w eb host doesn ' t necessarily provide the
address visitors use to reach your site , li ke www. yourdomain . com .
Domain Name Vs Web Hosting
Responsive Web Designing
Responsive w eb design ( RW D ) is a w eb design approach to ma ke w eb
pages that render w ell on all screen si zes and resolutions w hile ensuring
good usability. I t is the way to design f or a multi - device w eb .
I n other w ord Responsive design is an approach to w eb page creation
that ma kes use o f fl e x ible layouts , fl e x ible images and cascading style
sheet media q ueries . The goal o f responsive design is to build w eb
pages that detect the visitor ' s screen si ze and orientation and change
the layout accordingly.
What is Website
Website is a collection o f related w eb pages that may contain te x t ,
images , audio and video . The fi rst page o f a w ebsite is called home
page .
A w ebsite can be o f t w o types
Static Websit
Dynamic Website
Static Website Vs Dynamic Website
o v e
e c h M
T What is W3C
The World W ide Web C onsortium (W 3 C) is an international community
w here Member organi zations , f ull - time sta ff and the general public w or k
together to develop Web standards .
Web Standards and W3C recommendations
W 3 C, an independent and neutral organi zation , develops Web - related
standards also k no w n as Recommendations , w hich serve as a re f erence
to build an accessible , interoperable and e ffi cient Web , in w hich more
robust applications can be developed .
Web Standards
They are Web languages , protocols and inter - operative and international
technologies created w ith the purpose o f guiding the Web to wards its
ma x imum potential through the development o f standardi zed protocols
and guidelines .
