Aplikasi IT
Apa Itu INTERNET ???
Perangkat Akses Internet
· Hardware
Modem : internal atau eksternal menghubungkan antara komputer dengan jalur komunikasi.
Saluran komunikasi : media yang digunakan untuk menerima atau mengirim data dari dan ke internet.
· Software
Software untuk mengakses internet seperti web browser ( Internet Mozilla,
Netscape, Mosaic dll ), software Email ( Microsoft Outlook, mail ), software pengirim/penerima data ( Cute FTP, BFTP dll)
· Penyedia Akses
Untuk dapat mengakses ke internet kita harus menggunakan suatu provider penyedia jasa internet ( Centrin, Telkomnet Instan, Indonet, Wasantara dll ).
WEB BROWSER
Web browser adalah suatu perangkat lunak yang digunakan untuk menampilkan halaman-halaman web (website) yang berada di internet.
• Jenis web browser yang sering dipakai adalah :
1. Internet Explorer
2. Netscape
3. Mozilla
4. Opera
5. Flock
HTML (Hyper Text Markup Language)
• Bahasa Pengkodean untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web.
• HTML terlihat seperti bahasa pengkodean lama, yang di awali dan diakhiri dengan kode-kode html dimana menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web browser
Program Editor HTML
• Editor yang digunakan untuk mengetik, mengedit atau menyimpan Dokumen HTML
• Editor untuk memdesain suatu web dibagi 2 yaitu :
1. Yang bersifat text murni : Notepad dan Ultra Edit
2. Yang WYSIWYG (Graphic) : Netscape dan Front Page.
Struktur Dasar HTML
• Tag – tag Dasar penulisan HTML yaitu :
<HTML>
<HEAD>
<TITLE> Judul Dokumen </TITLE>
<HEAD>
<BODY>
Data – data yang ingin ditampilkan
</BODY>
</HTML>
Elemen dan Tag HTML
· Elemen :
– Elemen <HEAD> : informasi tentang dokumen tersebut, seperti judul dokumen astau hubungannya dengan dokumen lain.
– Elemen <BODY> : menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf, list (daftra), tabel dll.
• Tag :
– Kode khusus dalam HTML. Ditandai dengan <>.
– Tag Awal dinyatakan dalam bentuk <nama Tag>
– Tag Akhir dinyatakan dalam bentuk </nama Tag>
Contoh Tag :
<nama Tag> Teks yang akan ditampilkan </nama Tag>
Desain HTML
• Contoh Desain HTML
<HTML>
<HEAD>
<TITLE>Program Pertama</TITLE>
</HEAD>
<BODY>
<B>INI PROGRAM PERTAMA SAYA</B>
</BODY>
</HTML>
Hasil di Web Browser
ELEMEN DASAR HTML
• Elemen dasar yang menyediakan Informasi berupa teks :
– PARAGRAPH : untuk membuat suatu Paragraf
– BLOCKQUOTE : untuk membuat kutipan teks
– PREFORMATTED TEXT : untuk menampilkan teks seperti yang dituliskan
– DIVIDER : untuk mengelompokkan suatu teks tertentu
PARAGRAF
• Elemen <p>…..</p> untuk menandai teks
sebagai suatu paragraf
• Atribut Paragraf :
| Atribut | Argumen | keterangan |
| Align | Left Right Center Justify | Digunakan untuk perataan suatu paragraf, apakah rata kiri,kanan, tengah ataupun rata kiri/kanan (justify) |
Atribut Argumen Keterangan
Contoh kode HTML untuk Paragraf
<html>
<body>
<p>Paragraf satu.</p>
<p>Paragraf dua.</p>
<p>Paragraf tiga.</p>
<p>Elemen paragraf didefinisikan dengan
menggunakan
tag P.</p>
</body>
</html>
Hasilnya
• Contoh kode HTML dengan tambahan atribut :
<html>
<body>
<p align="right">Paragraf dengan perataan kanan. </p>
<p align="center">Paragraf dengan rata tengah.</p>
<p align="left">Paragraf tiga.</p>
<p align="justify">Paragraf dengan perataan justify.</p>
</body>
</html>
Hasilnya
Format Penyimpanan File HTML
· Karena HTML adalah dokumen yang ditampilkan di dalam Browser, maka format yang dikenal adalah .HTML atau .HTM
· Sehingga file yang disimpan harus memiliki Format .html
• Contoh :
Utama.html
Tidak ada komentar:
Posting Komentar