A. Format gambar Saat ini sebagian masyarakat WEB menjadikan format GIF dan JPEG sebagai format standar untuk menampilkan gambar dalam WEB.

Ukuran: px
Mulai penontonan dengan halaman:

Download "A. Format gambar Saat ini sebagian masyarakat WEB menjadikan format GIF dan JPEG sebagai format standar untuk menampilkan gambar dalam WEB."

Transkripsi

1 MS Wulandari HTML 1 PERTEMUAN IV GAMBAR DAN LINK I. GAMBAR Yang harus diketahui sebelum menambahkan gambar dalam dokumen HTML adalah : File gambar lambat untuk di download. Beberapa search engine seperti Alta Vista dan Excite tidak bisa menampilkan file gambar Tidak ada browser grafik/gambar Gambar tidak selalu dikenal secara international Warna gambar mungkin tidak ditampilkan seperti aslinya A. Format gambar Saat ini sebagian masyarakat WEB menjadikan format GIF dan JPEG sebagai format standar untuk menampilkan gambar dalam WEB. B. WARNA GIF ( Graphic Interchange Format ) : menghasilkan gambar sampai dengan 256 warna. Warna sejumlah ini baik untuk membuat gambar logo, icon, garis seni dan gambar-gambar lain yang sederhana tetapi tidak cukup baik untuk menyimpan gambar fotografik. JPEG ( Joint Photographic Expert Group ) : menghasilkan 16,7 juta warna. Dengan warna sebanyak ini, JPEG sangat efektif untuk menyimpan gambar-gambar dengan kualitas foto. C. Pemadatan Ukuran Gambar GIF memadatkan datanya dengan menggunakan metode lossless compression. Metode lossless compression bekerja dengan mencari pola-pola berulang dalam suatu gambar. Lossless compression pada GIF membuang informasi dalam jumlah yang sedikit, yaitu hanya warna-warni dengan pola yang sama. Jika file GIF ditampilkan, waktu yang digunakan tidak lama, karena file hasil pemadatan dengan file yang diuraikan merupakan dua buah file yang hampir sama. Gambar file PNG juga menggunakan lossless compression, sehingga bisa menjadi alternatif pengganti file GIF. JPEG menggunakan metode pemadatan lossy compression. Pemadatan gambar metode lossy compression, membuang sejumlah bit-bit gambar untuk membuat gambar berukuran kecil. Tingkat pembuangan informasi gambar ini biasanya dapat ditentukan oleh pemakai sewaktu membuat file JPEG. D. Menampilkan inline dan external image Cara menampilkan gambar dalam web, ada dua cara, yaitu internal dan eksternal. Internal Image : gambar ditampilkan secara langsung saat web page dimuat dalam browser yang berbasiskan grafik. External Image : gambar yang tidak ditampilkan secara otomatis ketika suatu page dimuat, tetapi hanya akan dimuat jika pemakai menginginkan. Menempatkan gambar pada dokumen HTML sngat mudah, dengan menggunakan tag <IMG> beserta atribut SRC. Kemudian tempatkan nama file dengan URL untuk menampilkan gambar. Penggunaan <IMG> secara umum adalah : < IMG SRC= nama file > <title> Penggunaan Tag IMG</title> <h3 align=center>penggunaan tag IMG</h3> <img src="stik-trs.gif"> Teks ditampilkan setelah gambar. Teks ini terpotong dengan <img src="stik-trs.gif"> gambar logo. Gambar tampil inline setelah teks ini <img src="stk-trs.gif">

2 MS Wulandari HTML 2 E. Mengatur Perataan teks dengan Inline Image Secara default, ketika image inline dengan teks, teks ditampilkan rata bawah dengan gambar. Pengaturan perataan ini menggunakan atribut ALIGN dalam tag <IMG>. TOP : Meratakan teks dengan bagian atas gambar MIDDLE : Meratakan gambar dengan bagian tengah gambar BOTTOM : Meratakan teks dengan bagian bawah gambar <title> Penggunaan Align PadaTag IMG</title> <h3 align=center>perataan Teks dalam tag IMG</h3> <img src="stik-trs.gif" align=top> Teks ini rata dengan bagian atas gambar. <img src="stik-trs.gif" align=middle> Teks ini rata dengan bagian tengah gambar <img src="stk-trs.gif" align=bottom> Teks ini rata dengan bagian bawah gambar. F. Mengatur Posisi Gambar Pada halaman WEB Gambar bisa diatur untuk berada di kiri atau di kanan halaman WEB. Penggunaan atribut ALIGN beserta nilainya dalam tag <IMG> untuk mengatur tampilan teks disekitar gambar. LEFT : Meletakan gambar di sebelah kiri teks. Teks wrap di sekitar gambar RIGHT : Meletakan gambar di sebelah kanan teks. Teks wrap di sekitar gambar. <title> Tag IMG dan atribut ALIGN</title> <h2 align=center>penggunaan Perataan Teks </h2> <img src="stik-trs.gif" align=left> <font size=5>gambar rata kiri</font size> Dalam buku ini akan dipelajari cara membuat halaman WEB. World Wide Web (WEB) adalah suatu kumpulan informasi pada beberapa server komputer yangterhubung satu sama lain dalam jaringan Internet. Buku ini berisi cara pengatur paragraf dokumen, membuat tabel, membuat frame juga tidak ketinggalan cara membuat form. Demikian diharapkan para pembaca nantinya mampu membuat web site sendiri... <img src="stk-trs.gif" align=right> <font size=5>gambar rata kanan</font size> Dalam buku ini akan dipelajari cara membuat halaman WEB. World Wide Web (WEB) adalah suatu kumpulan informasi pada beberapa server komputer yang terhubung satu sama lain dalam jaringan Internet. Buku ini berisi cara pengatur paragraf dokumen, membuat tabel, membuat frame juga tidak ketinggalan cara membuat form. Demikian diharapkan para pembaca nantinya mampu membuat web site sendiri...

