LAPORAN PRAKTIKUM PENGENALAN WEB Modul 1

LAPORAN PRAKTIKUM

PENGENALAN WEB

Modul 1

Pengenalan HTML dan XHTML

Disusun Oleh :

HERI PURNAMA

125410101

TI 03

UPT LABORATORIUM

Sekolah Tinggi Manajemen Informatika dan Komputer

AKAKOM

Yogyakarta

2014

PENGENALAN HTML dan XHTML

1).PEMBAHASAN

A.Listing Program

Ø Tag ini digunakan untuk jaminan bagi anda bahwa tag-tag yang anda buat sepenuhnya berjenis HTML murni ,tanpa ada embel-embel tag lain yang mempegaruhinya.Ketika broser menemimui tag tersebut maka browser akan mengenali script tersebut sebagai 100% html.

Ø Tag diatas menunjukkan bahwa yang dituliskan adalah kode HTML atau kata kunci yang terletak didalam angle brackets.Tag ini disebut juga sebagai start tag atau opening start.

Ø Ini adalah salah satu bagian yang ada didalam tag yakni head atau kepala yang mana tag yang pertama adalah start tag/opening.

<title>STMIK AKAKOM

Ø Ini adalah tag yang ada didalam tag yakni tag yang mana tag ini disebut start tag dan yang ini  disebut end tag/closing tag. …….. disebut sebagai HTML element.Sedangkan kata ” STMIK AKAKOM” sebagai element content.yang mana elemen konten adalah semua yang terletak diantara start tag dan end tag.

Ø Tag ini

adalah end tag /closing tag dari tag sebelumnya.Ini juga disebut sebagai HTML element.

Ø Tag ini disebut sebagai tag yang mana bagian ini adalah bagian body yang berisi konten yang akan ditampilkan didalam web. adalah start tag/opening tag.Tag ini juga disebut sebagai elemet HTML.

Pengenalan WEB

Ø Tag ini menyebutkan bahwa element content yang ada didalam tag adalah bertipe paragraph.Tag ….
disebut sebagai element html yang mana tag sebagai start tag/opening tag dan
sebagai end tag/closing tag.Dan kata yang ada diantara ….
yakni Pengenalan WEB disebut sebagai element content.

Akakom Career Center (ACC) STMIK AKAKOM kembali menggelar pameran bursa kerja (Job Fair) dengan nama AKAKOM CAREER EXPO 2014 pada 24 s/d 25 Maret 2014 bertempat di Gedung Bale Lantip STMIK AKAKOM Yogyakarta.

AKAKOM CAREER EXPO 2014 sebagai salah satu kegiatan rutin yang disponsori sepenuhnya oleh STMIK AKAKOM Yogyakarta telah didedikasikan untuk dapat menjadi jembatan dalam mempertemukan 3 pihak, yaitu dunia usaha, institusi pendidikan tinggi dan calon tenaga kerja.

Ø  menunjukkan bahwa nantinya teks yang kan ditampilkan didalam browser akan rata kanan kiri terhadap halaman,align sendiri digunakan untuk mengatur posisi teks dalam baris dan atribut yang digunakan adalah justify,justify adalah mengatur posisi teks rata kanan dan rata kiri terhadap halaman. Ini juga menunjukkan bahwa ini adalah paragraph yang kedua. tag  sebagai start tag/opening tag dan

sebagai end tag/closing tag.Dan kata yang ada diantara ….
disebut sebagai element content.

Kegiatan AKAKOM CAREER EXPO 2014 antara lain

1. Presentasi Perusahaan

Paparan profil serta produk-produk unggulan dari perusahaan kepada pengunjung AKAKOM CAREER EXPO 2014.

2. Rekruitmen Tenaga Kerja Langsung

Rekruitmen pegawai tetap ataupun kontrak yang dilakukan langsung di stand-stand perusahaan selama AKAKOM CAREER EXPO 2014.

3. Potential & Psychological Tes

Test potensi dan psikologi dilakukan langsung perusahaan untuk menguji kemampuan dan psikologi pencari kerja / pengunjung AKAKOM CAREER EXPO 2014.

