A. Format gambar Saat ini sebagian masyarakat WEB menjadikan format GIF dan JPEG sebagai format standar untuk menampilkan gambar dalam WEB.
|
|
- Susanti Susanto
- 6 tahun lalu
- Tontonan:
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
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 terperinciTAG 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 terperinciPEMROGRAMAN 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 terperinciBAB 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 terperinciImage / 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 terperinciMateri. 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 terperinci1. 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 terperinciLAPORAN 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 terperinciCatatan: 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 terperinciBAB 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 terperinciPengenalan 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 terperinciPemrograman 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 terperinciLAPORAN 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 terperinciHTML (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 terperinciPemrograman 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 terperinciChapter 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 terperinciGambar, 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 terperinciKONSEP 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 terperinci1. 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 terperinciPemrograman 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 terperinciPENGENALAN 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 terperinciMODUL 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 terperinciPemrograman 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 terperinciRENCANA 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 terperinciBab 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 terperinciMENAMPILKAN 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 terperinciBAB 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 terperinciMODUL 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 terperinciCara 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 terperinciBAB 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 terperinciHTML. 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 terperinciIankee.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 terperinciBAB 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 terperinciBab 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 terperinciPemrograman 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 terperinciDESAIN 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 terperinciReview 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 terperinciINTERNET. 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 terperinci4. 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 terperinciPertemuan 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 terperinciTutorial 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 terperinciFORMAT 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 terperinciPemrograman 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 terperinciPENGGUNAAN 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 terperinciMODUL 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 terperinciKeterampilan 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 terperinciMateri 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 terperinciDasar 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 terperinciWWW (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 terperinciPengenalan 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 terperinciPANDUAN 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 terperinciMS 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 terperinci1. 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 terperinciPEMROGRAMAN 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 terperinciEko 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 terperinciPEMROGRAMAN 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 terperinciBahasa 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 terperinciInteraksi 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 terperinciPengantar 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 terperinciMODUL 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 terperinciP - 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 terperinciBAB 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 terperinciMenampilkan 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 terperinciMengelola 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 terperinciHTML 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 terperinciBAB 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 terperinciMembuat 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 terperinciPengenalan 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 terperinciInteractive 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 terperinciDASAR 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 terperinci01. 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 terperinciXHTML 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 terperinciSUSUNAN 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 terperinciBAB 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 terperinciEdisi 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 terperinciPENGANTAR 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 terperinciBAB 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 terperinciBAB 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 terperinciDasar 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 terperinciPemrograman 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 terperinciBAB 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 terperinciSTMIK 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 terperinci6. 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 terperinciPERTEMUAN 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 terperinciWEB1. 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 terperinciPembuatan 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 terperinciKURSUS 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 terperinciINTERNET 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 terperinciPertemuan 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 terperinciPemrograman 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 terperinciPemrograman 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 terperinciFERNANDYA 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 terperinciBAB 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 terperinciBAB 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 terperinciPengenalan 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 terperinciC. 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 terperinciMateri 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 terperinciWeb 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 terperinciPEMBUATAN 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 terperinciMacromedia 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