SHAI

EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Dedi
cat
edt
oShai
kAuwalAdam Al
baniZar
ia

Al
lahy
akaihaskekabar
insa.

1
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Gabat
arwa.
.

Assal
amuAl
aikum war
ahmat
ulLahwabar
akat
uh.

SunanaSali
suAbdul
razak,nidal
i
bineaJami
'
arAhmaduBel
l
odakezar
iaasamar
uni
ger
ia,i
nakar
ant
arComput
er
Engi
neer
ing.

Wannanli
ttaf
i(PDF)maisuna" Al
baniWebDesign&Gr aphicsDesign"l
it
taf
inedayakunshiy
addaakeki
rki
rada
qay
atardashafi
ny anargi
zodakumai l
i
minhade-hadenaGr aphi
csDesign.Wat
oil
i
minkir
kir
adaqayat
aabubuwan
dasukashafi
;I
DCar d,I
nvi
tat
ionCar
d,Post
er,
Flayer
,Memo, dasauransu.

WadannanTopicsgudabi y
uay yukaneday anzuawannanzamaninakesamunkudidasukumakudinhalaq,
dukkansuanaamf anidana'
urarComputerkoway ar
katahannuwajengudanardawadannanayy
uka.Zakaiy
a
daukardawai
niy
arkankadaiyay
enkaidankar
iqedayadagaci
ki
nwadannanay
yukadayar
darAll
ah.

Abi
ndaZakaBuqat
aKaf
inShi
gaCi
kinDar
asi
nKaiTsay
e.

Kamaryaddamukasaniidanharzamujemakarantai
slami
yyakobokodolemunabuqatarkayanai
kidasukashaf
i
l
it
taf
idaalqal
ami,t
omuma hakaawannanl it
tafimunabuqatarkanemiwadannankay
ayyaki
naiki
ndomingabat
ar
dawannanayyukadazamuyimasutar
inAl
barkadakumasamunar zi
ki
nhal
aq.

Nafar
ko;wadandasukeamf anidaway
arhannuma' anawadandabasudana'
urarcomputert
osunemi;-
CodeEdi
tor
kamari
ri
nsu;Notepad++,
Subli
meText,Dr
oidEdi
t,AWD-IDE,dasaur
ansu.dukzakuiyasamunsuaPl
ayst
ore.

Nabi yu;masuamf anidacomput ersunemi ;-CodeEdi t

ors,Off
li
neServ er
skamari rinsu;Wampser verkoXAMPP
zakai yadownl oding dinsu a;(wampserv
er .
com/ en.
)Ko kumakadubaa;( sourcef or
ge.com/xampp).ko kaje
playstor
ekadaukoNot epad++,Kat anaj
ibr
owsermaiky aukamarir
insu;GoogleChrome, OperaBrowserkointer
net
explorerkokumaMozi l
l
aFi ref
oxdukkansusunay iammadaiChr omet afidadinaikiy adday akamata.Sannanka
tanajiEmailaddressnakanakamf ani
nGoogl ewat oGmai l
.Wadannansunekay ayyakinday akamatakat anada
bayankamal lakiwannanl it
tafi
dominkoyondar asi
nkirki
radakay
atardashaf i
nyanargi zo.

2.Gr
aphi
csDesi
gn;
zakat
anaj
ikay
anai
kikamari
ri
nsu;
Pixel
l
ab,
Pint
erest
,Ani
mat
edt
ext
2
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Sadaukant
arwa.
.

NiSali
suAbdulrazaktaredawadandasukat ayaniwajenganinwannanl i
tt
afiyakammalumunSadaukant arda
wannanli
tt
afigaMar i
gayiShai
khAuwalAdam AlbaniZari
a(Al
lahyagafart
amasa).Wannanli
tt
afisadaqanegaduk
wanimusulmidakefadinduniy
aday akei
yaji
ny ar
enhausadamawandabay aiyaj
inyar
en.Ya-
All
ahkakaihaskeda
r
ahmaaaci kinkabari
nwannanbawanakaShai khAuwalAdam Al baniZar
iakumakasawannansadaukantarwata
i
sagareshidanAlfar
marAnnabinrahmasall
all
ahualai
hiwasallaam..

Banyardawanikowat ayasi
yardawannanl it
taf
idakudiba,i
danmutum y
ayihakamukasamur ohotolall
aizai
fuskancihukunci
,nay
ardakumanaami ncesannaninaf
atandukwanday
asamuwannanli
tt
afizai
yikokar
inturawa
sauranyan'uwakodamutum bi
yarnedominamf ani
nmubakidaya.
.

Al
l
ahy
ayi
manaj
agor
a..

AmeenSummaAmeen

AbubuwanDakeCi
ki
1.Gabat
arwa.

2.Sadaukant
arwa.

3.WebDesi
gn&WebDev
elopment

4.Gr
aphi
csDesi
gn.

3
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Zakui
yat
unt
ubat
aakaf
arsadar
wadomi
namsat
ambayoyi
nkukamarhaka;

Facebook;ht
tps:
//www.
facebook.
com/
magaj
i
abdur
razak.
gwar
jo

What
ssp;
08137350232

Emai
l
;Ar
ewacomput
erl
i
brar
y@gmai
l
.com

Yout
ubeChannel
;Saheel
Comput
erLi
brar
y.

Copyr
ight©2021-Al
baniWebDesi
gn&Gr
aphi
csDesi
gn.

1.BLOGGER
<Ki
rki
rarShaf
iaGoogl
eBl
ogger
>
GoogleBloggerplat
for
m nedazakaiyazuwakaki r
kir
ishaf
inkaacikikarinkarubuce-r
ubucenka, kumashi akyaut
a
neakebudesasannanbabubuqat arkoyonwani Pr
ogrammi ngLanguagekaf i
nbudesa, f
arkoidankanasokakirki
ri
shaf
inBlogtozakabi matakannekamarhaka;zakashigawannanadireshin;ht
tps:
//blogger.
com kanashigazasu
kai
kaindazasubukaci kasanyaemaildapasswordnakanaGmai laccountnaka.Bay ankashi gazaikawokawur i
n
dazakashiga* NewBlog*

4
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Zasubuqacikasabay
anankakamarsunanshaf i
nnakadakumaadireshi
nshafi
n,misal
i
;adir
eshinshaf
i:
Saheel
.bl
ogspot.
com,sunanshaf
i;Saheel
blogsaikazabi
themedaganansaikadannacreat
eblog.

Kanagamawannanmat aki
ntokagamaki
rki
arshaf
inBl
ogsaur
agy
are-
gyar
enkawaikamari
ri
nsudaur
atempl
ate,
dasai
tal
ayoutdasaur
ansu..

5
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Shikenankagamaki r
kir
arshafi
nkanaBlog,yanzukazamaBl ogger
.Saurakawaikadi
ngasaki
nrubut
uttukadakuma
saurankayace-kay
acenshafi,
dagalokacindakakir
kir
iblogtokayimataki
nkir
kir
arWebsi
tedominshimablogdin
zakaiyamay ardashiwebsi
tenangabai dankasamutraf
ficssosai
.

WebDesi
gn

WatoWebDesi gndai
shineginashafi
ny anargizo,dubadashaf ukaayanzuwaj enmill
ionssunayawoay anargizoa
kumakullum samadadubuki r
kir
arsuake,wat oshi Shafinyanargi
zokala-kal
anema' anayadangantadai r
inyadda
kaginaabunkakokumai ri
nyaddaakesoy akasance, sannankumadadal il
inday asakaginashidasauransumi sal
i
;
kamarkamf ani
nWhat ssp,
Twi t
ter
,Facebookanki rkiriwadannanshafukanesabodakawai adingachatt
ing,haka
zal
ikagoogleshikumasabodaadi ngaSearchingnaabi ndaakebuqataay anargizo.Kungakenankowanekal an
yanargi
zoyanadadashi manufarkumadol emai kirkir
ay asanshinmeyasazanbudeshaf i
nyanargizokumay a
nakesoyakasancemezany i
dashi?