Ø  menunjukkan bahwa nantinya teks yang kan ditampilkan didalam browser akan rata kanan terhadap halaman,align sendiri digunakan untuk mengatur posisi teks dalam baris dan atribut yang digunakan adalah right,right adalah mengatur posisi teks rata kanan terhadap halaman. Ini juga menunjukkan bahwa ini adalah paragraph yang ketiga. tag  sebagai start tag/opening tag dan

sebagai end tag/closing tag.Dan kata yang ada diantara ….
disebut sebagai element content.

Ø Dari script diatas ,halaman web akan menggunakan gambar "Pamflet job fair 2014.jpg" sebagai latar belakang halaman web.

Ø Tag ini adalah tag element html yang mana sebagai end tag/closing tag dari tag

B.Running Program

Ø Dari hasil running diatas terlihat bahwa hasil script yang dibuat dalam teks editor sesuai dengan yang kita inginkan .Title bernama STMIK AKAKOM dan pada paragraph yang pertama bertuliskan Pengenalan WEB pada paragraph yang kedua yakni teks yang ditampilkan rata kanan dan rata kiri serta pada paragraph yang kedua teks yang ditampilkan rata kanan.Dan pada halaman web tersebut berlatar belakang sesuai yang kita inginkan pula.

2).TUGAS

· RUNNING

Ø Tag diatas menunjukkan bahwa yang dituliskan adalah kode HTML atau kata kunci yang terletak didalam angle brackets.Tag ini disebut juga sebagai start tag atau opening start.

Ø Ini adalah salah satu bagian yang ada didalam tag yakni head atau kepala yang mana tag yang pertama adalah start tag/opening.

 PARIWISATA KOTA JOGJA 

Ø Ini adalah tag yang ada didalam tag yakni tag yang mana tag ini disebut start tag dan yang ini  disebut end tag/closing tag. …….. disebut sebagai HTML element.Sedangkan kata ” PARIWISATA KOTA JOGJA” sebagai element content.yang mana elemen konten adalah semua yang terletak diantara start tag dan end tag.

Ø Tag ini

adalah end tag /closing tag dari tag sebelumnya.Ini juga disebut sebagai HTML element.

Ø Tag ini disebut sebagai tag yang mana bagian ini adalah bagian body yang berisi konten yang akan ditampilkan didalam web. adalah start tag/opening tag.Tag ini juga disebut sebagai elemet HTML.

Ø Tag diatas digunakan untuk membuat warna latar belakang pada halaman web,yang mana latar belakang yang dipilih akan berwarna hijau muda dengan kodenya adalah #33ff00"

CANDI PRAMBANAN

Ø Tag ini adalah tag heading yang mana tag heading adalah fungsinya sama seperti judul pada sebuah konten.Bukan judul yang muncul di title bar seperti yang dibuat menggunakan tag namun lebih seperti judul yang ada didalam dokumen itu sendiri.pada script ini yang digunakan adalah tag heading 1.<o:p></o:p> <!--[if !supportLists]Ø tag
yang mana tag ini disebut start tag dan yang ini

disebut end tag/closing tag.
……..
disebut sebagai HTML element.Sedangkan kata ” Ini adalah tag yang ada didalam tag yakni tag yang mana tag ini disebut start tag dan yang ini -->disebut end tag/closing tag. …….. disebut sebagai HTML element.Sedangkan kata ” PARIWISATA KOTA JOGJA” sebagai element content.yang mana elemen konten adalah semua yang terletak diantara start tag dan end tag.

Siapa toh yang tidak kenal candi prambanan , ekm mungkin hanya orang KUPER alias orang kurang pergaulan yang tidak tahu candi prambanan.

candi prambanan merupakan peninggalan bersejarah , tempat ini berjarak kurang lebih 20 km timur kota yogyakarta atau tempatnya ada diperbatasan antara wilayah propinsi jawa tenggah dengan Daerah Istimewa Yogyakarta.

Ø  menunjukkan bahwa nantinya teks yang kan ditampilkan didalam browser akan rata kiri terhadap halaman,align sendiri digunakan untuk mengatur posisi teks dalam baris dan atribut yang digunakan adalah left,left adalah mengatur posisi teks rata kiri terhadap halaman. Ini juga menunjukkan bahwa ini adalah paragraph yang pertama. tag  sebagai start tag/opening tag dan

sebagai end tag/closing tag.Dan kata yang ada diantara

