Download - Makalah Webmaster Jessica
-
7/24/2019 Makalah Webmaster Jessica
1/21
-
7/24/2019 Makalah Webmaster Jessica
2/21
KATA PENGANTAR
Puji seta s$u%u %a#i &anjat%an %eha'iat Tuhan (ang Maha )sa $ang telah #e#*ei%an
%e#a#&uan %e&a'a &enulis+ sehingga &enulis 'a&at #en$elesai%an #a%alah ini! ,'a&un#a%alah &e#oga#an -e* 'an 'ata*ase ini *eisi tentang istilah 'an &engetian -e*#aste
*eseta tugas.tugasn$a!
Tujuan &enulis #e#*uat #a%alah ini 'ituju%an untu% &aa &e#*aca aga setelah #e#*aca
#a%alah ini 'a&at #engetahui tentang -e*#aste *eseta tugas.tugasn$a! /elain itu #a%alah ini
juga #eu&a%an tola% u%u sejauh #ana %e#a#&uan 'ala# #e#aha#i #ata %uliah
Pe#oga#an e* 'an Data*ase %hususn$a 'ala# su* *a* e*#aste ini+ sehingga tetai%
untu% #enga&li%asi%ann$a 'i #asa $ang a%an 'atang!
Tei#a %asih %e&a'a &iha%.&iha% $ang te%ait 'ala# &e#*uatan #a%alah ini $ang telah
#e#*antu &enulis #en$elesai%an #a%alah ini! Mohon #aa atas segala %e%uangan $ang
te'a&at 'ala# #a%alah ini! Penulis sangat #enghaa&%an %iti% 'an saan &aa &e#*aca guna
#eleng%a&i %a$a tulis il#iah ini!
De&o%+ "e*uai 201
Penulis
1
-
7/24/2019 Makalah Webmaster Jessica
3/21
DA&TAR !S!
KATA PENGANTAR!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!i
DA&TAR !S!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!ii
WEBMASTER DAN TGAS-TGASN'A!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1
BAB ! PENDAHLAN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1
1!1 ata Bela%ang!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1
BAB !! LANDASAN TEOR!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1
2!1 Pengetian Istilah e*#aste!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1
2!2 Tugas.tugas e*#aste!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!21! e* Designe!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!3
Tugas.tugas e* Designe!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!3
2! e* Poga##e!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Tugas.tugas e* Poga##e!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
3! e* ,ni#ato!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!104! e* ,'#inistato!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11
Tugas.tugas e* ,'#inistato!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11
BAB !!! PENTP!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!14
3!1 Kesi#&ulan!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!14DA&TAR PSTAKA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!15
LAMP!RAN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1
2
-
7/24/2019 Makalah Webmaster Jessica
4/21
-
7/24/2019 Makalah Webmaster Jessica
5/21
Dahulu+ istilah -e*#aste 'i*ei%an %e&a'a oang $ang su'ah ahli 'ala# *i'ang
-e* 'e6elo&e! Ke#a#&uan seoang -e*#aste #enca%u& 2 %eahlian $aitu: -e*
'esaine 'an -e* &oga##e! ,'a oang $ang *e*a%at #en'esain ta#&ilan -e*site
#enja'i #enai% %aena *e'asa%an cita asa esteti%a %ein'ahan+ #a%a oang tese*ut
*isa #enja'i -e* 'esaine! Dan se*ali%n$a+ a'a juga $ang #a#&u #e#*uat se*uah s%i&
&e#oga#an -e*site $ang 'ina#is+ ata%ti *e'asa%an logi%a 'an algoit#a $ang
&enuh 'engan *ais %o'e.%o'e+ #a%a ja'ilah -e* &oga##e $ang han'al!
Pa'a saat ini+ &e%e#*anganintenet'an -e*site $ang su'ah se#a%in #aju+ 'an
*e%at %eja &aa -e*#aste sesungguhn$a+ *an$a% -e*#aste 'a'a%an *e#unculan!
,&alagi 'ita#*ah *an$a%n$a -e*site *e*asis 9M/ #au&un lainn$a $ang 'a&at
'iguna%an secaa instan 'an gatis! /e*ut saja -o'&ess+ *logs&ot+ joo#la+ -ee*l$+jounal+ 'll+ 'engan #u'ahn$a *isa #e#o'ii%asi ta#&ilan 'an s%i&!
Istilah webmastersesungguhn$a a'alah oang $ang #a#&u #en'esain 'an
#e#&oga# se*uah -e*site! /elain itu -e*#aste 'ituntut juga #e#&un$ai
%e#a#&uan 'an -a-asan $ang luas #engenai %e#a#&uan 'esain 'an &oga#+
sehingga *isa #eencana%an+ #eancang 'an #enganalisa -e*site 'engan *ai%! Bah%an
untu% ting%at lanjut+ -e*#aste haus #e#&un$ai %e#a#&uan #enga#an%an -e*site
'ai seangan.seangan oang $ang ta% *etanggung ja-a* $ang selalu #engintai untu%
#ela%u%an hac% 'an 'eace!
2!2 Tugas.tugas e*#aste
Pa'a 'unia Te(n)*)g+ !n,)ras+T!;+ *an$a% istilah &oesi %hususn$a $ang
*ehu*ungan 'engan web! Be*ea&a 'i antaan$a a'alah web designer, web programmer,
web administrator+ 'an web animator! /ecaa u#u# -e*#aste #enca%u& se#ua &oesi
tese*ut! Kena&a 'e#i%ian < %aena webmastera'alah se*utan untu% oang $ang ahli
'ala# 'unia -e* sehingga seoang -e*#aste ti'a% han$a *isa #en'esain hala#an -e*
2
http://www.kumau.info/2012/05/pengetahuan-dasar-internet.htmlhttp://www.kumau.info/2012/05/pengetahuan-dasar-internet.html -
7/24/2019 Makalah Webmaster Jessica
6/21
saja+ teta&i juga haus 'a&at #e#*uat siste#n$a 'an #ea-at -e*site tese*ut hingga
teta& a'a 'an #encegahn$a 'ai %eusa%an $ang 'a&at teja'i! /eoang -e*#aste a'alah
seoang $ang #ela%u%an hal.hal se&eti :
Me#*uat #atei atau isi situs content cretion;!
Men'esain asite%stu situs -e* architectural design;! Menea&%an a&li%asi situs -e* implementation;!
Me#*uat ta#&ilan situs -e* visual design;!
Mengelola situs -e* management;
/ecaa gais *esa 'a&at 'i si#&ul%an *ah-a seoang -e*#aste *etanggung ja-a*
untu% #eencana%an+ #eancang+ #engelola+ 'an #e#elihaa situs -e* aga teta& 'a&at
*ejalan 'engan *ai%! =al lain $ang haus 'i la%u%an $aitu #ea-at 'an #enge#*ang%an
siste# atau &oga# $ang 'i guna%an! Me#*uat situs -e* 'a&at 'ini%#ati &engunjung+
#enjagan$a 'ai %eusa%an 'an &elanggaan $ang 'atang 'ai 'ala# #au&un 'ai lua
$ang 'a&at 'i se*a*%an oleh ulah #anusia #au&unsoftware! /eoang -e*#aste juga
haus teus *elaja+ *e*agi+ 'an *e%a$a 'e#i *angsa 'an negaan$a!
/e&eti 'i jelas%an se*elu#n$a+ &oesi -e*#aste te'ii 'ai web designer, web
programmer, web animator+ 'an web administrator! /e#ua &oesi tese*ut #eu&a%an
*agian $ang ta% 'a&at 'i &isah%an satu sa#a lain untu% 'a&at #enja'i seoang -e*#aste
&oesional! Bei%ut a%an 'i jelas%an secaa inci tugas 'ai #asing.#asing &oesi $ang
'i ca%u& oleh -e*#aste!
$. Web /es+gner
e* 'esigne a'alah oang $ang tugasn$a #en'esain -e*! /e*agai seoang
-e*#aste haus #e#&un$aijiwa seni dan terampil'ala# #engga#*a! Pe#ilihan
*entu% 'esain $ang 'a&at #e#*uat ta%ju* &engunjung %eti%a #elihat hala#an -e*
$ang 'i ancangn$a! Be*ea&a &oin &enting *agi seoang -e* 'esigne 'ala#
#eangcang hala#an -e* a'alah se*agai *ei%ut:
Dala# #en'esain 'an #eangcang hala#an -e*+ &ehati%an kompabilitas
resolusi monitor&engunjung!
Desain haus 'i ancang se#enai% #ung%in 'an sesuai 'engan tujuan situs!
Desain $ang 'i ancang haus #engi%uti ten' $ang a'a!
Penggunaan -ana ti'a% telalu teang atau&un telalu gela&! Desain $ang 'iancang haus 'i tuju%an 'engan %e&uasan &engunjung atau oang
*n$a%+ *u%an 'e#i %e&uasan sen'ii!
Mengguna%an tipografi$ang *ai% 'an informatif!
3
-
7/24/2019 Makalah Webmaster Jessica
7/21
Be*ea&a sot-ae $ang 'a&at 'i guna%an oleh -e* 'esigne untu% #en'esain
hala#an -e* a'alah a'o*e &hotosho&+ a'o*e illustato+ ie-o%s+ eehan'+ 'an lain
se*again$a!
Tugas-tugas Web Des+gner
Kalau *e*icaa soal -e* 'esigne+ #a%a jelas &e%ejaann$a a'alah #e#*uat
'esain se*uah -e*site+ 'esain tese*ut a%an 'i*u%a atau 'ini%#ati &a'a se*uah la$a
se&eti la$a %o#&ute+ la$a han'&hone+ la$a ta*let+ 'esain -e* *u%an 'esain $ang
nantin$a a%an 'iceta% se&eti *osu+ &oste+ *anne+ atau co6e #ajalah %aena itu
&e%ejaan seoanggraphic designer! Tentun$a ini sangat *e*e'a+ 'ai #e'ian$a &un
sangat *e*e'a+graphic designer&e%ejaann$a le*ih 'o#inan %e &e#*uatan 'esain untu%
#e'ia ceta%+ se'ang%an -e* 'esigne hasil &e%ejaan$a a%an 'i *u%a 'i se*uah la$a
#onito!
a. Meran0ang K)nse1 Lay)ut 2W+re,ra+ng3
Tugas &eta#a -e* 'esigne a'alah #e#*uat ancangan la$out -e*site+
ancangan la$out ini *e#aca#.#aca#+ a'a $ang se%e'a #e#*uat -iea#e 'engan
coet.coet 'i %etas atau 'engan tools untu% #e#*uat -iea#e lain$a
se&eti*alsa#i>atau Moc%ing*i'+ a'a $ang cu%u& #e#*a$ang%an 'i ota% 'an langsung
#e#*uatn$a 'i &hotosho&+ a'a $ang langsung 'i *o-se!
4
http://www.tutorial-webdesign.com/category/graphic-design/http://balsamiq.com/http://balsamiq.com/https://gomockingbird.com/http://www.tutorial-webdesign.com/category/graphic-design/http://balsamiq.com/https://gomockingbird.com/ -
7/24/2019 Makalah Webmaster Jessica
8/21
b. Meran0ang Lay)ut Se0ara 4+sua*
/etelah #e#*uat ancangan la$out'ala# *entu% -iea#e+ selanjutn$a tentun$a
#e#*uat *entu% 6isualn$a+ *isa 'i&hotosho&+ie-o% atau gi#&!
Disini -e* 'esigne *isa #en$alu%an i'e.i'en$a 'ala# #e#*uat setia& ele#en $ang
a'a 'i -e*site+ #e#*ei -ana+ #ene#&at%an ga#*a 'an lain$a! e* 'esigne tentun$a
haus &un$a &enjelasan.&enjelasan tentang 'esain $ang 'ia *uat+ *iasan$a ini
te'o%u#entasi leng%a&+ %ena&a #e#ilih -ana tetentu+ ont a&a $ang 'iguna%an+ 'an
lain se*again$a!
0. K)n5ers+ Lay)ut 4+sua* (e HTML /an 6SS
5
http://www.tutorial-webdesign.com/tag/layout/http://www.tutorial-webdesign.com/tag/layout/http://www.tutorial-webdesign.com/tag/photoshop/http://www.tutorial-webdesign.com/tag/photoshop/http://www.tutorial-webdesign.com/tag/layout/http://www.tutorial-webdesign.com/tag/photoshop/ -
7/24/2019 Makalah Webmaster Jessica
9/21
Ta#&ilan 6isual saja *elu# cu%u&+ untu% *isa 'i*ilang se*agai 'esain se*uah
-e*site #a%a ta#&ilan 6isual tese*ut haus *isa 'ijalan%an 'an haus *eungsi 'engan
*ai% ji%a 'i*u%a &a'a se*uah -e* *o-se! ?ntu% itu tentun$a 'i*utuh%an &oses
%on6esi 'ai ile Photosho&+ "ie-o% atau @i#& %e'ala# *entu% =TM 'an 9// aga
*isa 'ijalan%an 'engan *ai% 'i e* Bo-se! Biasan$a 'i%enal istilah /licing+ %aena
se*again *esa 'esain -e* 'i*uat 'engan &hotosho&!
Pa'a *agian ini -e* 'esigne #e#otong.#otong 'esain 6isual $ang su'ah 'i*uat
#enja'i &otongan.&otongan ga#*a! @unan$a tentu aga ga#*a $ang 'iguna%an &a'a
-e*site nantin$a ti'a% *esa 'an #e#*eat%an+ selain itu %egunaan #e#otong.#otong
ga#*a $aitu aga *isa #enentu%an *agian #ana saja *ai% tulisan atau ga#*a $ang
nantin$a *isa 'i*uat 'ina#is 'an *agian #ana $ang han$a statis!
/. Mebuat Susunan Mar(u1 2HTML3
Tugas -e* 'esigne setelah &oses slicing tese*ut a'alah #engatu tata leta%
ele#en.ele#en $ang a'a 'i se*uah -e*site sesuai 'engan *entu% 6isual $ang su'ah
'i*uat se*elu#n$a+ untu% #engatu tata leta% tentun$a 'i*utuh%an &engetahuan a%an
*ahasa #a%u&+ $aitu =TM =$&eteAt Ma%u& angugage; ja'i -e* 'esigne haus
#engeti =TM+ se%aang *ah%an su'ah =TM5!
Kenapa harus mengerti bahasa markup?se%ali lagi %aena 'esain $ang 'i*uat itu nanti
a%an 'i*u%a 'ise*uah la$a #onito 'engan #engguna%an -e* *o-se+ *u%an untu% 'i
ceta%! Ja'i -e* 'esigne haus *etanggung ja-a* #e#asti%an 'esain $ang 'i*uatn$a
*isa ta#&il *ai% 'i *o-se tese*ut+ *u%an han$a satu *o-se+ ta&i a'a *an$a% *o-se
$ang 'iguna%an+ ja'i %o#&ati*ilitas ta#&ilan 'i setia& *o-se juga #enja'i tanggung
ja-a* -e* 'esigne+ ja'i -e* 'esigne haus &aha# juga istilah -e* stan'a'+&e#aha#an a%an -e* stan'a' ini tentun$a a%an sangat #e#*antu %eti%a 'ia #eancang
-e* secaa 6isual 'i &hotosho&+ 'engan &aha# %o#&ati*ilitas *o-se 'ia a%an sangat
*ehati.hati 'ala# #e#*uat 'esain+ jangan sa#&ai a&a $ang 'i*uat ten$ata
#eni#*ul%an hasil $ang *e*e'a ji%a 'ilihat 'i *o-se $ang *e*e'a!
Kenapa web designer yang menyusun markup?%aena -e* 'esigne lah $ang &aling
#engeti *agai#ana sehausn$a 'esainn$a *e%eja &a'a se*uah -e* *o-se!
e. Me1er0ant+( Mar(u1 Dengan 6SS
Mengatu tata leta% ti'a% cu%u& 'engan =TM %aena nanti ja'in$a sangat#onoton+ seoang -e* 'esigne *etugas juga untu% #e#&ecanti% ta#&ilan #a%u&
tese*ut+ tentun$a untu% #e#&ecanti%n$a 'i*utuh%an 9// 9asca'ing /t$lesheet; $ang
#e#ang &asangann$a =TM+ ja'i -e* 'esigne juga haus #e#aha#i 9//+ %aena
'engan 9// lah nanti se#ua ele#en $ang a'a 'i -e*site a%an 'iatu+ se&eti -ana
*ac%oun'+ *entu% te%s+ u%uan te%s+ le*a la$out+ ju#lah %olo#+ 'an lainn$a! Tujuan
6
-
7/24/2019 Makalah Webmaster Jessica
10/21
a%hin$a $aitu aga 'esain $ang 'i*uat secaa 6isual 'i Photosho& 'a&at seu&a 'engan
ta#&ilan 'i *o-se 'ala# *entu% =TM 'an 9//!
,. Meber+ E,e( Taba7an 'ang D+1er*u(an
Di a#an se%aang te%nologi -e*site se#a%in *e%e#*ang 'engan ha'in$a
=TM5+ 9//3+ /C@+ J>ue$+ 'an te%nologi lainn$a! /e#ua te%nologi itu tentun$a untu%
#enunjang ta#&ilan -e*site+ sia&a%ah $ang *etugas atas ta#&ilan se*uah -e*site