Web design and development company in India USA | Ouctus  
                     OUCTUS TECHNOLOGY
WEB DESIGN 
ANDDEVELOPMEN
T
C-246, Sector 63 Rd, C Block, Sector 63, 
Noida, Uttar Pradesh 201301
TOPICS:
1. I ntroduction to Web Design  
 2 .We b Tr e n d s
3 . B a s i c C S S Wo r k s h o p
BonusTopic:
DoingBusinesswithWebD
evelopment
Whatiswebdesign?
DESIGN
1 2 3
C o lect I mplement  A p  l y   
 des ig n   
ideas these ideas principles
WEBDESIGN
Fo l o w st h e s a m e p ro c e s  i n d e s i g n
Presentt hedesignthrough
w e b p a g e s
Createanefectivewebdesign  
byapplyingkeyvisualelements
ELEMENT 1
:
LAYOUT
Maintain balance, consistency and the  
 integ r i t yoft h edes ig n .
ELEMENT 2
:
COLOR
Colorshouldrepresentyourpersonality 
 o r t hebra ndofano rga n izati on.
ELEMENT 3
:
GRAPHIC
Logos, imSages,andgraphicsthatcan  helpenhanceyourdesign.
Makesuretoplacethem  
st rate g i ca l y.
Usegraphicswise ly!
ELEMENT 4
:
FONTS
Typographycanenhanceyourdesign… 
 w henusedw ise ly.
ELEMENT 5
:
CONTEN
ShoulTdbeusefu landre levant .
Opti mizeforsearchengines.
Is your websit
e   
userfriendly?
USER-FRIENDLYDESIGNELEMENT1:
NAVIGATION
Don’tmakethem t h i n k !
C onsider how users wi l navigate  
 throughyourwebsite.
Use simple HT ML or  
 
Java S c r i pt m e n u s .
USER-FRIENDLYDESIGNELEMENT2:
COMPATIBILITY
Designyourwebsitesthatperform w e l  
 i n d i f e re nt b ro ws e rs .
USER-FRIENDLYDESIGNELEMENT4:
EASYACCESSIBILITY
Yo ur webs i tesho uldbeacce s ib leto   
everyone including blind, disabled or the  
 e l d e r l y.
U s e re a l fo nt s , n o ti m a ge s .
USER-FRIENDLYDESIGNELEMENT5:
WEL-FORMATTEDCONTENT
Organizethefl owofi nformati on.Plan  
yourwebsite’ssecti onsandcategories 
 c a r e f u l y.
Useheadings,sub-headings,paragraphs, 
 b u l e t s o r l i s t s c o r e c t l y.
Keep yourself updated
by   
knowingthediferent  
webdesigntrends.
RESPWEOBDENSIGNSTRIENVD#1:B EWE
• The i dea istocre atewebl ayoutsthatare  
 compati blewithanyformsofdevices:
– Desktop
– Laptop
– S m a r t P h o n e s
– Ta b l e t s
WEBDESIGNTREND#2:
FIXEDHEADER BA
WRoSrksbestwithone-pagelayoutsand  l ayoutswi th l ongpages .
Th i st rendha sbeen aro undfo rawhi le   
but now we are seeing this in full force.
WEBDESIGNTREND#3:
LARGEPHOTO  
BACKGROUND
UsSeyour bestpho to sorgrap h ic   
designs as the main background photo  
 o f yo u r w e b s i t e .
WEBDESIGNTREND#4:
TYPOGRAPH
Mostwebsitesnowusemulti plefonts,  
 makiYngthepageeasiertoreadand
moreatt racti ve.
M i xa nd m atc hfo ntsw i s e l y !
WEBDESIGNTREND#5:
FLATDESIGN
I t ’saboutkeepingitsimple,clean,and  
m o d e r n  key wordsth atmostc l ients  
 s a y .
WEBDESIGNTREND#6:
INFOGRAPHIC
ISnfo gra ph ic spresenta l otof   i n fo r m ati o n i n s u c h a s m a l s p a c e .
Eye-catching.Entertaining.   
N o t b o r i n g . N o tt ex t h e av y.
WEBDESIGNTREND#7:
SINGLEPAGEWEBSITE
T h i s h a s b e n a t r e n d f o r a l o n g ti m e .   
Overtheyears,developershavecreated 
 d i ferentt echniquesfors ing lepage  
c o n c e p t s .
Youcancreateanenti rewebs i teus ing ju
st
o n e p a g e .
PWEBADESX R
IGNATRELND#A8:
T h i s i s a s p e c i a l s c ro l l i n ge f e c t u s i n g   
Ja vaS cript wherein the background images  
 moveslowlythanforegroundimages
creating an animation  
o r 3 D f e l .
Thank you!
Address: C-246, Sector 63, 
Noida India 201301.
Phone: (+91)-9599323090
Skype: ouctus
Email: [email protected]
Web: www.ouctus.com
Sales Information
Phone: (+91)-9599577711
Email: [email protected]