…….<

p> disebut sebagai element content.

Candi Prambanan adalah bangunan luar biasa cantik yang dibangun abad ke-10 pada masa pemerintahan dua radja ,Rangkai pikatan dan rangkai Balitung.Menjulang tinggi setinggi 47 meter(5 meter lebih tinggi dari candi borobudur)berdirinya candi ini telah memenuhi kenginan pembuatnya ,menunjukkan kekayaan hindu di tanah jawa.Candi ini terletak 17 kilometer dari pusat kota yogyakarta,ditenggah area yang kini dibangun taman indah.

sebagai end tag/closing tag.Dan kata yang ada diantara  …. disebut sebagai element content.

candi prambanan memiliki tiga candi utama yakni candi wisnu,candi brahma,dan candi siwa.Ketiga candi tersebut adalah adalah lambang Trimurti dalam kepercayaan HINDU.Ketiga candi itu menghadap ke timur.Setiap candi utama memiliki satu pendamping yang menghadap kebarat yaitu nandini untuk siwa,angsa untuk brahma ,dan garuda unuk wisnu.Selain itu masih terdapat 2 candi apit ,4 candi kelir , dan 4 candi sudut.Sementara halaman kedua memiliki 224 candi.

Ø  menunjukkan bahwa nantinya teks yang kan ditampilkan didalam browser akan rata tengah terhadap halaman,align sendiri digunakan untuk mengatur posisi teks dalam baris dan atribut yang digunakan adalah center,center adalah mengatur posisi teks rata tenggah terhadap halaman. Ini juga menunjukkan bahwa ini adalah paragraph yang ketiga. tag  sebagai start tag/opening tag dan

sebagai end tag/closing tag.Dan kata yang ada diantara  …. disebut sebagai element content.

Ø Tag ini digunakan untuk membuat garis horizontal,garis horizontal merupakan garis yang memisahkan satu bagian dengan bagian lain dalam sebuah desain page.

Ø Ini adalah element konten yang ada didalam tag

join on : My twiter : @Heriisinatra_ , My Fb : Herii Purnama

Ø Tag
digunakan untuk membuat garis baru atau berpindah baris.

Ø Join on adalah elemen content yang ada setelah tag

Ø adalah tag yang digunakan untuk membuat tag bergerak.Yang mana tag akan digerakkan kekanan.Pada tag marquee atribut yang digunakan untuk memembuat tag bergerak kekanan adalah atribut “right”.

Ø sebagai start tag

sebagai closing tag

Ø ……. sebagai elemen HTML

Ø Teks yang terletak diantara ……. adalah elemen content.

Ø Tag ini adalah tag element html yang mana sebagai end tag/closing tag dari tag

· RUNNING

Ø Pada hasil running diatas maka tampilan pun sesuai dangan yang kita inginkan yang man judul titel dengan nama PARIWISATA KOTA JOGJA

Ø JUdul pada dukumen CANDI PRAMBANAN

Ø Paragraph 1 teks rata kiri

Ø Paragraph 2 teks rata kanan kiri

Ø Paragraph 3 rata tengah

Ø Ada garis horizontal

Ø Dan ada teks yang bergerak yakni bergerak ke asah kanan

3).KESIMPULAN

Ø Kesimpulan dari pembahasan Listing Praktikum ini adalah kita dapat mengetahui serta mengenal apakah itu Web dari HTML maupun XHTML. Struktur XHTML dalam penggunaanya hampir sama dengan HTML , hanya lebih terstruktur dan konsisten. Semua dokumen XHTML harus memiliki deklarasi DOCTYPE. Elemen html, head dan body harus ada, dan elemen title harus berada dalam elemen head. Aturan dalam menuliskan tag-tag HTML ditulis dengan forMat diawali tanda ’ <’ dan diakhiri tanda ‘> ‘ , seperti .XHTML lebih compatible untuk diintegrasikan dengan CSS(Cascade Style Sheet) dibandingkan dengan HTML.XHTML memliki konsistensi dalam stuktur konten dalam halamanwebnya.

4).LISTING TERLAMPIR

Rumah Informatika

Contact Us

LAPORAN PRAKTIKUM PENGENALAN WEB Modul 1

……..

0 komentar:

Post a Comment