3 MS Wulandari HTML 3 G. Mengatur Ukuran Gambar Pada Browser Ada dua keuntungan dengan mengatur ukuran gambar pada browser, yaitu : Pengaturan ukuran membantu pengguna yang tidak bisa menampilkan gambar secara inline. Pengaturan ukuran membuat halaman web lebih cepat ditampilkan. Pengaturan ukuran tinggi dan lebar pada tag <IMG> dilakukan oleh atribut HEIGHT dan WIDTH. Kedua atribut ini mengatur ukuran gambar dengan ukuran pixel. <title> Menggunakan HEIGHT dan WIDTH</title> <h3>mengatur Ukuran Tinggi dan Lebar Gambar </h3> <font size=4>gambar Ukuran Asli</font size><br> <IMG SRC="d:\S T A F F\STIK-trs.gif"><br> <font size=4>gambar Ukuran lebar=180px Tinggi 140px</font size><br> <IMG SRC="d:\S T A F F\STIK-trs.gif" WIDTH=180 HEIGHT=140> H. Menambahkan Teks Keterangan Anda dapat menambahkan keterangan tambahan pada gambar yang ditampilkan secara inline. jika petunjuk mouse diletakan di atas gambar, maka teks keterangan akan ditampilkan. Gunakan atribut ALT dalam tag <IMG>. Pemakaian secara umum : <IMG SRC= nama file gambar ALT= keterangan > <title> Menggunakan atribut ALT </title> <h3>penggunaan atribut ALT </h3> <IMG SRC="d:\S T A F F\STIK-trs.gif" WIDTH=280 HEIGHT=240 ALT="Cover Buku Panduan HTML 4.01">

4 MS Wulandari HTML 4 I. Memberi Border Pada Gambar Gambar yang ditampilkan oleh browser tanpa border. Atribut BORDER memberikan suatu border atau batas pada suatu inline gambar. Inline gambar tidak mempunyai border kecuali berfungsi sebagai link. Nilai untuk BORDER menggunakan satuan pixel. <title> Penggunaan Atribut BORDER</title> <h3>penggunaan BORDER untuk gambar </h3> <A HREF=""><IMG SRC="d:\S T A F F\STIK-trs.gif" WIDTH=100 HEIGHT=100 BORDER=0></A><br><br> <A HREF=""><IMG SRC="d:\S T A F F\STIK-trs.gif" WIDTH=100 HEIGHT=100 BORDER=5></A><br><br> <A HREF=""><IMG SRC="d:\S T A F F\STIK-trs.gif" WIDTH=100 HEIGHT=100 BORDER=10></A><br> J. Memberi Ruang Pada Gambar Atribut HSPACE dan VSPACE digunakan untuk menentukan jarak spasi antara gambar dengan objek di sekitarnya. Atribut HSPACE menentukan spasi horisontal ( bagian kanan dan kiri ) suatu gambar, sedangkan atribut VSPACE menentukan spasi vertikal ( bagian atas dan bawah ) gambar. Spasi ini dinyatakan dalam bentuk pixel dan akan memberi spasi kosong di sekitar gambar. <title>atribut VSPACE dan HSPACE</title> <h3>menggunakan atribut VSPACE dan HSPACE</h3> <IMG SRC="d:\S T A F F\STIK-trs.gif" WIDTH=100 HEIGHT=100 VSPACE=20 HSPACE=20 ALIGN=LEFT><FONT SIZE=4>Teks Wrap disekitar Gambar </FONT SIZE><br> Dalam buku ini akan dipelajari cara membuat halaman web. World Wide Web (WEB) adalah suatu kumpulan informasi pada beberapa server komputer yang terhubung satu sama lain dalam jaringan Internet. Buku ini berisi cara pengatur paragraf dokumen, membuat tabel, membuat frame juga tidak ketinggalan cara membuat form. Demikian diharapkan para pembaca nantinya mampu membuat web site sendiri...

5 MS Wulandari HTML 5 K. Link Dengan Gambar Suatu gambar dapat berfungsi secara bersama-sama dengan tag <A>. jika gambar di klik maka link akan menuju ke informasi yang diberikan pada tag <A>. Gambar yang dijadikan Link muncul dengan dikelilingi kotak. Hal ini untuk membedakan dengan gambar biasa. Anda juga bisa menggabungkan gambar sebagai link dan teks sebagai link. Dengan demikian, ada dua pilihan link ke suatu dokumen. <title>gambar sebagai link</title> <h3>gambar sebagai link</h3> <UL> <LI><IMG SRC="d:\S T A F F\STIK-trs.gif" WIDTH=100 HEIGHT=100 VSPACE=20 HSPACE=20 ALIGN=middle>Ini gambar biasa<br> <LI><A HREF="d:\S T A F F\doc.html"> <IMG SRC="d:\S T A F F\STIK-trs.gif" WIDTH=100 HEIGHT=100 ALIGN=middle></A> Gambar berfungsi sebagai link<br><br> <LI><A HREF="d:\S T A F F\doc.html"> <IMG SRC="d:\S T A F F\STIK-trs.gif" WIDTH=100 HEIGHT=100 ALIGN=middle> Link ke beruang</a><br> </UL>

6 MS Wulandari HTML 6 II. LINK Link dapat menuju ke Web Page, grafik, suara, film, program, isi dari server Gopher, log-in ke suatu remote computer, server atau ke suatu ftp. A. Hypertext dan Hypermedia Dokumen Hypertext adalah dokumen yang berisi link ke dokumen lain. Dokumen Hypermedia adalah dokumen yang berdasarkan hypertext ditambah dengan multimedia seperti gambar, video dan audio. B. Uniform Resource Locator WWW menggunakan URL untuk menuju ke lokasi dari suatu informasi pada server lain. Pemakaian umum URL adalah Protokol://domain_host{:port}/path/nama_file. Dimana protokol adalah salah satu dari : http = untuk suatu file pada server WWW file = untuk suatu file pada sistem komputer lokal gopher = untuk file pada server gopher WAIS = untuk suatu file pada server WAIS telnet = untuk suatu link ke server berbasis telnet news = untuk suatu newsgroup usenet ftp = untuk suatu file pada server ftp Host adalah suatu alamat server. Port memberitahu browser untuk membuka koneksi pada suatu port jaringan yang berbeda dari port default untuk setiap protokol. Path adalah suatu lokasi dari informasi yang dicari di dalam server, sedang nama file adalah nama dari file yang diinginkan. C. Absolute Path dan Relative Path Dalam HTML terdapat dua jenis path, yaitu path absolute dan path relative. Path relative jika lokasi file tersebut relatif terhadap dokumen yang sedang aktif, yaitu terletak di atas atau di bawah direktori dokumen tersebut. Jika suatu file berada di bawah direktori yang sedang aktif, maka direktori file tersebut perlu disebutkan. Misalnya file hal12.html berada di bawah direktori Bab1 maka untuk membuat link ke file hal12.html adalah : <A HREF= Bab1/hal12.html> Link ke halaman 12</A> Jika ingin membuat suatu link ke direktori di atas direktori aktif saat ini, gunakan : <A HREF= /link.html> Link ke file di atas direktori saat ini </A> Tanda.. dalam path menunjukan direktori di atas direktori aktif saat ini. D. Link Ke Bagian Lain dalam Satu Dokumen Secara default link digunakan untuk mendapatkan informasi dokumen Web. Pada contoh program dibawah ini, dokumen HTML mempunyai dua link, satu merupakn anchor tujuan yaitu Bab2.html dan yang satunya anchor gambar GIF, yaitu Sunset.gif. <title>link dan ANCHOR</title> <h3>penggunaan Link dan anchor</h3> Berikut adalah penggunaan Link dan Anchor untuk memanggil dokumen web lain <P>Lihat tanda Link<A HREF="Bab2.html">Bab 2</A> Untuk melihat yang detail <A HREF="../images/hutan.gif"> Gambar Hutan</A>

