Pertemuan 2 - Kuliah Online UNIKOM
advertisement
KOMPUTER APLIKASI IT (Information Technology) 2 SKS | Semester 1 | S1 Sistem Informasi Nizar Rabbi Radliya [email protected] Universitas Komputer Indonesia | 2014 Pertemuan 2 [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 Web merupakan layanan yang disediakan di dalam jaringan internet sebagai penyedia informasi (ruang informasi) HTML (HyperText Markup Language) Teknologi Hyperteks Diagram Pohon Struktur Linear Struktur Acak [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 Intenet Explorer Mozilla Firefox Google Chrome Opera Safari Netscape Navigator Hosting [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 URL (Uniform Resource Locator) Contoh URL: http://kait.com/materi/pertemuan2.html http:// merupakan protokol yang umum digunakan untuk melayani dokumen hypertext, http singkatan dari Hypertext Transfer Protocol. kait.com/ merupakan alamat server. | Domain materi/pertemuan2.html merupakan alamat direktori dari halaman web ‘pertemuan2.html’. https:// “Hypertext Transfer Protocol Secure” [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 URL HTTP request Dokumen/Halaman Dokumen/Halaman Web Dokumen/Halaman Web <html></html> Web <html></html> <html></html> Web Browser Pengguna Display HTTP response Client Web Server Server Cara kerja World Wide Web: 1. Pengguna mengetikan URL pada web browser yang ada di komputer klien. 2. Web browser menghubungi web server sesuai dengan URL yang diketikan. 3. Setelah terhubung, web browser mengirimkan HTTP request. 4. Web server menjawab dengan mengirimkan HTTP response (berisi halaman/dokumen web). 5. Web browser menginterpretasikan setiap baris bahasa yang ada pada halaman web menjadi sebuah tampilan web. [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 static | dynamic web 1.0 web 2.0 web 3.0 [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 HyperText Markup Language pengembangan dari SGML (Standard Generalized Markup Language) bahasa yang digunakan untuk menulis halaman/dokumen web dokumen ASCII (American Standard Code for Information Interchange) dirancang untuk tidak tergantung pada suatu sistem operasi tertentu memanipulasi web browser sehingga dapat menampilkan informasi membuat tampilan antarmuka dari sistem aplikasi berbasis web dikendalikan penggunaannya oleh World Wide Web Consortium (W3C) [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 Web Editor: • Notepad++ • Ultraedit • Adobe Dreamweaper [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 Penamaan & Struktur Dokumen HTML <!DOCTYPE> <html> <head> <title> Judul </title> </head> <body> Isi </body> </html> Penamaan dokumen HTML menggunakan ekstensi .htm atau .html. | case sensitive | tanpa spasi. Versi HTML5: <!DOCTYPE html> Versi HTML 4.01: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML "http://www.w3.org/TR/html4/loose.dtd"> Versi XHTML 1.0: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4.01 Transitional//EN" 1.0 Transitional//EN" [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 Elemen , Tag, Atribut, Value <title> Judul </title> Elemen: Tag awal: <title>; tag akhir: </title>; konten elemen: Judul. <body bgcolor=”red”> Isi </body> Tag : <body> </body> Atribut : bgcolor Value : red [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 Membuat dokumen HTML sederhana 1. Buka web editor / notepad 2. Lalu ketik kode html di bawah ini: <html> <head> <title>Mata Kuliah Kait</title> </head> <body bgcolor=“red”> <p align="center">Belajar membuat dokumen HTML</p> </body> </html> 3. Simpan dengan nama file: kait.html 4. Buka dengan web browser (klik 2 kali) [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 Materi Minggu Ke 3 Tag, Atribut, Value pada HTML: 1. Head, title, body, paragraf, break, line break, penggaris, komentar 2. Text formating, font 3. Color 4. List [email protected] | KAIT | 2 SKS | Semester 1 | S1 Sistem Informasi | UNIKOM | 2014 KOMPUTER APLIKASI IT (Information Technology) 2 SKS | Semester 1 | S1 Sistem Informasi Nizar Rabbi Radliya terimakasih [email protected] ? Universitas Komputer Indonesia | 2014