WebsitedaBlogsunadadanbanbanci kadandukdukkansuWebsi t
eakekiransuammasunadabanbanci a
zahir
ancekoawaj enkir
kirar
sushimaWebsi teyanadanauyikal
a-kal
a,Yanzukamarf acebook.com kungadai
websitenekumaai ki
nsashinehaduwadaabokai dayan'
uwadomi nsadazumunci ,
hakashi magoogl e.
com shi
aiki
nsashinenemanbay anaiayanargizo.kai
makumadaguduzakai y
abudenakakat sarashi y
ayimakaduk
abundakakesot ahanyartsaramishidokokiwandaakekiradaprogrammi ngcode,Misaliyanzuacekakirki
rishaf
in
daza'adingachatt
inghakakamardai iri
nsuFacebook,Whatsspdasauransu.Shintainazakaf ara?

Tokagat
unananzakaganecewaWebsi
tey
anadabanbanci
daBl
ogdomi
nshi
blogbashi
dawannant
sar
e-t
sar
enna

6
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

t
ant
ancemai
shi
gasi
tesdi
n,kamarbudepr
ofi
l
esakasunadal
ambarway
adasaur
ansu.

Danhakabanbanci
nsuafi
lineshii
ri
nwannanWebsitedindol
esaikayiamfani daPr
ogr
ammi ngCodewurinki
rki
rar
i
rinsuwatosaikay
iamf
anidaYarenNa'
uradomindashinezakaiy
ashiryatsare-t
sar
enyaddakakesoShaf
inya
kasancey
addadukwandazaishi
gasaiyasakawaniI
dentit
ynashidasauransu.

Ammakafi
nnataf
ikai
tsay
e,shi
makanshi
kir
kir
ary
anargi
zodi
nbangar
e-bangar
enemunada1.WebDev
elopment
&WebDesi
gn.

1.Webdev el
opment;y
akushidukwasut sare-tsar
edazakakawoawebsi t
e.Misal
izakaginashagonprovi
sion
akwai kayanaiki
ndazakanemanaf arkodai zakanemi bul
ull
ukadasiminti
dasauransuidanakatasodagi ni
nya
tasoyaf arazamashagososaiakagamakomai dakomai watoakasakakwano,akasakof adataga,yazama
shagokenan.Towannanai ki
nshine" HTML" .Tokumaf azakabukacikayimashagonfentikadanyiDecorati
ng
dinsadakat akai
hakakumazakay i
makof arshagonf entimaikyaudawajenshagonsaboday afi
toyayiky
auka
kayatadaky ausabodacust
omer ssujidadizuwat oWannanshi ne"CSS".

Hari
l
ay au,zakabukacif
ankakoACdazai
rinkaf
if
it
akadakai
daCost
omer
sdi
nkasabodal
okaci
nzaf
itoWannan
kumashine"JavaScr
ipt
"

Kagadagananshi kenankagamagi nashagonka,toyanzuwannanshi nemi sal

iakany adda" WebDesi gn"yake.
Sannanidankanasokasat saroaShaf i
nkayaddasaishafi
nnakay aiyatant anceway ezai shigashafi
nma' anadai
saiyabuqacisanyawani passwordnamut um konumberway adomi nshaf inyat antancedangi danekobaqoko
kumadai kasamama’ aj
i
yarka(Database)t
sarotayaddakaikadaizakar inkabudet a,dasaur ansudai..
.toanan
kanabukatarprogramminglanguagena" PHP"Idankumazakaaj i
yebay anankaci kintsarobakasonkoway aganisai
kayiamfanidalanguagedin"SQL".Dazarankasany aPHPdaSQLt okahabbakaWebsi t
edi nkayazama“ Web
development”amai makon“Webdesi gn”day akunshit
sare-
tsar
enakay atardashaf ikawai.Sannankuma, daace
babuwannangi ninna"HTML"dakay at
arwar"CSS"babuyaddaza’ayimany antsar e-
tsarekamart saro(PHP)daajiye
bayanai(SQL)sukasantuawannanWebsi t
enakasabodashi kansaWebsi teba’agi nashi mat i
karbabuHTML) .

Kagakenan"
WebDesi
gn"Shi
neqashi
nbay
angi
naWebsi
te.

Yanzumunganebanbanci
ntsakani
n"Webdevelopment
"dakuma"Webdesign"at
akai
cekenanKumadukkani
nsu
i
nshaAll
ahzamuyisuawannanLi t
taf
inzamufarada"Webdesi
gn"
,kenanzamuyi
HTML,CSS,JS

Kaf
inmuf
araWebDesi
gni
naf
atankoway
atanaj
ikay
anai
ki
ndanaf
adat
undagaf
arkonl
i
ttaf
indomi
nfar
awa.

HTML

<HTML>

7
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

HTMLshinetushenakimi
yyardaakerubut
unaduky
anargi
zondakakegani
,Wannandarasi
nzai
koy
amakakomai
akanht
ml i
nshal
lahu,
HTMLy anadasauqi
nkoy
akumazakaj
idadi
nshikwar
aidagaske!

Ma’
anarkal
marht
mlshi
ne;
"Hy
perTextMar
kupLanguage"
.

HTMLbaYar enqirqi
ranmanhajoj
inna’
uramaiqwaqwalwabaneba, shiy
asaakekir
anshidamarkupl
anguage
ma'anashi
mar kuplanguagebayaiy
ayinwasuabubuwanakomf uta,kamarli
ssaf
i,kokwat
ant
awaniabu.Sannan
kumahtmlyanaamf anidamarkuptagsneguri
nbayyanardashafi
ny anargi
zo.

MENENETAGS?

"
HTMLMar
kupt
ags"sunewasukal
momi
dasukezagay
edal
anqwasassunbr
acketwat
o<>.

Sunazuwanegudabi
yu,
wat
o<nabudewa>dakuma<kul
l
ewa>.

Wani
lokaci
nkumazakaganshi
nedanar
ufewakawai
,babunabudewa.

Aci
ki
nsunezakasakakowanei
ri
nKal
martagkakeso,wanday
akekalmominsunadayawasosai
Kumakowanei
ri
n
t
agyanadanashi
amfaniday
akey
iashaf
inyanargi
zo.Nangabakadanzamufaragani
nsu.

Kamarmi
sal
i
:

Eg1.

<ht
ml>

<body
>

<h1>MyFi
rstHeadi
ng</
h1>

<p>MyFi
rstPar
agr
aph</
p>

</
body
>

</
html
>

Wanday
akei
dankagwadashi
abur
auzashi
zai
bakawannan:

"
MyFi
rstHeadi
ng"

"
Myf
ir
stpar
agr
aph"

Rubutunday aketsakani
n<html >dawannam </ html>shineyakebay yanawabur auzacewawannanshafi
ny anar
gi
zone.hakananr ubutunday aketsakani
n<body >dawannan</ body>shinekakegani amatsayi
nkanamai amfani
dawannanshaf inyanargi
zon.hakakumar ubut
unday aketsakanin<h1>dawannan</ h1>shi
neyakebayyanaa
matsay i
nkalmomingabatarwawat o"Heading"hakakumar ubutunday aketsakanin<p>dawannan</p>shinesakin
l
ayiay arenhtmlma’anaparagraph.shiwannant agdinbakamary addakasanshi aFacebookbane,ammasuna

8
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