7 MS Wulandari HTML 7 E. Atribut Name dan ID Atribut href untuk menyatakan suatu file tujuan. Server mencari kedalam direktori di mana dokumen saat ini berada untuk mencari file tersebut. File dokumen tujuan HTML yang menggunakan elemen A bisa diikuti atribut name atau id. Untuk membuat link yang membaca pembaca ke suatu bagian tertentu dalam dokumen, cukup sertakan tanda # setelah nama bagian. Contoh program dibawah ini untuk membuat tabel yang berisi link pada elemen header H2, H3 dan lainnya dalam satu dokumen, dengan menggunakan elemen A dan atribut name dan ID : <title>element A ( atribut name dan id )</title> <h1>daftar Isi</h1> <P><h2><A HREF="#section1">Pengenalan</A><br> <A HREF="#section2"> Latar Belakang</A> <br> <A HREF="#section2.1"> Catatan</A> </h2><br> Jika anda klik salah satu link dokumen di atas, maka isi dokumen yang berada di bawah (tidak tertampung oleh jendela browser) akan ditampilkan. Hal ini akan sangat membantu pembuatan dokumen yang sangat panjang. Misalnya FAQ (Frequently Ask Question), anda bisa klik pertanyaan yang ada, kemudian dokumen akan link ke dokumen pertanyaan, yang sebenarnya berada pada satu dokumen. <br> Dan untuk kembali ke daftar pertanyaan, klik toolbar Back yang berada pada menu Standard, atau jika sudah dibuat link ke daftar pertanyaan tinggal klik kembali saja. <h2><a name="section1">pengenalan</a></h2>...section 1... <h2><a name="sectio2">latar Belakang</A></h2>...section 2... <h2><a name="section2.1">catatan</a></h2>...section Jika anda klik salah satu daftar isi di atas misalnya Pengenalan atau Latar belakang atau Catatan, maka dokumen akan link pada isi dari daftar tersebt yang sebenarnya berada di bagian bawah dokumen. Hal ini dikarenakan jendela browser tidak mampu menampung seluruh isi dokumen. F. Judul LINK Atribut title bisa digunakan dalam elemen A dan LINK untuk menambah informasi tentang link. Informasi ini akan ditampilkan berupa tooltip oleh browser. <title>atribut title</title> <h3>menampilkan title sebagai tool tip</h3> <body>...<br>...<br>

8 MS Wulandari HTML 8 <P>Anda akan melihat lebih jauh ke dalam<a HREF="Bab2.html" title="bab 2">Bab 2</A> <A HREF="./Bab2.html1" title="isi Bab 2.">Bab 2</A> Lihat juga gambar <A HREF="d:\S T A F F\STIK-trs.gif" title="gif Image logo STIK" WIDTH=180 HEIGTH=180>Gambar Logo STMIK JAKARTA STI&K</A> G. Elemen <A> Untuk membuat suatu link dalam HTML elemen dipergunakan elemen anchor yang dinyatakan dengan tag berpasangan <A> </A>. Atribut yang boleh menyertai elemen A adalah : Name : Menyatakan titik anchor dalam suatu dokumen HTML. Href : Menunjukan lokasi dokumen Web. Hreflang : Menunjukan bahasa yang dipergunaka, hanya digunakan bersama dengan href. Type : Atribut ini memberi catatan tipe isi dari dokumen tujuan. Rel : Menggambarkan hubungan dari dokumen asal dengan dokumen tujuan yang ditunjuk dengan atribut href. Rev : menggambarkan hubungan antara dokumen tujuan yang ditunjuk oleh atribut href dengan dokumen asal. Charset : Untuk menspesifikasikan karakter encoding dokumen web. H. Sintaks nama Anchor Anchor mempunyai nila atribut name dan id. Nama anchor harus mengikuti beberapa aturan sebagai berikut : Unik, nama anchor harus unik dalam dokumen. Dalam satu dokumen tidak boleh ada nama anchor yang sama. String #, penggunaan string # untuk menuju ke bagian lain dalam dokumen. I. Dokumen Yang Tidak Ditemukan Browser Jika suatu dokumen yang link tidak ditemukan oleh browser, ada beberapa keterangan : Jika browser tidak menemukan lokasi yang di link, browser akan memberi keterangan. Jika browser tidak bisa mendefinisikan tipe dokumen yang di link, browser akan terus mencobanya dan akan memberi peringatan. J. Elemen <LINK> Elemen ini untuk mendefinisikan suatu hubungan (link). LINK boleh ditampilkan dalam elemen <HEAD> dan ditampilkan berulang kali. LINK mempunyai tugas untuk menyampaikan informasi hubungan antar dokumen /bagian, misalnya toolbar dengan menu drop-down. Berikut adalah contoh potongan program yang menggambarkan beberapa LINK yang berada pada elemen <HEAD>. Dokumen yang aktif adalah Bab2.html. Atribut rel menunjukan hubungan antara dokumen yang aktif dengan dokumen yang ituju. Nilai Index, Next, Prev menjelaskan tujuan dokumen berikutnya. <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN <HTML> <HEAD> <TITLE>Bab 2</TITLE> <LINK rel= Index href=../index.html> <LINK rel= Next href= Bab3.html> <LINK rel= Prev href= Bab1.html> </HEAD> isi dokumen selanjutnya

