FR-FTI-01-02/R0 FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS TARUMANAGARA
Jl. Let. Jend. S. Parman No.1, Blok R Lantai XI, Jakarta 11440 Telp :021- . !"!2!0 - !""#4#, $a% : !#41#24 &e'(ite : )ttp:**+ti.tar,mana-ara.a..id

SATUAN ACARA PERKULIAHAN (SAP)

Fakultas Program Studi Matakulia Kod! Matakulia "!#a$ Kr!dit S!m!st!r Ta u$ Akad!mik Ta$ggal R!%isi Tu&ua$ I$struksio$al Umum (TIK) : : : : : : : : : Teknologi Informasi Sistem Informasi Bahasa Pemrograman III & xHTML, CSS SI2401 2 !"#a$ S%S &ena' 2011 ( 2012 0) *e+r#ari 2012

,gar mahasis-a mengetah#i s.ri't xHTML, "a'at mem+e"akan s.ri't HTML "an xHTML/ Menam+ahkan CSS #nt#k 'engat#ran tam'ilan -e+site serta mam'# menga'likasikann0a ke "alam "ok#men xHTML/ 1/ %a"ir, ,+"#l, 1Pemrograman 2e+ Men.ak#' 3 HTML, CSS, 4a5as.ri't & PHP6, ,n"i 7ffset, 8og0akarta, 2000/ 2. M#r"o.k, %ell0, 19ea" Less, Learn More HTML6, I:& Books 2orl"-i"e, In., ;8, 2000/ / 2inant#, ,sih, Sa'#tra T/ 2ah<#, 1Pemrograman 2e+ "engan HTML, =HTML, CSS, 4a5aS.ri't6, >x'lore, 8og0akarta, 2010/ 4. ---/- s.hools/.om/ . ---/ti?ag/.om/ 1/ T#gas "an Test/ 2/ @<ian Tengah Semester !@TS$/ / @<ian ,khir Semeseter !@,S$/

R!'!r!$si