kamanni.TaggingaFacebookshinekarikasunanwanikamarrubutasunansacewaabundakar ubutadinnany a
shafeshi.TohakaaHTMLma.Zamui yarubut
a“markuplanguage”kagawannankai-
tsay
ey ashafiHTML, kenan
muny it
aggingdinHTML, Amfani
ntagsdinWat oabundakaganidinnan<html>shi
neopeningtagnaHTMLkoda
yaushe,sannanclosi
ngtagkuma</ ht
ml>,banbanci
nsukawaishinewannanslash(
/)dindaakasany awacl osi
ng
tagafarkonshi
.Sannandukabundakakesoy afit
otosaikasanyashi at
sakani
nwadannanopendacl osetagsdin.

MEKAKEBUQATAGURI
NQI
RQI
RASHIWANNANSHAFINAYANARGI
ZO?
Kamary addanafadaafarkonli
tt
afinzansakemaimait
awaIdankanaamf anidacomputer
,zakanemoNOTEPAD
dinkanekadai.Dukdayakeakwaiwasumanhaj oj
idaakeamfanidasukamarsusubli
mekov isual
codedadai
sauransu,anmadaimaikoyoinabakashawarardakiy
iamfanidanotepadIdankumakanaamf anidaway
anezaka
saukemanhaj ar“
AWD-I
DEwebdev elopment
”.

TAYAZAKAFARA?

Toi dandaComput ernekajekashigaNotepaddinkasaikarubutawancent agsdindanaf ar

adashi aExampl ena
farkowat oEg1.Bay ankarubutasaikadubasosai asamanNot epaddi nzakagawurindaakar ubuta"Fil
e"saika
tabashi zaikai
kaindaakar ubuta"SAVEAS"sekat abashi.Zaibay y
anarmakadawani sashedaakwat ibiyu,i
nda
zakasakamashaf inkanay anargizosunanaajiyaaakwat inafarko.KaLuraidankami shisuna,zakamishi.html
ko. HTMLaqar shedomi nkwamf ut
ataiyaganecewawannanf i
ledi nnahtmlne.Sannanaakwat innabi yukuma
zakazabi ALLFILESne.Todagananzakadawonekaci gabadaf adadashafi
nka.Idankumakanaamf anidaway ar
andr oi
dnezakasaukemanhaj arAWDnekadai aplayst
ore

Sekashigaciki
ntakat
aba"
Creat
ePr
oject
"anannezakasakasunapr
ojectdi
nka,
sekay
isav
ingdaganankaf
ara
amfani
dai t
a.

TAYAZAKADUBAAI
KINKAI
DANYAYI
?

Towannanabumai sauqine,i
dankanaamf anidakwamf ut
ane,tozakaj eindakayisav
ingdi
nshi af ar
ko,sekayi
ri
ghtcli
ckingdinshi
.ZakaganindaakasakaOPENWI TH,saikatabashi Zainunomakadukkal arburauzardakake
amfanidai t
a.Kumay akasanceburauzadinkaupt odatenedomi nbakowaccebur auzacetakekar antawasudaga
ci
kintagsdinht mlba.Idankumadaway ane,zakaiy
abudeshi directdagaciki
nwannanapplicati
ondi nkokumaka
komat a"Fil
esManager "kanemofoldersekayiyandaakenakwamf ut
a.

YANZUDARASIZAIFARA.
Kumaanannezamuyit
akawosabbi
ntagst
aredaf
adi
namf
ani
nsu,kai
kumamai
koy
osai
kay
itagwaj
idomi
n
kagay
andasukeai
ki
n.

Gadukmai
qir
qir
arshaf
iny
anargi
zodawadannanzai
far
a:Ma’
anakowaneshaf
idakagani
aduni
yaany
ishi
neda

9
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

wadannant
agsdi
n

<ht
ml>

<head>

<t
it
le>

</
ti
tl
e>

</
head>

<body
>

</
body
>

</
html
>

Gabayani
nsukamarhaka:
Rubut unday aketsakani
n<ht ml >dawannam </ html>shi neyakebay yanawabur auzacewawannanshaf i
ny anar
gi
zone.r ubutunday aket sakani n<head>dawannam </ head>shiney akebay y
anawabur auzacewawannanbay ani
n
naser vernekadai ,watoai nifi
ni ndashaf i
ny akezuwai dankadaur ashi ai nter
net.hakar ubutunday aketsakani n
<ti
tl
e>dawannan</ ti
tl
e>shi ney akebay yanardasunanshaf i
nkami sali idankasami shisuna, arewablog.com to
wannansunanshi nezai bayyanasamanbur auzankat agwaj i
.hakananr ubutunday aket sakanin<body >dawannan
</body >shi nekakegani amat sayinka/kinaamf anidawannanshaf iny anargizon.Sannankumaakwai <h1>
</h1>taghari zuwa<h6></ h6>wadannany adangant adai r
inyandakakesongi rmanr ubutunkay afi
taaHeadi ng
di
nkanabur auza.Akwai <p></ p>tagnasaki l
ayi wandai nkanasokasaki par
agraphashaf i
nkakeamf anidashi.
Akwai Link,wat omahadakamar ;Misal
i:kanasokahadashi dawani shaf i
ndabanmesuna“ shafi
nka.html”zakay i
amf ani neda; <ahref=”
shaf i
nka. html”
>Tabanany akaikawani shaf
i</a>.ToAbur auzadinz ainunamaka" TABA
NANYAKAIKAWANISHAFI "kanat abawaz aiturakai zuwaday anshaf in.Wannan; "
<a></ a>"tagdinanaki ranshi
da"Anchort ag" ,anaamf anidashi newur inhadashaf idawani shaf
i.Mi sali;wannant agdin<a>shi neakeamf ani
dashi waj enl i
nkingpageskor edi r
ecti
ng

<ahr
ef=“
”>dannanan</
a>

Mi
sal
ii
danmunasomut
um y
anadannaway
aganshi
aShaf
inka.
html
sai
muy
ihaka:

<ahref=“
https:/
/www. shaf
inka.ht
ml.
”>tabanankajeshafi
nka</a>Zakumamui y
ay iyaddai
danmut
um y
anasoy
a
tunt
ubeni afacebbookkowani wurit
ahanyarattachi
ngdinprofi
l
eidnawa: <a
href
=“htt
ps://www.facebook.com/Sal
eesAbdulrazakSaheel
”>ContactSal
eesonfacebook</
a>

shi"href
=””dinnanshiakeki r
ada" Att
ri
bute,"kamaryaddanafadamakuamf aninedashi gur
inqarawa" t
ag"
bayani
ny andaakesoy ayiaiki
.Kamarwannan" href
"di
nshi y
akenunawa<a>t agdinnani ndazaiganeshaf indazai
hadaguridaya.Sai<i
mgsr c=”hoto.j
pg”/>,anakiranwannanda"Imagetag"
,anaamf anidashi negurinbayyanarda
hotoashaf i
nkanay anargizo.Src=””shineattr
ibut
edin<img/>imagetag.Kal ur
adahot onkawanei r
ine,shi
nmai
.j
pgneko. gi
fko.pngdaisauransu.Idankumabakasani bazakaiyari
ghtcl
ickingdinhot onsai katabaproperti
es
korename.Toanannezakakal arhotonka.Sannananaamf ani
dawasuat t
ributekamarhaka:

10
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Wi
dth=””domi
nqar
afadi
dakuma

Hei
ght
=””domi
nqar
atsawonhot
ondai
dai
yandakakesot
ahany
aramf
ani
danumber
.

Mi
sal
i
:hei
ght
=”50”wi
dth=”
70”.

Yaddaakedaur
ahot
oaHTML.

Mi
sal
iyanzuacei
nasonay
iat
tachi
ngdi
nhot
oawebpagedi
nat
osai
nay
iamf
ani
da<i
mg>t
agkamarhaka:

<ht
ml>

<body
>

<i
mgsr
c=”
”>