9 MS Wulandari HTML 9 K. Link Tujuan Dan Kembali Atribut rel dan rev digunakan untuk saling melengkapi. Atribut rel digunakan untuk link ke dokumen tujuan sedangkan atribut rev digunakan untuk link kembali ke dokumen sebelumnya. Dokumen A : <LINK href= docb rel= foo > Mempunyai arti yang sama dengan Dokumen B: <LINK href= doca rev= foo > Kedua atribut boleh digunakan secara bersamaan. Atribut rev menunjukan link kembali dari atribut rel. ini menunjukan bahwa halaman sebelumnya adalah halaman superior. Atribut rel dan rev mempunyai beberapa nilai yang mengindikasikan dokumen sebagai : Parent : Dokumen utama (parent) Index : Dokumen indeks Next : Halaman selanjutnya Contents : Isi dokumen Alternate : Versi alternatif Begin : Awal halaman Nilai alternate menunjukan dokumen referensi dari alternatif versi halaman yang aktif. Alternatif versi ini bisa untuk versi cetak atau alternatif bahasa (tambahan atribut lang). <LINK REL=alternate HREF=FrenchDoc.html LANG=fr TITLE= Paris > L. Link Dan External Style Sheet Jika elemen LINK dihubungkan dengan external style sheet sebuah dokumen, atribut type menunjukan style sheet bahasa dan atribut media menunjukan tampilan media. Sebagai contoh nilai MEDIA=screen menentukan style sheet akan dihubungkan dengan layar video, MEDIA=print menunjukan versi cetak. M. Link Dan Search Engine Elemen LINK digunakan untuk menyediakan keanekaragaman informasi dari serch engine, termasuk : Link untuk alternatif versi bahasa dokumen, ditulis dengan bahasa selain bahasa inggris. Link untuk alternatif versi dokumen, mendesain media yang berbeda seperti versi yang cocok untuk pencetakan Link untuk awal halaman dari sekelompok dokumen Contoh program dibawah ini untuk menggambarkan informasi bahasa, tipe media, tipe link yang dikombinasikan untuk memperbaiki penanganan dokumen oleh search engine. Penggunaan atribut hreflang untuk menemukan versi bahasa yang digunakan dalam dokumen, misalnya bahasa belanda, Portugis dan Arab. Atribut charset digunakan sebagai encoding dalam bahasa Arab. Atribut lang untuk menunjukan nilai atribut title untuk elemen LINk yang didesain dalam bahasa Perancis. <title>manual dalam Bahasa English</title> <LINk title="link : Manual dalam Bahasa Belanda Dutch" type="text/html" rel="alternate" hreflang="nl" href=" <LINk title="link : Manual dalam Bahasa Portugis" type="text/html" rel="alternate" hreflang="pt" href=" <LINk title="link : Manual dalam Bahasa Arab" type="text/html" rel="alternate" charset="iso " hreflang="ar" href=" <LINk lang="fr" title="la documentation en Français" type="text/html" rel="alternate" hreflang="fr" href=" </HEAD>

10 MS Wulandari HTML 10 Contoh berikutnya,menyuruh search engine untuk menemukan versi cetak secara manual. <title>referensi Manual</title> <LINk media="print" title="cetak manual dengan postcript" type="application/postcript" rel="alternate" href=" </HEAD> Contoh program berikutnya, menuruh search engine untuk menemukan halaman depan dari sekelompok dokumen : <title>referensi Manual-halaman 5</title> <LINk rel="start" title="halaman pertama dari buku manual" type="text/html" href=" </HEAD> N. Informasi Path Dengan Elemen Base Dalam HTML, link dan referensi untuk external gambar, applet, proses from, style sheet dan lainnya selalu dispesifikasikan dengan URL. Elemen BASE mengijinkan programmer untuk menspesifikasikan dokumen dasar URL secara nyata. Elemen BASE boleh digunakan tanpa tag penutup. Jadi boleh hanya tag <BASE>. Atribut yang boleh menyertai adalah href, untuk menunjukan absolute URL dapat diubah menjadi relative URL. Elemen BASE muncul dibagian HEAD. Informasi path ditunjukan oleh elemen BASE hanya untuk URL di elemen tersebut muncul. Contoh potongan program : <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN <title>produk Kami</title> <base href= <body> Sudahkah anda melihat<a href=../sangkar/burung.gif >Sangkar Burung</A>? Relative URL :.. sangkar/burung.gif akan menghasilkan : O. Membuat Link Ke Link ke menggunakan mailto: untuk menspesifikasikan alamat. Contoh potongan program : <A HREF=mailto:endang2001@hotmail.com>Kirimi saya </a> URL mailto : menyebabkan browser menampilkan suatu kotak pesan dimana pembaca dapat mengetikan pesan-pesannya.

11 MS Wulandari HTML 11 P. Membuat link Ke UseNet News Usenet News adalah server yang merupakan forum diskusi dalam jaringan internet. Ini memberi kesempatan kepada semua orang dalam internet untuk mengemukaan pendapat. Ada dua jenis URL untuk news, yaitu URL yang menunjukan ke suatu subyek dan yang menunjuk ke suatu pesan tertentu. Untuk membuat link dengan Usenet, gunakan news : diikuti nama newsgroupnya. <A HREF=news:news.newusers.questions>news.newusers.questions</A> Q. Link Ke FTP Dengan Web, anda dapat melihat dan mengambil file dari suatu server FTP, tetapi anda tidak dapat menaruh file ke server tersebut. Untuk membuat link ke situs FTP, gunakan ftp://namasitus/path. Lihat potongan program berikut ini : <A href=ftp://ftp.novell.com> Server FTP di Novell Inc </A> <A href=ftp://ftp.intel.com/pub> Direktori pub di FTP intel </A> <A href=ftp://ftp.novell.com/pub/patches.zip> File patches.zip </A> R. Link Ke Gopher Untuk mengidentifikasikan gopher, gunakan gopher: diikuti nama situs. Contoh potongan program : <A href=gopher://gopher.eff.org> Gopher organisasi eff </A> <A href=gopher://riceinfo.rice.edu> Gopher informasi beras </A> S. Akses Database Dengan Link WAIS WAIS adalah Wide Area Information System yang bearti banyak database yang bsia dilewatkan. WAIS didesain khusus oleh WAIS corporation sebagai jalan untuk mengakses informasi dalam jumlah besar. Anda bisa link homepage anda dengan database WAIS semudah link dengan yang lain. Gunakan wais: dan diikuti dengan alamat database WAIS. Contoh potongan program : Untuk mencari angka dalam area anda klik : <A href= wais://wais.situsku.com> Disini </A> Tetapi banyak browser tidak support dengan database WAIS. Jika anda menempatkan link database, yakinkan bahwa anda juga sudah memasukan referensi agar browser mendapatkan client WAIS. Link ke Rumus Contoh Web Page mailto:alamat mailto:alamatku@yahoo.com Newsgroup News:newsgroupname News:news.newusers.questions FTP ftp://namasitus/ ftp://ftp.situsku.com/ Gopher Gopher://namasitus/ Gopher://gopher.situsku.com/ WAIS wais://namasitus/ wais://wais.situsku.com/ Telnet telnet://namasitus/ telnet://bbs.situsku.com/