R!s(o$si

FR-FTI-01-02/R0 FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS TARUMANAGARA
Jl. Let. Jend. S. Parman No.1, Blok R Lantai XI, Jakarta 11440 Telp :021- . !"!2!0 - !""#4#, $a% : !#41#24 &e'(ite : )ttp:**+ti.tar,mana-ara.a..id

P!rt!mua$ 1/

Pokok "a asa$

Tu&ua$ I$struksio$al K usus (TIK)

Mat!ri

R!'!r!$si 1,2, ,4,A

2/

Tentang HTML "an Mahasis-a memahami "asar Mem'ela<ari tag "asar "ari HTML 0ang xHTML, %arater 'emrograman -e+/ +er'asangan/ %h#s#s 'a"a HTML/ Mahasis-a "a'at Mem'erg#nakan tag title se.ara o'tional/ mem'erg#nakan tag HTML #nt#k Mem+#at format HTML #nt#k karakter mem+#at -e+site sen"iri/ #nt#k teks/ Pengat#ran Teks Mahasis-a mem+#at +e+era'a Menam'ilkan +e+era'a 'aragra'h, "an HTML, List HTML, 'aragra'h/ "itam'ilkan "alam Bro-ser Mo"?illa Page Hea"ing/ *ire*ox, 7'era "an I>/ Mahasis-a mem'erg#nakan "aftar +er#r#t !7r"ere" List$, ti"ak Mem+#at <a"-al 'emakaian r#angan +er#r#t !@n7r"ere" List$, la+oratori#m kom'#ter, men# makanan +erkalang !;este" List$ "an "an 'eri+ahasa +eserta artin0a/ ter"efinisi !:efinition List$ #nt#k mem+#at 'en<a"-alan/ Migrasi "ari HTML ke Mahasis-a mengerti tentang :7CT8P>, :T: "engan ST9ICT, xHTML "an xHTML, at#ranBat#ran xHTML "an T9,;SITI7;,L ma#'#n *9,M>S>T/ men<elaskan tentang alasan mengg#nakan xHTML/ Menggam+arkan al#r saat "o.#ment HTTP, *TP "an Mahasis-a '#n mengerti .ara HTML, HTM, xHTML, =ML "ikirim ke To'ologi 4aringan/ ker<a "ari HTTP, *TP "an ser5er sam'ai "engan "iterima #ser "an *ont xHTML, Link 'emilihan to'ologi <aringan 0ang se+alikn0a serta to'ologi <aringan +#s, xHTML, Bookmark +aik/ ring, three, "ais0 .hain "an star/ xHTML/ Mahasis-a "a'at mengganti *ormat #nt#k *ont/ #k#ran h#r#f, -arna "an <enis/ Mer#+ah -arna saat Link +el#m Mahasis-a mam'# mem+#at Link "ig#nakan, han0a "it#n<#k 'ointer, "i'ilih "engan alamat a+sol#t "a relatif "an saat kem+ali ke halaman #tama/ serta Bookmark/ Mengg#nakan Bookmark #nt#k

1,2, ,4,A

,4

FR-FTI-01-02/R0 FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS TARUMANAGARA
Jl. Let. Jend. S. Parman No.1, Blok R Lantai XI, Jakarta 11440 Telp :021- . !"!2!0 - !""#4#, $a% : !#41#24 &e'(ite : )ttp:**+ti.tar,mana-ara.a..id

P!rt!mua$ 4/

Pokok "a asa$ Image %arakter xHTML/

Tu&ua$ I$struksio$al K usus (TIK)

Mat!ri mem+a.a artikel 0ang "it#<#/ Mem'ela<ari format #nt#k men#lis teks "ise+elah kiri, kanan, atas, +a-ah, tengah gam+ar/ Mem+erikan karakterBkarakter kh#s#s 'a"a setia' teks "engan i.on/ Mem'erg#nakan ta+el #nt#k mem+#at "aftar matak#liah serta atri+#tBatri+#t "i"alamn0a/ Mem+#at gam+ar "i"alam ta+el serta -arna latar +elakangn0a/ Mem+#at teks "i"alam ta+el "engan +atas +ingkai terha"a' teks serta ta+el terha"a' teks/ Mem+#at +e+era'a "ok#men "i<a"ikan 1 halaman #nt#k halaman #tama -e+site "engan .ara 0ait# 3 Mem+#at +e+era'a "ok#men men<a"i +e+era'a +aris/ Mem+#at +e+era'a "ok#men men<a"i +e+era'a kolom/ Mengga+#ngkan +e+era'a "ok#men "alam +aris "an kolom 'a"a 1 halaman "ok#men/

R!'!r!$si ,4

A/

xHTML, Mahasis-a mam'# menam'ilkan S'esial gam+ar +eserta atri+#tBatri+#t/ Mahasis-a "a'at mem+#at karakter sim+ol 'a"a halaman -e+site/ Ta+el xHTML/ Mahasis-a "a'at mem+#at ta+el +eserta format #nt#k ta+el/

,4

)/

*rame xHTML/

Mahasis-a "a'at mengerti .ara 'engg#naan frame "i xHTML/

,4

FR-FTI-01-02/R0 FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS TARUMANAGARA
Jl. Let. Jend. S. Parman No.1, Blok R Lantai XI, Jakarta 11440 Telp :021- . !"!2!0 - !""#4#, $a% : !#41#24 &e'(ite : )ttp:**+ti.tar,mana-ara.a..id

P!rt!mua$ C/

Pokok "a asa$

Tu&ua$ I$struksio$al K usus (TIK)

Mat!ri

R!'!r!$si ,4

D/

E/

10/