</
body
>

</
html
>

Shi <i
mg>bay abukat
arwaniclosingt ag,sannanwannansr cdinyananufinsour
ceoftheimagewatoainanehot on
dakakesokadaur ayake,
inanei nday akeaci kinna’
urarka?Misaliacesunanhotonmy pi
c.png,
kumayanaDeskt op
ne,sannanshimawanannHTMLf i
ledinnakay anakanDeskt opkagakenansunawur idayatokawai
saikayihaka:
src=”mypi
c.png”Sannanzakaiyaraget sawodaf adi
nhot otahanyaramf anidawidt
h=””dakumatsayi
height=””
kamarhaka: <i
mgsrc=”mypi
c.png”wi dth=”50”height=”
100”>

YaddaZakaChanj
abangonshaf
i.

Wannanyananuf
inkachanjabackgr
oundnawani
shafi,wat
okamardai
yanzuaWhat
sAppai
kanachanj
a
backgr
oundnawajenchat
ti
ngdinka.Shi
mahakayake:

<ht
ml>

<bodybgcol
or=”
green”
>

mygr
eenpage

</
body
>

</
html
>

I
dankumakanasokasany
amai
hot
onet
osai
kay
ihaka:

<bodybackgr
ound=”
mypi
c.png”
>

</
body
>

11
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

waj
endaukohot
onkamardai
yaddamukay
inea<i
mg>wat
oat
tachi
ngpi
ctur
e.

MENENEELEMENT?

Element
;shi
nedukwani kalmadataket sakanint
aggudabiyu,mi
sali:
<p>Paragraph</p>wannanshi neelement.
Kumakamary andakukasani kowani yarennakwamf utayanadanashidokoki
,tohakashi
mamar kuplanguage
yanadanashidokokiday akeamfanidasukamar :Kowanni el
ementyakasancey anadamabudint agdamakul li
n
shikamarhaka<i>Paragraph</i
>Sannandol eyakasancedukwaniumarnidakakesobay arway anatsakanin
wadannantagsdin.Empt ykozer
oelementt aganakull
eshineaopeningtag,mi
sal i
:<i
mgsrc=”hoto.j
pg”/>

Sannankasaniwasuel
ementsunadaukenedaatt
ri
butedomi
nyinci
kakkenai
ki
ndaakaumarcesudayi
.ALurada
ruf
eduktagdinakabudai
nbaEmpt yel
ementbaneba.HTMLYanaamfanidakowani
iri
nkamani
nkalmakobabba
koqarami
.

TAGSDINSTYLENARUBUTU:
Aciki
nwadannanakwai<pr
e>Text</pr
e>,ma’ana"pr
efor
mat
tedtag".Watoaqa’i
darht
ml i
dankay
irubut
ukabar
spacemaiyawaatsakani
nrubutukoyayanezaihademakadashiguriday
a,kamarmisal
i
:<h1>Wannannetag
di
nkaKanasorubut
unkay afi
takamarhaka,
Al ayi
uku…

</
h1>

Toi dankayir
unningdi
nwannanhakar
ubutunkazatafi
tasabodahtmlyanaignor
ingdinspacene:
Wannannet ag
dinkaKanasor ubut
unkay
afit
akamarhaka,Alayi
uku…Tohanmai dankanasokaf i
tardasukamaryandakasaka
su,toshinezakayiamf
ani
dawannanpref
ormatteddinkamarhaka:

<pr
e>Wannannet
agdi
nka

Kanasor
ubut
unkay
afi
takamarhaka,
Alay
iuku…

</
pre>Kokumakay
iamf
ani
da</
br>t
ag,
ma’
anabr
eakdomi
nfadamaht
mlcewakanasor
ubut
ukat
akomaal
ayi
naqasa.

I
DANKUMAKANASOKATURAKALMOMI
NKA(
BOLD)
:

Toz akayiamfani neda<b>t ag</b>domi nqaramusuduhu.Akwai kumanaI TALICwandazakaganrubut unkaya

dankar y
a, shikumaanaamf anineda<i>tag</i>.Sannanzakaiyamay ardarubutunkayakomaleft,
rightko
centertahanyaramf anida<div>tagkamarhaka: <dival
ign=”
ri
ght
”>Myr i
ghttext
</div>Kokuma<divali
gn=” cent
er>
Mycent eredtext</di
v>t
ur anci
nprogrammi nggabaday abaaamfani daBri
ti
shEnglishsaidai
AmericanEngl i
sh,
sabodabaar ubutacent
r esaidaicenterdasauransu.

I
dankumakanasoner
ubut
unkay
afi
takamari
ri
nnat
ypewr
it
er,
zakay
iamf
ani
neda<t
t>t
ag</
tt>.I
dankumakana

12
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

sokaqarawarubutunkagirmatozakayiamfanineda<fontsi
ze=””>fontmai att
ri
bute</f
ont>.Sai
kumaidankana
sokacanzamishicolor
,zakay
iamfanineda<f ontcol
or=””
>tag</font>.I
dankumakanasoncanzamusukamanni
ne,
tozakayi
amf anida<fontf
ace=””>t
ag</f
ont>Kumadukawadannanat tri
butezakaiyahadasuneatagdayasuyi
ai
ki
.

YAAKEHADATABLEDAHTML?
Hadatabl
edahtmlbaabubanemai mati
qarwuyaba,
iyakakawaiyanabuqatarkwanci
yarhankalinewaj
engudanar
daaiki
nAkwaiwasutagsdaakeamfanidasumusammanagur inhadatabledin,
wandayakey anzuzanl
issaf
oda
susaiayi
qoqar
iayigwaj
i.Toanmakafi
nmufarakowayasanyandatabl
ey akeko?

Tabl
eyanaqunshedawasusassagudaukuwandayakeduktableyanadasuSunecolumn(Layi
ntsay
e),r
ow(l
ayi
nakwance),
saikumacel
l(wannankumashi
neakesakabayaniaci
ki)Toi
dandaizakafar
atabl
ezakabudashi
ne
da<t
able>t
ag</
table>

Sannankumaaciki
ntagdi
nneakesakarow<tr
>tabl
erowtag</
tr>,
Bayankay
iwannanzaif
it
armakadacol
umn
di
nkagwargwadonyandakasakadat
anaka,
tahanyaramf
anida<td>t
abl
edatar
ow</td>

Yanzubar
imuy
igwaj
i:
<t
able>

<t
r>

<t
d>Suna</
td>

<t
d>Lamba</
td>

<t
d>kwananwat
a</
td>

</
tr>

<t
r>

<t
d>sal
i
su</
td>

<t
d>436367</
td>

<t
d>11/
23/
2020</
td>

</
tr>

</
tabl
e>

Tohkungaacikinwannant abl
edinnay i
rowbi
yudacolumnukutahany aamf anida<tr
>Tagdakuma<t d>Sai kuma
att
ri
but
edinsu: Shiwannantabledindamukayii
danharmukayirunni
ngdinshi,t
ozaibamuTableneammapl ain
wandabayadabor derTomunai y
asakabordernekadai
tahanyaramfanidabor der
=””at
tri
but
eAciki
nt abl
etag
kamarhaka:<tableborder
=”2”
>Sannankumaakwai paddingdakumamar gin,sukumawaddannanattr
ibutedin
sunaqararubutubalanceneaciki
nt abl
e.

13
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

YaddaAkeHadaFor
m.

For
m aHTMLshineindamut
um zai
shi
gayay
irubut
umisali
kamarrubutasuna,
passwor
dkor
ubut
umai
yawa.Ana
amfani
dawannantagna<i
nput
>misal
ii
dankanasokay
ifor
m sai
kaf ar
ada

<f
orm>t
ag:

<f
ormt
ype=”
”>

<body
>

Hel
l
o