Pemrograman Web WEEK 03 HTML LANJUT

Pemrograman Web WEEK 03 HTML LANJUT 1 Pemrograman Web WEEK 03 HTML LANJUT 2 Introduction IMAGE HYPERLINK IMAGE MAP DIV & SPAN META 1 HTML Image 3 Menampilkan gambar pada halaman web Tag: (tidak memiliki tag penutup) align Atribut Value

Lebih terperinci

TAG HTML LANJUT Tujuan Instruksional :

TAG HTML LANJUT Tujuan Instruksional : 3 TAG HTML LANJUT Tujuan Instruksional : 1. Mahasiswa mengetahui tag-tag tingkat lanjut pada HTML 2. Mahasiswa dapat menyusun dan menyimpan sebuah dokumen HTML dengan tag HTML lanjut 3. Mahasiswa dapat

Lebih terperinci

PEMROGRAMAN WEB. Oleh : Yunita Prastyaningsih, S.Kom

PEMROGRAMAN WEB. Oleh : Yunita Prastyaningsih, S.Kom MODUL PEMROGRAMAN WEB Oleh : Yunita Prastyaningsih, S.Kom Modul 3 1. IMAGE / GAMBAR Untuk menampilkan gambar di dalam dokumen HTML, kita perlu menggunakan tag . Tag ini tidak memiliki pasangan tag

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Internet Internet merupakan suatu jaringan antar komputer yang saling dihubungkan. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio, sehingga

Lebih terperinci

Image / Citra HTML. Materi ke 4

Image / Citra HTML. Materi ke 4 Image / Citra HTML Materi ke 4 Mengapa Butuh Image? Image dapat membuat dokumen HTML lebih menarik dibandingkan hanya berisi teks saja. Memudahkan user untuk memahami informasi yang disampaikan Misal untuk

Lebih terperinci

Materi. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image

Materi. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image Pengenalan HTML Materi I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image I. Pengenalan HTML WWW HTML Browser dan Editor I. PENGENALAN HTML World Wide Web Internet merupakan jaringan global yang

Lebih terperinci

1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML

1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide

Lebih terperinci

LAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Image dan Link

LAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Image dan Link LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Image dan Link Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA

Lebih terperinci

Catatan: Untuk menampilkan gambar bersamaan dengan teksnya maka, pada gambar ditambahkan atribut align, yang bisa diisi nilai top, center, dan bottom.

