PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB Pengantar Bahasa HTML Menuliskan kode HTML Membuat dasar Tag Penulisan komentar dalam HTML
Pengenalan WEB Web adalah sistem pengiriman dokumen tersebar yang berjalan diinternet. Dikembangkan oleh Di CERN (European Center for Nuclear Research) di Geneva,Swiss
Apa World Wide Web? Web adalah jaringan komputer di seluruh dunia. Semua komputer di Web dapat berkomunikasi satu sama lain. Semua komputer menggunakan protokol komunikasi yang disebut HTTP.
Bagaimana cara kerja WWW? Informasi web disimpan dalam dokumen yang disebut halaman web. Halaman web adalah file yang tersimpan di komputer yang disebut server web. Komputer membaca halaman web disebut klien web. Klien web melihat halaman dengan sebuah program yang disebut web browser. Browser populer adalah Internet Explorer dan Firefox.
Bagaimana Browser Ambil Halaman Web? Browser menjemput halaman dari web server dengan permintaan. Permintaan adalah permintaan HTTP standar yang berisi alamat halaman. Alamat mungkin terlihat seperti ini: http://www.example.com/default.htm.
Bagaimana Browser Tampilan Halaman Web? Semua halaman web berisi instruksi untuk ditampilkan. Browser menampilkan halaman dengan membaca petunjuk ini. Instruksi tampilan yang paling umum disebut tag HTML. Tag HTML terlihat seperti ini <p> Ini adalah sebuah paragraf </ p>.. Jika Anda ingin mempelajari lebih lanjut tentang HTML, silahkan kunjungi tutorial HTML kami.
Apa itu Web Server? Pengumpulan semua halaman web Anda disebut situs web Anda. Untuk membiarkan orang lain melihat halaman web Anda, Anda harus mempublikasikan situs web Anda. Untuk mempublikasikan pekerjaan Anda, Anda harus menyalin situs Anda ke server web. PC Anda sendiri bisa bertindak sebagai web server jika terhubung ke jaringan. Yang paling umum adalah dengan menggunakan Internet Service Provider (ISP).
Apakah yang dimaksud dengan Internet Service Provider? ISP singkatan dari Internet Service Provider. ISP menyediakan Layanan Internet. Sebuah layanan internet yang umum adalah web hosting. Web hosting berarti menyimpan situs web Anda pada server publik. Web hosting biasanya mencakup layanan email. Web hosting sering meliputi pendaftaran nama domain.
Pengenalan HTML Apakah file HTML itu ? HTML singkatan dari Hyper Text Markup Language. Merupakan suatu bahasa pemorgraman untuk membuat sebuah halaman web. Suatu file HTML sebetulnya adalah file teks biasa (yang bisa diedit oleh Notepad)- namun mengandung berbagai tag markup. File HTML biasanya diberi ekstension htm atau html. Ada dua cara untuk membuat sebuah web page : dengan HTML editor atau dengan editor teks biasa (misalnya dengan notepad). Untuk latihan atau mencoba membuat materi sebaiknya menggunakan notepad Beberapa contoh elemen adalah : head, body, table, paragraph dan list.
Pengenalan HTML Browser, merupakan software yang diinstal di mesin clientyang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman Web,browser yang sering digunakan biasanya Internet Explorer,Netscape navigator dll Editor, program yang digunakan untuk membuat document HTML,ada banyak HTML editor yang bisa anda gunakan diantaranya :Ms.FrontPage,Dreamweaver,Notepad
Pengantar Bahasa HTML (Menuliskan Kode HTML) Pasangan tag <html> dan </html> menandakan kode HTML yang diterjemahkan ke dalam dokumen HTML Bagian kepala adalah tag <head> dan </head>, sedangkan judul ditulis dengan tag <title> dan </title>. Bagian badan adalah tag <body> dan </body>.
Pengantar Bahasa HTML (Menuliskan Kode HTML) Bentuk / kerangka penulisan HTML : <html> <head> <title>…………..</title> </head> <body> ……………………………… </body> </html>
Pengantar Bahasa HTML (Membuat Dasara Tag) Contoh : <html> <head> <title>Contoh Satu</title> </head> <body> Selamat Datang di dunia HTML </body> </html>
Pengantar Bahasa HTML (Membuat Dasar Tag) Setelah selesai simpan dengan nama latihan1.html di MyDocument/HTML_Pagi Sekarang jalankan internet explorer. Pilih menu File open, dan lalu buka file latihan1.html di MyDocument/HTML_Pagi Klik OK Atau double klik file latihan1.html yang ada di MyDocument/HTML_Pagi
Pengantar Bahasa HTML (membuat dasar Tag)
Pengantar Bahasa HTML (membuat komentar dalam HTML) Komentar adalah bagian dari kode HTML yang diabaikan oleh browser. Kegunaan komentar dalam kode HTML adalah sebagai keterangan yang berguna bagi pembaca kode. Misalnya, keterangan digunakan untuk menyebutkan pembuat kode tersebut dan waktu tersebut dibuat serta kegunaan dari kode tertentu.
Pengantar Bahasa HTML (membuat komentar dalam HTML) Sebuah keterangan diawali dengan <!-- dan diakhiri dengan -->. Di dalam kedua tanda tersebut, Anda bisa memberikan keterangan apa saja dan bahkan bisa mencakup beberapa baris. Cara penulisan : <!--Keterangan ini tidak ditampilkan di browser-->
Pengantar Bahasa HTML (membuat komentar dalam HTML) Contoh <!-latihan2.html-> <html> <head> <title>Contoh Latihan 2</title> </head> <body> <!-Isi dari Web Pertama-> Selamat Datang di dunia HTML </body> </html>
Pengantar Bahasa HTML (membuat komentar dalam HTML)