</
body

</
for
m

Yadangant
adawanei
ri
nfor
m kakesokabudewat
otextf
iel
d(waj
eny
inr
ubut
u)a

<i
nput>tagnaka:<inputt
ype=”text
”name=””class=””
>Bar uwansadaclosi
ngtag.Anantype=”text
”yananuf i
ntext
fi
eldnakazaikasancetextne,sannancl
ass=””kumawai kozakai y
akarasaranstyl
esnakaidankay imergerdaCSS
shikumaname=” ”y ananufi
nsunanwannant extfi
elddi
nwat omekakesokay iat
tachi
ngawaj en(zamuyi shii
dan
mukazoPHP)sannanzakai yay iy
addanumbernekawai zaishi
gabatextbakamarhaka: <i
nputtype=”
number ”
name=””cl
ass=””>

Kowanday
akedapasswor
d;<i
nputt
ype=”
passwor
d”name=”
”cl
ass=”
”>

Mi
sal
i
;

14
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

I
dankal
urazakagat
extf
iel
ddinyayidai
daii
ndazakarubut
asunahaka,
tokumai
nai
ndazakar
ubut
atextmai
yawa.
Shi
kumaanacemasa<textar
ea>:<t
extar
eaname=””></t
extar
ea>

CSS
Ma'anarCSSshi ne(CascadingStyl
eSheet)shineyakedaukaral hakindukwani st
yledaadodakeawebsi te.
background,col
or,borderdasauranstyl
esdashi akeyi
.Anai y
aat tachi
ngdi nCSScodesdakumaHTMLcodesduka
afiledayakumasuy iaiki
.Kokumakay icreati
ngdinsuaf il
esdaban- dabanMi sali
:myhtmlfi
l
e.ht
ml,dakuma
my cssfi
le.
csssabodakasamudamardazakai y
aat t
achingdinCSSf i
ledintacikinHTMLf i
ledi
nkumakai ya
amf anidadukwasuat tri
butesdafunct
ionsnawannancssf i
l
edi n.kamary addakasani cewaCSSanay i
nsanedon
sty
leskumakai yahadashi daHTML, t
ohakashi may anadasy ntaxwat ostruct
urenay addaakerubutacodesnasa,
misalil
okacindakay i
niyyaramfanidawani st
yleaHTMLt ofast yledinsaiyakasancedamanakwai shiaCSS,
kamarhaka:<md>headi ng1</md>wannant agdin<md>sai muny imi shicodenashi acsskamarhaka;