Catatan: Untuk menampilkan gambar bersamaan dengan teksnya maka, pada gambar ditambahkan atribut align, yang bisa diisi nilai top, center, dan bottom. Image HTML Sebuah gambar berbicara seribu kata, pepatah yang sering digunakan orang untuk menunjukkan terkadang gambar bisa berbicara lebih baik dari penjelasan yang panjang lebar. Gambar di dalam suatu

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1 Informasi dan Internet Informasi menurut Jogiyanto H, M, Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan bagi yang menerima. (Jogiyanto, H.M., Analisis

Lebih terperinci

Pengenalan Perancangan Web 2017

Pengenalan Perancangan Web 2017 5. Marquee Marquee merupakan tag non-standard elemen HTML yang menyebabkan suatu teks/gambar bergerak ke atas dan ke bawah, kanan atau kiri secara otomatis. Tulisan berjalan ini dapat digunakan untuk menuliskan

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan

Lebih terperinci

LAPORAN RESMI. Image dan Link. Dosen Pembimbing : Dwi Susanto,ST, MT. Oleh Hamidah Nur Hidayati

LAPORAN RESMI. Image dan Link. Dosen Pembimbing : Dwi Susanto,ST, MT. Oleh Hamidah Nur Hidayati LAPORAN RESMI Image dan Link Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA

Lebih terperinci

HTML (HyperText Markup Language)

HTML (HyperText Markup Language) HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur

Lebih terperinci

Chapter 3. Grouping Elemen, Penomoran ( listing ), Hyperlink dan Image

Chapter 3. Grouping Elemen, Penomoran ( listing ), Hyperlink dan Image Chapter 3. Grouping Elemen, Penomoran ( listing ), Hyperlink dan Image 3.1. Grouping Element Tag DIV dan SPAN digunakan untuk mengelompokkan element-element HTML. Span digunakan untuk mendefinisikan inline

Lebih terperinci

Gambar, Link dan Marquee Menyisipkan Gambar

Gambar, Link dan Marquee Menyisipkan Gambar Menyisipkan Gambar Selain teks, halaman web juga dapat memuat gambar/image. Terdapat beberapa jenis format gambar yang dapat digunakan pada halaman web, antara lain : GIF (Grafical Interchange Format)

Lebih terperinci

KONSEP DASAR HTML. HTML ( HyperText Mark up Language )

KONSEP DASAR HTML. HTML ( HyperText Mark up Language ) KONSEP DASAR HTML HTML ( HyperText Mark up Language ) hypertext adalah kata yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskahnaskah lainnya markup menunjukkan bahwa pada file HTML berisi

Lebih terperinci

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah. A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen HTML Contoh HTML

Lebih terperinci

PENGENALAN INTERNET. INTERNET - INTERnational NETworking - INTERconnected NETworking

PENGENALAN INTERNET. INTERNET - INTERnational NETworking - INTERconnected NETworking PENGENALAN INTERNET INTERNET - INTERnational NETworking - INTERconnected NETworking Def : 1. Merupakan 2 komputer atau lebih yang saling berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer

Lebih terperinci

MODUL 1 HTML. (HyperText Mark-Up Language)

MODUL 1 HTML. (HyperText Mark-Up Language) MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium STIMIK Komputer PPKIA Pradnya Paramita Malang PERTEMUAN PRAKTIKUM 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar

Lebih terperinci

Pemrograman Internet by Susiana Sari, S.Kom

Pemrograman Internet by Susiana Sari, S.Kom 1 Muara Teweh, 01 April 2009 Susiana Sari, S.Kom Manajemen Informatika Politeknik Muara Teweh STRUKTUR DASAR HTML : sebagai tanda awal dokumen : sebagai informasi page header : sebagai

Lebih terperinci

RENCANA PELAKSANAAN PEMBELAJARAN MUATAN LOKAL. MENDESAIN WEB STATIS Membuat halaman web sederhana

RENCANA PELAKSANAAN PEMBELAJARAN MUATAN LOKAL. MENDESAIN WEB STATIS Membuat halaman web sederhana MUATAN LOKAL MENDESAIN WEB STATIS Membuat halaman web sederhana Perangkat mengajar ini mengacu pada format penyusunan Silabus/RPP/LKS Universitas Negeri Surabaya (UNESA) Tahun 2012 (PLPG 2012). PERTEMUAN

Lebih terperinci

Bab 6 -Manipulasi Gambar Pada Web

Bab 6 -Manipulasi Gambar Pada Web Bab 6 -Manipulasi Gambar Pada Web Web Design Team Dosen (PENS) 1 Pendahuluan Gambar di dalam suatu web page merupakan daya penarik bagi pengunjung suatu web site. Umumnya web site dilengkapi dengan gambar-gambar

Lebih terperinci

MENAMPILKAN GAMBAR. 5.1 Pendahuluan

MENAMPILKAN GAMBAR. 5.1 Pendahuluan Menampilkan Gambar 32 10 5 MENAMPILKAN GAMBAR Tujuan Pembelajaran : Dapat menampilkan gambar pada dokumen HTML dengan menggunakan tag tertentu. Bisa memformat tampilan gambar dalam berbagai bentuk dan

Lebih terperinci

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan

Lebih terperinci

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. MODUL I PENGENALAN HTML A. MAKSUD DAN TUJUAN 1. Maksud a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. Tujuan a. Mahasiswa dapat membuat

Lebih terperinci

Cara Membuat Website Dengan Dreamweaver 8

Cara Membuat Website Dengan Dreamweaver 8 Cara Membuat Website Dengan Dreamweaver 8 Hilmi Akbar Hilmi_Akbar@ymail.com Abstrak Macromedia Dreamweaver 8 merupakan alat desain web komprehensif yang disukai oleh para profesional web, tapi cukup mudah

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Sekilas Tentang Anggrek Anggrek salah satu angota famili Orchidacea yang beranggota sangat banyak. Di dalam famili itu terdapat lebih dari 30.000 spesies dan kurang lebih 800

Lebih terperinci

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.

Lebih terperinci

Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com

Lebih terperinci

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan

Lebih terperinci

Bab 1. HTML (Hypertext Markup Language) A. World Wide Web

Bab 1. HTML (Hypertext Markup Language) A. World Wide Web Bab 1 HTML (Hypertext Markup Language) A. World Wide Web Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainnya di seluruh dunia, TCP/ IP menjadi protocol penghubung

Lebih terperinci

Pemrograman Web Week 2. Team Teaching

Pemrograman Web Week 2. Team Teaching Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting

Lebih terperinci

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah   Website :http://dahlan.unimal.ac.id DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah

Lebih terperinci

Review Pemrograman Web I

Review Pemrograman Web I Review Pemrograman Web I Pemrograman Web II Ganjil 2010 2011 Intro Mata kuliah : Pemrograman Web 2 SKS : 3 Jenis : Mata kuliah wajib Pertemuan : 14 pertemuan kelas Periode : Ganjil 2010 2011 Dosen : Sandra

Lebih terperinci

INTERNET. INTERconnected NETworking. INTERnational NETworking

INTERNET. INTERconnected NETworking. INTERnational NETworking PENGENALAN INTERNET INTERNET INTERconnected NETworking Merupakan 2 komputer atau lebih yang saling berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer di dunia (internasional), yang

Lebih terperinci

4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta

4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta LATIHAN SOAL HTML DASAR 1 1. Singkatan HTML adalah. a. Hyper Text Markup Language b. Hygher Text Markup Language c. Hyper Terminal Markup Language d. Hyper Text Make Language 2. Dibawah ini merupakan tag

Lebih terperinci

Pertemuan V. Semester 1

Pertemuan V. Semester 1 Frames dan iframes ++ Video dan Audio Pertemuan V Pemrograman Web Dasar Semester 1 Frame HTML Frame digunakan untuk menampilkan banyak dokumen html lainnya dalam satu halaman browser pada saat yang sama.

Lebih terperinci

Tutorial Pengenalan HTML (Hypertext Markupable Language)

Tutorial Pengenalan HTML (Hypertext Markupable Language) Tutorial Pengenalan HTML (Hypertext Markupable Language) http://pcr.aksespraktis.net Dilarang menggandakan atau menduplikasi tanpa ijin dari penulis Sekilas Mengenai Bahasa HTML HTML atau kependekan dari

Lebih terperinci

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri FORMAT TEXT Tag Attribut Value Keterangan Body P (Paragraf) H (Heading) ol (Order List) ul (UnOrder List) Font marquee align RGB(red,green,blue) Kode Warna justify Memberikan warna terhadap background

Lebih terperinci

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup

Lebih terperinci

PENGGUNAAN SINGKATAN

PENGGUNAAN SINGKATAN PENGGUNAAN SINGKATAN Adakalanya kita hanya mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag , Anda

Lebih terperinci

MODUL VII PENGATURAN TAMPILAN DOKUMEN

MODUL VII PENGATURAN TAMPILAN DOKUMEN MODUL VII PENGATURAN TAMPILAN DOKUMEN 7.1 Paragraf Elemen menandai serta melatakkan sekumpulan teks sebagai suatu paragraf. Tag menyatakan awal dari paragraf, sedangkan tag menyatakan

Lebih terperinci

Keterampilan Komputer. 8. Pengenalan HTML

Keterampilan Komputer. 8. Pengenalan HTML Keterampilan Komputer 8. Pengenalan HTML Table of Contents: World Wide Web (WWW) HyperText Markup Language (HTML) Browser dan Editor Tag-tag HTML Struktur HTML document Elemen Dasar HTML 2 Objectives Setelah

Lebih terperinci

Materi 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com

Materi 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Materi 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar 1. Memahami cara kerja world

Lebih terperinci

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan

Lebih terperinci

WWW (World Wide Web) Adalah salah satu bentuk layanan yang dapat diakses melalui internet. Biasa disingkat sebagai Web. Merupakan sekumpulan

WWW (World Wide Web) Adalah salah satu bentuk layanan yang dapat diakses melalui internet. Biasa disingkat sebagai Web. Merupakan sekumpulan Pengantar 1 Sub Pokok Bahasan Internet WWW Protokol HTTP (Hypertext Transfer Protocol) URL (Uniform Resource Locator) Protokol Transfer DNS (Domain Name System) Homepage Web Browser Web Server Web Programming

Lebih terperinci

Pengenalan Internet. Arrummaisha A

Pengenalan Internet. Arrummaisha A Pengenalan Internet Arrummaisha A INTERNET INTERnational NETworking Merupakan 2 komputer atau lebih yang saling berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer di dunia (internasional),

Lebih terperinci

PANDUAN UJI KOMPETENSI

PANDUAN UJI KOMPETENSI PANDUAN UJI KOMPETENSI KLASTER WEB DESIGN LSP TIK INDONESIA Jl. Pucang Anom Timur 23 Surabaya 60282, Jawa Timur Telp: +62 31 5019775 Fax: +62 31 5019776 Daftar Isi 1. Latar Belakang... 2 2. Persyaratan

Lebih terperinci

MS Wulandari - HTML 1

MS Wulandari - HTML 1 MS Wulandari - HTML 1 PERTEMUAN VII FRAME A. MEMBUAT DAN MENGGUNAKAN FRAME Frame digunakan untuk : Membuat daftar isi pada suatu sisi frame sementara sisi frame yang lain untuk menampilkan isi Membuat

Lebih terperinci

1. Pengenalan HTML. 2. Tag Dasar HTML

1. Pengenalan HTML. 2. Tag Dasar HTML 1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh

Lebih terperinci

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom Tag Subscript dan SuperScript Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks

Lebih terperinci

Eko Purwanto WEBMEDIA Training Center Medan

Eko Purwanto WEBMEDIA Training Center Medan Membangun Web Bisnis Dengan Frontpage 2000 Eko Purwanto epurwanto@webmediacenter.com WEBMEDIA Training Center Medan www.webmediacenter.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan,

Lebih terperinci

PEMROGRAMAN BERBASIS WEB. Part 1,2 HTML. By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018

PEMROGRAMAN BERBASIS WEB. Part 1,2 HTML. By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018 PEMROGRAMAN BERBASIS WEB Part 1,2 HTML By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018 Referensi HTML5, JavaScript, and jquery 24-Hour Trainer, Copyright 2015 by

Lebih terperinci

Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya

Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya Pertemuan 2 1 Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya menentukan tampilan suatu teks dan tingkat kepentingan

Lebih terperinci

Interaksi Manusia dan Komputer

Interaksi Manusia dan Komputer Interaksi Manusia dan Komputer Tim Dosen IMK THE USER INTERFACE (UI) DESIGN PROCESS Web-Based User Interface 1 Atribut Bagaimana mendesain antarmuka sistem berbasis web untuk membangun website dengan halaman

Lebih terperinci

Pengantar E-Business dan E-Commerce

Pengantar E-Business dan E-Commerce Pengantar E-Business dan E-Commerce Pertemuan Ke-8 (Konsep Dasar Web dan Internet) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan Internet WWW Protokol HTTP

Lebih terperinci

MODUL 1 PENGENALAN HTML

MODUL 1 PENGENALAN HTML MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan

Lebih terperinci

P - 5 Bab 4 : HTML (Hypertext Markup Language)

P - 5 Bab 4 : HTML (Hypertext Markup Language) P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep

Lebih terperinci

BAB III Validasi HTML5

BAB III Validasi HTML5 1 Modul Praktikum Pemprograman Web BAB III Validasi HTML5 A. Tujuan Memahami konsep dasar active web page, Mampu menghasilkan halaman web yang interaktif, Mampu memanfaatkan validasi data menggunakan HTML5.

Lebih terperinci

Menampilkan Images, Audio, Video, dan Membuat Tabel

Menampilkan Images, Audio, Video, dan Membuat Tabel Menampilkan Images, Audio, Video, dan Membuat Tabel Wahyu Widodo, S.Kom.,M.Kom Praktik Pertemuan 5 : Menampilkan Images Menampilkan Audio Menampilkan Video Membuat Tabel Menampilkan Images Rumus menampilkan

Lebih terperinci

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat

Lebih terperinci

HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs.

HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML HyperText Markup Language HTML bahasa pemrograman HTML markup language Digunakan

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen komponen dalam organisasi untuk mencapai suatu

Lebih terperinci

Membuat Layout Web Mengunakan Table

Membuat Layout Web Mengunakan Table Page 1 INFO : ILMUKOMPUTER.ID.AI By PRASETYO UTOMO Web : http://www.prasetyo771.wordpress.com Facebook : facebook.com/tyo777 No Hp : 08982069172 Email : prasetyoutomo771@gmail.com Page 2 1. Pengenalan

Lebih terperinci

Pengenalan Script. Definisi HTML

Pengenalan Script. Definisi HTML 1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML

Lebih terperinci

Interactive Broadcasting

Interactive Broadcasting Modul ke: Interactive Broadcasting HTML Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna Program Studi Broadcasting www.mercubuana.ac.id Pengertian HTML Program adalah kata, ekspresi, pernyataan atau kombinasi

Lebih terperinci

DASAR HTML UNTUK PEMULA

DASAR HTML UNTUK PEMULA DASAR HTML UNTUK PEMULA Dian Propa, dianpropa@gmail.com HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser, seperti Internet

Lebih terperinci

01. Pengenalan Internet

01. Pengenalan Internet 01. Pengenalan Internet Rio Andrianto, S.Kom INTERNET (Interconected Network) Secara umum Internet adalah sebuah sistem komunikasi global yang menghubungkan berbagai mesin komputer dan jaringan-jaringan

Lebih terperinci

XHTML dan Dasar-dasar CSS XHTML

XHTML dan Dasar-dasar CSS XHTML XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language

Lebih terperinci

SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT

SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT 1. HTML 1.1. Susunan Dasar HTML Judul disini Program disini 1.2. Contoh Halaman Pertama Teks dengan Heading 1 Teks

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.

Lebih terperinci

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L Edisi 1 UNIVERSITAS NEGERI SEMARANG Badan Pengembangan Teknologi Informasi dan Komunikasi Modul Pelatihan H T M L U N I V E R S I T A S N E G E R I S E M A R A N G Modul Pelatihan HTML Akhmad Munawar http://about.me/akhmad.munawar

Lebih terperinci

PENGANTAR INTERNET & DESAIN WEB

PENGANTAR INTERNET & DESAIN WEB Program Studi Manajemen Informatika Fakultas Bisnis Dan Teknologi Informasi Universitas Teknologi Yogyakarta PENGANTAR INTERNET & DESAIN WEB Ganjil 2012-2013, S.Kom HTML Dasar Definisi HTML Kemampuan HTML

Lebih terperinci

BAB 5 PROSES EDITING 5.1. EDITING AWAL

BAB 5 PROSES EDITING 5.1. EDITING AWAL BAB 5 PROSES EDITING Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih

Lebih terperinci

BAB V Link atau Kaitan

BAB V Link atau Kaitan BAB V Link atau Kaitan Sekarang kita akan belajar membuat link yang merupakan ciri khas dari dokumen web. Link adalah sebuah teks atau gambar yang bila di-klik akan membawa anda ke bagian lain dari dokumen

Lebih terperinci

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata Dasar Pemrograman Web 2 Pemrograman Web Adam Hendra Brata Teknologi Client Server Konsep Dasar Desain Web Teknologi Client Server Arsitektur Client Server Model komunikasi yang terdiri server sebagai pemberi

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-1 (Konsep Dasar Web) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan Internet WWW Protokol HTTP (Hypertext Transfer Protocol) URL (Uniform

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI 5 BAB II LANDASAN TEORI 2.1 Pengertian Internet Internet berasal dari kata Interconnection Networking yang mempunyai arti hubungan berbagai komputer dengan berbagai tipe yang membentuk sistem jaringan

Lebih terperinci

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA. STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan

Lebih terperinci

6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco

6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco 6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan

Lebih terperinci

PERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage

PERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site

Lebih terperinci

WEB1. Pertemuan Ke-1 (Konsep Dasar Web) S1 Teknik Informatika - Unijoyo 1

WEB1. Pertemuan Ke-1 (Konsep Dasar Web) S1 Teknik Informatika - Unijoyo 1 WEB1 Pertemuan Ke-1 (Konsep Dasar Web) S1 Teknik Informatika - Unijoyo 1 Kegiatan Bobot Nilai (%) Ujian Tengah Semester 25 Ujian Akhir Semester (Demonstrasi Tugas Aplikasi) 35 Laporan Tugas Aplikasi 30

Lebih terperinci

Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)

Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language) Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language) Oleh : Tri Wahyu Nugroho triwahyunugroho@yahoo.com maswahyu@students.ee.itb.ac.id http://s.ee.itb.ac.id/~maswahyu http://www.maswahyu.tk

