Using appropriate design tools, design an interactie website to meet a client
need (P4) – Completed PowerPoint presentaton
Create an interactie website to meet a client need (P5) – Completed Page
Explain the tools and techniques used in the creaton of an interactie
website (M2)
Why you should design frst
It’s always best to design a website fist befoie cieatng one, because if you design a website
fist, you wouldn’t haaee to woiiy oi stiess oeei on whaat to do fist and whaat to do atei, as
you would alieady haaee eeeiythaing planned out to begin witha making youi job a lot easiei,
oi thaen you’d be wastng tme thainking haow to stait youi website off
Tools and Techniques
Dieamweaeei – Dieamweaeei, it’s wide ianging website sotwaie foi ac and Windows
fiom Adobef Dieamweaeei allows thae haypeitext maikup language piogiammei to make
detailed sites utsling haypeitext maik-up language and othaei seieei-side piogiamming
languages sucha as JaeaSciiptf It instantly makes use of thae code in a design windowf
HT L - Hypeitext aikup Language is thae utlisaton of codes and maik-up symbols put in a
fle witha thae puipose of it shaowing up on thae WWW pagef Thais maik-up infoims thae Web
biowsei on haow to shaow thae websites sentences and pictuies foi thaat indieidualf Eeeiy
single maik-up code is known as eithaei a tag oi elementf Thaese tags can come in paiis, so it
can shaow whaen a display efect is about to stait and endf
CSS - CSS is shaoit foi cascading style shaeet thaat lets people to take designs fiom a single
page on thaeii site to a difeient pagef It’s done thaiougha linking thae cascading style shaeet on
eeeiy page thaey haaeef Putting eacha layout ciiteiia in a single fle makes it possible to altei
thae layout of thaeii whaole site thaiougha simply alteiing thaeii cascading style shaeet, so thaey
won’t haaee to chaange all thae pages thaey made thaat may biing about a faii amount of issuesf
Dies - Thae die element is like a containei whaicha haolds difeient tags withain it and sepaiates
thae haypeitext maik-up language fle into sectoisf One example, thaiougha putting a buncha of
paiagiapha tags withain an die element, it’s thaen possible to make thae size of thae wiitng thae
same to eeeiy paiagiapha, by making a die element instead of chaanging thae font foi eeeiy
paiagiapha tagf
Stoiyboaid – Loads of Web expeits use thae techanique known as stoiyboaidf Thais
Stoiyboaiding shaows useis a eisual look on thae set out foi thaeii site, additonally, thae kind of
oiganizaton thaey haaee to utlisef Fuithaeimoie, it may eeen shaow thaem thae a fist look on
haow thaey need to cieate thaeii naeigatonal systemf