*orm HTML "an In'#t Mahasis-a mam'# mem+#at Mem+#at in'#t +er#'a text+ox, xHTML/ tam'ilan form se.ara lengka'/ o'tion+ox, ra"io+ox, .he.k+o., sele.t o'tion+ox, text area/ Mem5ali"asi in'#t ke "alam alamat relatif "an a+sol#t/ UTS Iframe xHTML/ Mahasis-a mam'# mem+#at Mem'erg#nakan ta+el se+agai 'engganti +e+era'a "ok#men "alam 1 frameset #nt#k menam'ilkan +e+era'a "ok#men se+agai halaman #tama/ halaman "ok#men, men<a"i 1 halaman "ok#men #nt#k halaman -e+site 0ang "i+#at/ Mengg#nakan name "an target se+agai halaman link 0ang "it#<#/ Tentang CSS/ Mahasis-a mam'# mem+#at Internal CSS "i'erg#nakan #nt#k -e+site se.ara "inamis "engan mem+erikan format 0ang le+ih menarik mem'erg#nakan Cas.a"ing St0le #nt#k teks 'a"a "ok#men xHTML/ Sheet/ Mem+#at tag HTML se+agai format #nt#k CSS/ >ksternal CSS/ Mahasis-a "a'at Mengg#nakan .lass "an i" #nt#k mem'erg#nakan CSS se.ara 'emanggilan "i "alam "ok#men xHTML/ eksternal #nt#k "ok#men 0ang le+ih "ari 1 "engan format 0ang sama/

,4

1,2, ,4,A

1,2, ,4,A

FR-FTI-01-02/R0 FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS TARUMANAGARA
Jl. Let. Jend. S. Parman No.1, Blok R Lantai XI, Jakarta 11440 Telp :021- . !"!2!0 - !""#4#, $a% : !#41#24 &e'(ite : )ttp:**+ti.tar,mana-ara.a..id

P!rt!mua$ 11/

Pokok "a asa$ Inline CSS/

Tu&ua$ I$struksio$al K usus (TIK)

Mat!ri

R!'!r!$si 1,2, ,4,A

Mahasis-a "a'at mem+#at teks Mahasis-a "a'at mem'erg#nakan 0ang menarik "engan CSS format CSS "i"alam tag +o"0 "an langs#ng "i"alam +o"0 "ari "iga+#ngkan "engan tag html lainn0a "ok#men xHTML/ #nt#k "ok#men xHTML/ Mahasis-a mam'# mem+#at -e+site 'er#sahaan se.ara "inamis/ :i'#+likasikan mengg#nakan "omain gratis/ Men"aftarkan "iri 'a"a -e+hosting/ %onfirmasi "ari masingBmasing eBmail #nt#k men"a'atkan #ser i" "an 'ass-or" #nt#k "a'at login ke .'anel/ @'loa" "ok#menB"ok#men 0ang telah "i+#at/ Mana<emen C'anel 'a"a -e+hosting/ P#+likasikan -e+site an"a "engan "omain 0ang telah "imiliki/ Contoh 3 ---/tamat<ita/Dm/.om/ Mengenali <enisB<enis tem'lete/ Mengg#nakan salah sat# tem'lete/ Menge"it tem'lete 0ang "i'erg#nakan/

12/

P#+lish 2e+ "engan mem+#at :omain/

1 /

Mem'erg#nakan tem'lete "an .ara 'enam+ahan serta 'er#+ahan 0ang "iinginkan/

Mahasis-a setelah meng#asai "asarB"asar 'emrogram -e+ "engan tag html "an .ss, saatn0a mem+#at "esain -e+ 0ang menarik "an .e'at saat "iakses oleh #ser/

FR-FTI-01-02/R0 FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS TARUMANAGARA
Jl. Let. Jend. S. Parman No.1, Blok R Lantai XI, Jakarta 11440 Telp :021- . !"!2!0 - !""#4#, $a% : !#41#24 &e'(ite : )ttp:**+ti.tar,mana-ara.a..id

P!rt!mua$

Pokok "a asa$ UAS

Tu&ua$ I$struksio$al K usus (TIK)

Mat!ri

R!'!r!$si

/i',at ole) Koordinator Mata Kuliah

/iperik(a ole) K tua !ro"ra# Studi

/i(a)kan ole) K tua $uru%an

E&N& Ta#at'ita

(a%ino) M&Ko#

(a%ino) M&Ko#