Lebih terperinci

KURSUS ONLINE JASA WEBMASTERS

KURSUS ONLINE JASA WEBMASTERS KURSUS ONLINE JASA WEBMASTERS HTML Tables, Frame, Image JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta Tebel 6.1 Tabel Tabel banyak digunakan karena dapat menampilkan informasi

Lebih terperinci

INTERNET SEBAGAI TOOL

INTERNET SEBAGAI TOOL INTERNET SEBAGAI TOOL APA ITU INTERNET? Secara teknis, Internet (International Networking) merupakan dua komputer atau lebih yang saling berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer

Lebih terperinci

Pertemuan Ke-1 (Konsep Dasar Web) D3 Manajemen Informatika - Unijoyo 1

Pertemuan Ke-1 (Konsep Dasar Web) D3 Manajemen Informatika - Unijoyo 1 Pertemuan Ke-1 (Konsep Dasar Web) D3 Manajemen Informatika - Unijoyo 1 Internet WWW Protokol HTTP (Hypertext Transfer Protocol) URL (Uniform Resource Locator) Protokol Transfer DNS (Domain Name System)

Lebih terperinci

Pemrograman Web BAB I Pendahuluan

Pemrograman Web BAB I Pendahuluan BAB I Pendahuluan Pemrograman Web 2015 1.1 Internet dan Web Internet sebenarnya merupakan contoh sebuah jaringan computer. Jaringan ini menghubungkan jutaan computer yang tersebar di seluruh dunia. Yang