md{

t
ext
-al
i
gn:
cent
er;

col
or:
blue;

f
ont
-f
ami
l
y:ar
ial

15
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Baaamf anidawani
tagdindabay at
sareaHTML, towannany ari
gayatsaruaCSSnekumaanyi
yiamatsayi
ntag
Toy anzuaiki
nwannantagdin<md>shinef i
tardar
ubut
uat sakiy
a(cent
er),
dabluecol
or,
sai
kumadafontdi
n
rubutuamat say
inar
ial
kamary addakaganshiasama,barimugwada;

md{

t
ext
-al
i
gn:
cent
er;

col
or:
blue;

f
ont
-f
ami
l
y:ar
ial

<md>headi
ng1</
md>

CSScodedi
nshi
nezai
zoaf
arkosai
HTMLdi
n.headi
ng;
h1,
h2,
h3,
h4,
h5…h6y
addasuket
sar
eaCSS,
shi
ne;

<h3>:

h3{

col
or:
Red;

t
ext
-al
i
gn:
l
eft
;

f
ont
-si
ze:
6pt

Wajenf
ont
-si
zedi
nshinemaf
imuhimmancisabodaanf
isoatsar
ashit
agdin<h3>y
addar
ubut
uzai
yigi
rma.daga
nankai
madakankazakai
yahadasabont
agnakakumakayiamfani
dashiaHTML.

Yaddazamuchanj
abackgr
ound.

CSSshimayanadabackgroundproper
ti
eswadandasukakunshi
image,
col
or,
posi
ti
ondaat
tachment
,mi
sal
imuy
i
amfani
da<body>amat sayinbackgr
oundnamuaCSS:

body{

backgr
ound–col
or:
#A0cde

Kaganay
iamf
ani
dacol
orshi
kadai
kenan,
kumawannant
agdi
n<body
>zamui
yaamf
ani
dashi
aHTMLkamar

16
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

hakay
anzubackgr
oundcol
ornaHTMLpagenamuzai
chanzay
akomadai
dai
dawancencol
orcodedi
n(#A0cde)
:

body{

backgr
ound–col
or:
#A0cde

<ht
ml>

<body
>letmechangemybackgr
oundcol
or</
body
>

I
tcannotchangedbecauset
her
eisnot
ag‘
body
’

</
html
>

Colorcodesunedukwanikala(red,
black,whit
e,pink,
blue…)duksunadauni quecolorcodenasu.ToaCSSy awanci
anfisoari
nkaamf ani
dacolorcodeamai makonsuna, misali#C000B0shi
necolorcodenabl ack,aHTMLduk
wandakasazai zamadaidaine.nayirubutuasama: Itcannotchangedbecousethere'
snot ag'body'
Sabodainkara
nunawacewashi wannanrubutunyaf i
taaciki
ntagna<body >,wandatagdi
ny akunshichangingbackgr
oundcolor.
Idankukalur
azakugacewawanannr ubut
un: l
etmechangemybackgr oundcolorShikadainey aket
sakani
ntagna
<body>sabodahakashikadaibackgroundcolorzaiyiwaai ki
.

Jav
aScr
ipt
Kamary addakukasani t
unaf arkoHTMLdaCSSbasaci ki
npr ogrammi nglanguagessumar kupl anguagedast yl
ish
l
anguagene, sabodabasudaf uncti
onsdaat tr
ibut
esnaoper ati
onkamarper f
ormingl ogical,mat hemat ical
,
compar isonoperati
ons)ammashi JSy anadadukwadannansabodahakashi pureprogr ammi ngl anguage.Misal
i
mai sauki shi
nebazakaiyakirki
rarcalculat
ordaHTMLdaCSSkadai ba,kawaidai zakaiy aamf ani dasunewaj en
“design”ammahadamat hematicaloperati
onsdinfakamar( +,-
,
/,*…)saiansamupr ogrammi ngl anguageskamarJS,
Java, PHP, Py
thon,C-Famil
ykungay anzukenanzamuf ar
aai nahinprogrammi nglanguage, kumazamuf araneda
JavaScr i
pt(JS).WatoJSy anadasauki idankakwantardaranka, abundaakesokawai nut suwane.

1.Var
iabl
e

"var
iabl
e;ma'anadayayakenufiakowaneprogr
amminglanguage.Var
iabl
eshinewanisunadakabawawaniabi
nda
akesoahada.mi sal
i;
alokaci
ndakakar bi
lambarway
ata081373502…sai kasakaaciki
nwayar
kadominkayi
savi
ng,toalokacindakazowajensavi
ngdinnananabukatarkasakasunawat osunanmaiwannanl
ambar,
saika
17
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

r
ubutaSal
isukayi
savi
ng.Shi
kenan.WannansunaSal
i
sushi
nenameofv
ari
abl
edi
nka,
itakumal
ambarway
ari
tace
v
alueofvari
abl
enaka,
kamarhaka:

v
arSal
i
su=081373502…

Kungaananl
ambar081373502…isattachedwi
tht
henameSal i
su.Kumay adday
akeaciki
nway ar
kashi
neduk
l
okaci
ndakakesokakiranizakadannasunananesail
ambartafi
to.Hakananmay akeaprogr
amming,dukl
okaci
n
dakakesowannanl
ambartafit
ohakazakadannasunanvar
iabl
edinnaka.

Decl
ari
ngav
ari
abl
e

Decl
ari
ngkodef
ini
ngdi
nvar
iabl
eshi
ner
ubut
asunanv
ari
abl
edaassi
gni
ngdi
nval
ue,
kamarhaka:

v
arSunanVar
iabl
e=v
alueAnan;

Wannankalmart afarko(var
)dol ezaayiamfanidai t
aalokacindaakesondefini
ngdinv ar
iabl
eaJSpr ogr
ammi ng
l
anguagesaboday af ahi
mci cewaanasoay ideclari
ngdinvari
ablene.sannanwurindanar ubutaSunanVari
able
ananzakar ubutasunanv ar
iabledinka,
zakaiyaamf ani
dakowanei r
insunasaidaiakwaidokokinrubutasunan
var
iabl
e,sannansai kumawannansi gndin(
=)sai val
uenav ar
iablenakashimaakwai dokasannandazar anka
gamasai karufeda( ;
)watoy ananufinendofstatement,aduklokacindakagamar ubutastatementzakasanyashi.
Misal
i:

v
arMy
Class=“
WebDev
evel
opmentcl
ass”
;

Dokoki
ndecl
ari
ngdi
nvar
iabl
e

1.Dokat
afar
ko–i
tacewaj
ensunawat
onameofv
ari
abl
e;baaamf
ani
daspacekamarhaka;

MyCl
ass

Bai
yibadol
esai
dai
MyCl
asskomy
classkokumaay
iamf
ani
dawannanal
amardi
n(_
)kamarhakamy
_cl
ass

2.Dokatabi
yu–zakai
yaamfanidakowanesunadakowaneyar
e,abi
ndabaasoshineamf
ani
dawasuchar
act
ers
kamar!,
@,#,
$,
%,^
,&,
…dasaur
ansusabodamutanezasui
yacewazasuyiamf
anidahaka

#my
vardasaur
ansu.

3.Dokatauku–wajenrubut
aval
uesakwai
ire-
ir
enday
akamat
akay
iamf
ani
dasu,
misal
ii
danl
ambobi
nebabu
bukat
arsaikasakaquot
ati
onmark:

v
arMy
PhoneNumber=081373502;

v
arMy
Name=“
Sal
i
su”
;

18
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Kungabanbanci
waj
enrubut
alambobi
zal
l
adakumal
ett
erszal
l
a.I
dankumami
xednesai
kay
iamf
ani
daquot
ati
on
markdi
nkamarhaka:

v
armi
xed=“
Myf
latnumberi
s37357”

Var
iabl
eyanadaamf
ani
awur
aredadamasabodahakay
akamat
aacemunkoy
iamf
ani
dashi
.

2.Oper
ator
s

Wadannansunekamarsul
ogi
cal
,mat
hemat
ical
,compar
isonoper
ator
skumakowanedagaci
ki
nsuakwai
aiki
nshi
.

Logi
cal
oper
ator
.

Shi
newanday
akedaukarANDdaORana’
ura.Mi
sal
iyanzuace&&shi
neAND|
|shi
neOR

Mat
hemat
ical
oper
ator
;Shi
kumashi
yakekul
adaabi
nday
ashaf
ili
ssaf
i,mi
sal
i
:

4+2=6

3-2=1

4–8=-4

Dukabindazakay
iacal
cul
ator
,tomat
hemati
cal
oper
atorabi
nday
ashaf
ili
ssaf
ishi
yakekul
adashi
,bawai
ant
sar
a
cewaidanmutum yar
ubut
a1+1kace2bane.

Comparisonoper
ator
;Wannanshiyakedaal
hakincompari
ngdi
nlambobidominganowaniabudanganedasu,
Misal
i;
9>12( 9great
erthan12)kunsanwannanbadaidai
banebabuyaddaza’
ayi9taf
i12,
danhakatheansweri
s
fal
se.I
dankarubutahakaaJSamsardazai bakashi
nefal
se.

Gacompar i
sonoper
atorskamarhaka: >gr
eaterthanwannanshineyakecompar i
ngdi nkar
ami dababba<lessthan
shi
mawannany anacompar i
ngdinkarami dababba==equal i
tywannanshineequali
tywatodaidai
-wa-
daidakamar
ace1=1,0=0bakamarnamat hematicsbay addasukeyi2=3x….!
=nullwannannanuf i
nempt y<=lessthanorequal
tokasadakokumadai daida=>greatert
hanorequal t
osamadakokumadai daida.

3.Condi
ti
on.

Condi
ti
onalst
atement,contr
olstr
ucture,conditi
on,contr
olst
atementdukkansuapr ogrammi ngabuday asukenuf
i
kumashidinnedaicondit
ion.Shiyakedaal hakinkuladaeh,koa’a,zaay i
,kobazaay i bawat oat akai
ceyanke
shawar
awandaakecewadeci si
on-making.Mi sali
:bansanadadinkudi naaaccountba, kumai nasonasayikat
i.
Zandubakudin,
idanyahauraN1000zansay ikati
,i
dankumabai hauraba, bazansayaba.Kagaanankay anke
shawar
a,kumaidankanasokay iabunaai kaceapr ogrammingsai kayi
haka: aJS,misali acemunsanadadi nkudi
n
shi
neN1000

v
araccount
Bal
ance=1000;

i
f(
acccount
Bal
ance>1000)
{
19
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

document
.wr
it
e(“
Iwi
l
lsubscr
ibe)
;

el
se{

document
.wr
it
e(“
Iwi
l
lnot
);

Kungaananmunyi amfani
dacompar i
sonoperat
ortay addamukayicompari
ngdinaccount
Bal
ancenamu1000,da
kumaadadinkudi
ndaakesoy akaikafi
nmutum yayankeshawar a.Wannanshi
nemi sal
i
nyaddaabubuwasuke
taf
iyaakoi
na.Kokai i
danzakacir
ikudiaasusunkaidany ay
ikasadaN1000saiacemakakudinkabaikai
ba.ko
kumaidanzakayikir
asaikat
inkayakare,
dukai r
inwannant sar
insuket
afi
ya.

Ty
pesofcondi
ti
on.

I
f–wannanal
okaci
ndacondi
ti
ondi
nday
ane,
misal
i
:Idani
nadadat
azanhauFacebook:

i
f(
dat
a==akwai
){

nat
afi
facebook;

Shi
kenan!

-I
f-el
se–wanannkumaidancondi
ti
ondinyakasancesamadaday ane,wat
oidanzaai
yaamf
ani
daKOkoKUMA,
misal
i:i
dani
nadadat
azanhauFacebook,i
danKUMAbani dazany
ikall
o

i
f(
dat
a==akwai
){

nat
afi
facebook;

}
else{

nat
afi
kal
l
o;

Shikenan!Kumaananmuny iamfanidaKUMAamatsay
inel
se.Shikuma-Nest
edif–idanyakasancecondi
ti
ons
dinsunaday awa,
misal
i
:idanchaji
nwayatay
akai
70%zanyikal
lo,
idanbai
kaibazanhauFacebook,i
dankuwababu
chajizanjonaachaj
i

i
f(
chaj
i
nWay
ata=>70%)
{

nat
afi
kal
l
o;

}
elsei
f(
chaj
i
nWay
ata<70%)
{

nat
afi
facebook;

20
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

}
elsei
f(
chaj
i
nWay
ata==0)
{

nat
afi
jonawaachaj
i
;

}
else{

hmmm;

Ananzamugacewanay iamfanidacondit
ionsgudahudunekumadukkaninsudadali
li
.Idanchaji
nWay atayakai
70%kosamadahakat ozantafikal
lo,i
dankumachaj i
nWayat
ay ayi
kasada70%tozantaf i
facebook,idankuma
chaj
inWay
atayana0%t ozantafi
injonawayartawa,i
danumadukbahakaba( bawadananncondi ti
onsbaduka)t o
kawaihmmm!Babuwani kari
nmagana.Ammaf awannanbaJSprogrammingl
anguagedinbane, misalinekawai
.
Wadannansuneir
e-i
rencont
rolstat
ementapr ogrammingl
anguage.

Yaddazamur
ubut
aJS.

Dukhanyaday
aakebiwajensavi
ngf i
l
ekamaryaddazakayiaHTMl,hakazakayi
aJS.Saidaiwani
lokaci
nidan
kanasokawar
eshidabansaikayishiaf
il
eday
akay i
Savingdinshi
daextensi
on.jsMi
sal
iyanzumugwadaamf ani
dawannancodedi
n:

<ht
ml>

<body
>

<scr
iptl
anguage=“
jav
ascr
ipt
”ty
pe=“
text
/j
avascr
ipt
”>

document
.wr
it
e(“
hel
l
o”)
;

</
scr
ipt
>

</
body
>

</
html
>

Wannanshi nesy nt
axnay addaakerubutaJScode.Zakaganshikamaraci ki
nHTMLsabodat aresuketaf
iya.
Sannanshi kumaanasany ashiaci
kintagnashinamusamman: <scr
iptlanguage=”javascri
pt”
type=”
text
/javascri
pt”>saikumaarufeda</scr
ipt>Todukcodedi nday akeat sakaninsushinewandana’urar
kaza
tadaukaJSne.shi kumawannandocument .wri
te()di
nfunct
ionnewandazai fit
arda( output
)naabindaakesoya
fi
to,misal
i
:document .
writ
e(“Hel
l
oWor l
d”);

Kamaryaddakukagani
asama.Tobayankayiwani
saikay
isavi
ngdi
nshida.htmlext
ensionawayarkakoa
na’
urar
ka.Ammadukabindakar
ubut
aindaibabuwannandocument
.wr
it
e()dinfabazai
fitobadanbakamarHTML
bane.

21
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

GRAPHI
CDESI
GN

Bi
smi
l
lahi
r-
rahmani
r-
rahi
m.

GRAPHICDESIGN watahanyacewaddaakeamf anidai

tawaj
ensadar
wakokumamagancewatamatsal
ata
hany
arTYPOGRAPHY( r
ubutu-
maidaukarhankal
i
),PHOTOGRAPHY(hot
o-mai
jawohankal
i
),I
CONOGRAPHY(al
ama-
mainuni
hadedatake)
,daILLUSTRATION(zane)
.

Kasantuwart
ari
hiakanGRAPHI
CDESI
GN dabay
ananshiabubuwanemasuyawawadandazasudaukemulokaci
mai t
sawokumazasuhanamudamaryi
nwasubayanandawasukadandagaciki
nay
yukandazamukoy aanan
yanzu.

GRAPHICDESI
GNaiki
nekumadarasi
nemaizamankanshiwandayakebadukwanday
aiy
ashi
damarsamunai
kia
ƙar
ƙashi
nwat
amasana'
antakokumadanƙwadagomaizamankanshi.

TASI
RINGRAPHI
CDESI
GNAZAMANI
NYANZU.
Aciki
nwannanzamaninnayauwandamukecikiyakai
gadukwatamasana'
ant
akowatakasuwadawanizai
yiko
wasuzasuy
i,sai
sunhadahannudamaƙir
ƙir
iwatoGRAPHICDESIGNERwandazaiƙay
atardahaj
arsuwaj
ent
allat
a
t
a,dakumay i
makasuwarsuinki
yaci
ki
nsauƙi
,tar
edawasuay y
ukanamusamman.

Awur
aredadamay
anzuGRAPHI
CDESI
GNERSsunabadagudunmuwadar
ibi
sadar
i

mi
sal
iawaj
enhar
kar.
..
.

*Kasuwanci

*Si
yasa

*Waƙoƙi

*Labar
ai

22
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

*Fi
naf
inai

*Bukukuwa

*Wasanni

*Wal
l
afal
i
ttaf
i

*Mur
nargamakar
atu

*Shagal
i
nSal
l
ah

*Mur
narZagay
owarShekar
a

.
.damasauransu,
dol
esai
kasamumuhi
mmi
yarr
awardaGRAPHI
CDESI
GNERy
aket
akawat
awadannanabubuwa
danal
issaf
a.

Ay
anzumadai
takai
gababui
ndaba'
ayi
damuaci
ki
nhuddarduni
ya.

SHAWARA.
Gadukmai
sha'
awarkoy
onGRAPHI
CDESI
GNkokumay
akey
i.

*Kay
iai
kit
uƙur
udomi
nsamuni
ngant
acci
yarr
ayuwa.

*Kasamar
ankacewal
all
aizakai
yakomami
yesamaday
addakagakowanay
i.

*Kazamamai
gaski
yadahakur
i.

*Kay
ifat
anwani
kowasusuƙwai
ƙway
eka.

*Kaƙi
rƙi
risabonabuci
ki
nfi
ki
rar
kadomi
nAl
l
ahy
ahal
i
cci
kowadakal
arbai
war
shi
.

*Kadungayi
naiki
kanaburgekankakanaburgemutanebawaidankudi
ndaza'
abakaba,
domi
nshi
aiki
nemai
kadai
tardamut
unidanbabugamsuwaci ki
nshigaj
i
yazakay
idayi
nshi
.

Al
l
ahy
asamudace.Ami
n

Waniabunji
ndadidukwaniabudaakey
iay anzuciki
nGRAPHICDESIGNmaf i
y awansuanay
itawayarhannuwato
SMARTPHONE, shi
yasazamukoyawasudarussadagacikimasumatuƙaramfaniwandadawayarkazakayi
suidan
kai
ya,kumatabbasciki
ndayanbi
yu,
kodaikaz amama'ai
kaci
nkankanagidamai dogar
odakai,
kokumakazamo
ma'
aikaci
nwanikamfanishi
makumamai dogar odakai
.

Dafar
kozamufaradar
asi
nmuakankoyonyaddaakecir
emahot obackgr
oundciki
nsauƙi
raway
arhannu.Kabi
yo
hot
unandazasubiy
obayaci
ki
nnatsuwa,
zakagabayaniakany
addazakayihaka.

23
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Muf
ara

24
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

WannanaPHXbr owserne, i
danawat abrowserdincedabanshi mahakazakay ibanbancinbaidawaniyawa.Da
farkokaf
inmuf arakoy onsauranayyukandamukacedol esai munf ar
anemoappl icat
iondindazamuyiaiki
ndashi,
wandashi nezai j
agorancemuwaj enyinaiki
n.Akwaiwaniapplicati
onnamanhaj arAndr oi
dwanday akedamat uƙar
banmamaki maisuna( Pixel
Lab)wannanappl i
cat
iondinshiney akewaki
ltar(
coreldraw)nacomput er
.Tabbasy adda
kagababuabundacor eldr
awbay ayihakashimapixelLabyakeindaiawajenƙirƙir
anenaGr aphi
cs.Akwaishiaciki
n
playstor
enaAndr oiddakay isear
chingPixel
Labzakaganshi ,
Koy onaiki
dashiyafikomai muhimmanci anandomi n
kanaiyayi
nay yukabi l
aadadindashi.Kabihotonnandazaiz ocikinnat
suwadamay ardahankalidankoyonyadda
zakayiamf anidashi.

25
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

26
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

27
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

28
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

29
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

30
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

31
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

32
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

33
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

34
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

35
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

36
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

37
SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

38
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Yanzukumazamuy idarasiakant
ay addazakai
yakoyonhadaINVI
TATIONCARD(kati
ngayy
atanaaure)ciki
nsauƙi
shi
mat awayarhannunka.Kagaidankaiyawannansosaizakai
yazamadanƙwadagomaizamankanshi,domin
kanazaunegi
daay yukazasudungazomakakanay ikanasamunabundogar
odakai.

YADDAAKEHADAI
NVI
TATI
ONCARD(
KATI
NGAYYATARAURE)TAWAYARHANNU.
Samunbl ankinvit
ati
oncardwandazakazubabay anankanakati
ngay yataraureshineabunf arkowandazakaf ar
ayi.
Akwai si
tedadamaasamany anargi zowadandaakesamunshi blanki nvit
ati
oncar daciki
nsu, ir
insupixabay
,
fr
eepikdasaur ansuammamaf isauki shinekay
idownloadnawani applicat
ionamanhaj arAndr oidmai suna
Pint
eresttanannezakadungasamuni r eir
ewadannankayaciki
nsauƙi .Bayankasamobl anki nvit
ati
oncarddinka
saikakaishici
kinpixel
Labkagyarashi kazubabayanankaaci
ki,shikenansai kayisavingkat uramawanday abaka
ai
ki,shikumay aturomakadakudi nka.

Aiki
nagabakumashinezamukoy iy
addazakaiy
ahadacer
ti
fi
catekoawarddakankataci
kinwayarka.Kagashi
ma
wannanidankadaur
ekakoy i
yaddaakey
inshi
kumaharkakwaretabbaszakai
yasamunaikiaƙar
ƙashinwani
kamfanikomasana'
ant
awaddazakadungahadamasushidukbay anwanil
okaci
,ananmakagakazamamai
dogarodakai
tawannanfanni
.

YADDAAKEHADACERTIFI
CATEKOAWARDTAWAYARHANNUCI KI
NSAUƙI.
Shi
madaikamary
addamukay
ibay
ani
akany
addaakehadakat
ingayy
atanaaur
eshi
mahakay
ake,
kumat
ahaka
39
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

zakaiy
ayinshishimaciki
nsauƙi.Ammashi f
ayanadabanbanci dominidankahadanakablankcert
ifi
catedinyaf
i
acekasamowani bl
ankdinnedabankazubabayananka,sabodashi
daiwandazakahadadi ndakankayafikyauda
zamakumanaai nihi
nkamf ani
ndaakahadamashi koƙungiyardaakayimashidominsubawani.Hanyardazakabi
kahadanakabl ankcert
if
icatedi
nkoaward.Aciki
npixelLabzakashigakabiahankal
ikayi
abunkatahany arzuba
shapesdadaidaitasu.

BAYANIAKANYADDAZAMUHADACERTI
FICATEDAKANMUBATAREDAMUNYIAMFANIDAWANIBLANK
CERTI
FICATEBA.

Tashinf arkodai zamudoshi pixelLabapkdi nmumubudet akai t

say e,bay anmubudet azamujel ayinsaiti
nfuskar
aikidagacansamaahannundamar mui ndakedawasudi gaggaat say egudauku: zamushi gaci kimuhaukan
i
magesi zemucanj ashi izuwawi dth1180, hei ght1380zamuy ihakannebadankomai ba,saidanmumudef uskar
aiki
nmusosai y andazamusamuwal walaawaj enyinai ki
.Bayannanzamuaj eshapeakar onf arkowandazai kama
squarene, ma' anamai ƙaf ahudukenan.Bay anmunaj iyeshiakanfuskarai kinmu, zamubashi kalatalauni i
ridaban
dagaci kinzabi nl auni kandamukesosuf itoaci ki
naikinmu.Zamut a6ashapedi nmusai munemomaskmudaur a
akanshi, danmu6at ardat sakiyarshi
,dakumabangar endamukedabuƙat arbatarwadany abamushapemai
bayyanaagef endamar mudagasamadakumagef enhagunmudagaƙasar i
ghthandupdakumal ef
thanddown
hiki
mary inhakanshi nezasuzamogi rmaday akenanaf i
l
infuskarai ki
n,sai kumamuy icopydinshi shapedi nya
zamobi yukenan, nabi y undamukay i kwafidi nshisai shimamubashi launindamukebuƙat aakanshi daganan
kumasai mumay ardashi bay anwancenshapedi nnaf arko,kungazamudannamashi tobackkenan, bayany a
komasai muƙar amashi girmakadant ay addazai iyasamundamarl eƙowat abayanwancenshapedi nday ake
sama, daganankumasai muƙar abudewani sabonshapedi n,wandashi kumaabay andukawadannanshapedi n
zamuaj eshi,kungat saki yadakumagef enhannunmunadamadagaƙasadakumagef enhannunhagunmudaga
samanekadai zai bay yana, zai kasanceshi shapedi nf arine,babuwani launi dazamubashi tundakungaakanshi
dagat saki y
ar ubut unbay ananmuzasuf it
o.I danmukagamadananzamubudewani shapeagai nwandashi kuma
zamuj eci ki
nedi tshapenashi muci r
ecapaci t
ynashi dukay abacemuƙar astrokekumakadandanl ayinshiya
bayyana, kungal ay innemukedabuƙat akenan, shimazamubashi gi rmadai daiyaddazai r
ufemanasamadaƙasa
taredagef enasaur anshapesdi nmu, kungashi nemat sayinborderkenanaci ki
nai ki
nmu.

40
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Wannanshi
necer
ti
fi
cat
edi
ndanahadadawannanbay
ayi
nday
akeasama.MashaAl
l
ahai
kiy
akammal
u.

I
naf
atanAl
lahyaal
bar
kaciabundamukakoyakumayabamunasar
a.

41
 SHAI
EKALBANIWEBDESI
GN&GRAPHI
CSDESI
GN

Godi
yaTaMusamman.

Munagodi
yagaAl
l
ahmadaukaki
nsar
kiday
abamui
konkammal
awannanl
i
ttaf
iay
aur
anarWenesday6/
2021

Sannani
naj
i
nji
nagamanzont
sarkiannabi
nrahmaMuhammadurasul
i
llah(
SAW).Sannaninaaddu'
aAl
l
ahy
akai
r
ahmagaMarigay
i Al
banizar
iay
akumahadaf
uskokinmuaal
jannarfi
rdausi
.

Ameen.

I
namiqogodi
yatazuwagababbandal
ibi
nmar i
gayiShai
kAlbanizari
akumamal aminawatoDr
.KabirAsgaf
ar,
da
iri
ngudumuwardanasamudagagar
eshiwajenganinwannanli
ttafi
yakammal ukumayahaukandokadatsari
.
All
ahyasakamishidamaf if
icinAlkhaer
i.

I
naqar
ami
qagodi
yat
azuwagaAliy
uI ndabawadai
ri
njaj
ir
cewarday ay
iwaj
engani
nwannanl
i
ttaf
iyai
saga
yan'
uwamusulmaidominamfani
nsudacigabanmubakiday
a.

I
nami qasaqongodiyagaAbokai
nairi
nsu;
MohiddenAhmad,
Yahy
aMoh'dBel
lo,
AbuIbrahi
m,dadan'
uwanaAmeer
Sal
i
sudai r
inj
aji
rcewadasukayiwaj
enbani
shawarwari
dagani
nwannanl
it
taf
iyakammaluyaddayakamat
a..

aci
kinsuakwaiwadandasukat
aimakamindanasuil
imi
ndomi nt
abbatardadarussanl
i
ttaf
insunfi
tasunkayat
ar
wandaaciki
akwai;
YahyaMoh'dBel
lo,y
atai
makami nkwarai
dagaskewajenil
i
mi nWebDesign,AbuIbr
ahi
m shi
ne
yadauki
ragamarkoyar
daGraphicsDesi
gn.

Al
l
ahyasakamakudagi
danAl
j
anna.

Thur
sday7-
2021

1:
16Pm.

42