Lebih terperinci

Pemrograman Web Teknik Informatika Fakultas Teknologi Industri

Pemrograman Web Teknik Informatika Fakultas Teknologi Industri 20 Tag Dasar HTML: menandai awal dan akhir dokumen HTML Sintaks dokumen Head: menandai bagian header dokumen HTML Sintak: header Title: memberi judul pada dokumen HTML Sintaks:

Lebih terperinci

FERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML

FERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML FERNANDYA RISKI HARTANTRI 09018173 / F DASAR-DASAR HTML Hypertext Markup Language, atau seperti yang lebih dikenal, HTML, adalah bahasa computer dari World Wide Web. Bila Anda membuat situs Web, Anda dapat

Lebih terperinci

BAB 1 PENDAHULUAN. Internet, dalam (28 April 2006)

BAB 1 PENDAHULUAN. Internet, dalam  (28 April 2006) BAB 1 PENDAHULUAN 1.1. Pengantar Komputer adalah alat yang dipakai untuk mengolah informasi menurut prosedur yang telah dirumuskan. Kata computer semula dipergunakan untuk menggambarkan orang yang perkerjaannya

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu (Kamus Bahasa Indonesia, 1988, h: 927). Perancangan merupakan penggambaran, perencanaan,

Lebih terperinci

Pengenalan Dasar HTML 5. Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit - KALTENG

Pengenalan Dasar HTML 5. Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit - KALTENG Pengenalan Dasar HTML 5 Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit - KALTENG HTML adalah bahasa standar untuk membuat halaman Web HTML (Hypertext Markup Language) adalah suatu bahasa yang

Lebih terperinci

C. Ms Powerpoint D. Notepad E. Ms Acces

C. Ms Powerpoint D. Notepad E. Ms Acces 1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:

Lebih terperinci

Materi 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com

Materi 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Materi 1 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Memahami cakupan materi dan sistem perkuliahan

Lebih terperinci

Web dan HTML Dasar. Siti Maesyaroh, M.Kom

Web dan HTML Dasar. Siti Maesyaroh, M.Kom Web dan HTML Dasar Siti Maesyaroh, M.Kom 1 Pengenalan Word Wide Web What is an Word Wide Web? Protocol Address HTML 2 Pengenalan Word Wide Web Bagaiman Word Wide Web bekerja? Informasi disimpan dalam dokumen

Lebih terperinci

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE Oleh: Asyti Febliza I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain,

Lebih terperinci

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd. Tatik Retno Murniasih, S.Si., M.Pd. Merupakan software web design yang berguna untuk merancang web dan layout halaman web. Dalam merancang web bisa dilakukan dengan cara mendesain dan memprogram. Untuk

Lebih terperinci