Jurusan Arsitektur FTSP – UMB Aplikasi Komputer MENGENAL HTML Minggu XII HALAMAN WEBSITE DIBUAT.

Presentasi berjudul: "Jurusan Arsitektur FTSP – UMB Aplikasi Komputer MENGENAL HTML Minggu XII HALAMAN WEBSITE DIBUAT."— Transcript presentasi:

1 Jurusan Arsitektur FTSP – UMB http://www.mercubuana.ac.id http://www.mercubuana.ac.id Aplikasi Komputer MENGENAL HTML Minggu XII HALAMAN WEBSITE DIBUAT DENGAN HTML Internet sekarang ini sudah dapat dikatakan menjadi kebutuhan bagi mereka yang haus akan informasi. Teknologi ini sangat berperan dalam menyampaikan berita. Salah satu aplikasi yang paling menonjol dari penggunaan Internet adalah teknologi ”world wide web” atau www, atau sering disingkat web saja. Teknologi ini memungkinkan kita untuk dapat menempatkan sebuah halaman untuk dapat ditampilkan dan dibaca oleh pengguna internet di belahan manapun di seluruh dunia. Website sekarang sudah menjadi bagian dari sebuah institusi, baik institusi bisnis, pemerintahan, pendidikan, organisasi, dll. Pendek kata, agar sebuah institusi dapat menampilkan profilnya, maka ia harus memiliki sebuah alamat di dunia maya. Dengan demikian apabila ada orang yang ingin mencari informasi mengenai institusi tersebut, ia dapat menemukannya dengan media internet. Halaman-halaman yang memuat informasi tersebut tentu harus dapat dengan mudah diakses melalui media internet. Untuk itu, dibuatlah teknologi yang dapat menampilkan format halaman website secara praktis dan memudahkan bagi para pengguna internet, baik dalam hal pembuatan halaman maupun dalam kecepatan akses serta kesederhanaan struktur bahasanya. HTML(HypertextMarkupLanguage)sebenarnyabukanlahbahasa pemrograman!melainkansebuahteknologiyangdikembangkanuntuk mendukung internet. Dengan teknologi ini maka dengan cara yang sederhana orang dapat membuat sebuah halaman yang menakjubkan. Sebuah dokumen html yang kemudian dapat dibaca dan ditampilkan oleh browser internet sebagai sebuah halaman yang tertata rapi dan pintar, dengan tampilan yang menarik dan dapat berinteraksi dari satu dokumen ke dokumen lainnya. BAGAIMANA HTML BEKERJA Browser Internet mengirimkan permintaan file HTML kepada server di Internet 1

2 Jurusan Arsitektur FTSP – UMB http://www.mercubuana.ac.id http://www.mercubuana.ac.id Aplikasi Komputer MEMBUAT HALAMAN HTML SEDERHANA Membuat halaman HTML tidaklah serumit yang Anda bayangkan. Yang kita butuhkan hanyalah sebuah aplikasi notepad. Dengan aplikasi notepad ini kita bisa mengetikkan kode-kode html, yang kemudian dapat dibaca dan ditampilkan oleh browser internet. Sebagai contoh, ketikkan kalimat ini di dalam notepad: THIS IS MY FIRST HOMEPAGE Kemudian Save As file tersebut menjadi sebuah dokumen HTML Ketik index.htm pada bagian File name yang diminta. Tempatkan file tersebut pada folder yang mudah diingat, misalnya pada folder My Documents. File HTML telah siap dibuka oleh browser internet! Untuk mencobanya, aktifkan Windows explorer, kemudian browse pada folder My Documents. Di sini Anda akan mendapatkan file yang telah disimpan tadi ditandai dengan ikon Internet Explorer, yang menandakan bahwa file tersebut 3

3 Jurusan Arsitektur FTSP – UMB http://www.mercubuana.ac.id http://www.mercubuana.ac.id Aplikasi Komputer FORMAT STANDAR HTML Membuat halaman HTML tidaklah serumit yang Anda bayangkan. Yang kita butuhkan hanyalah sebuah aplikasi notepad. Dengan aplikasi notepad ini kita bisa mengetikkan kode-kode html, yang kemudian dapat dibaca dan ditampilkan oleh browser internet. Perintah HTML dapat dituliskan dengan huruf besar maupun huruf kecil, tidak ada perbedaan antara keduanya. Setiap instruksi dimulai dan ditutup dengan menuliskan karakter kurung siku ” ” yang disebut dengan istilah ”Tag”. Banyak sekali tag html yang dapat kita manfaatkan dalam menuliskan halaman website. Tag-tag tersebut ada yang berdiri sendiri dan ada pula yang berpasangan. Untuk tag yang berpasangan, tag pembuka dituliskan biasa tanpa menambahkan garis miring ”/” atau ”slash”. Sedangkan tag penutup menggunakan slash atau ”/”. Contoh: Judul Website Pada contoh di atas, kalimat ”Judul Website” ditempatkan sebagai title bagi halaman website. Browser internet akan menempatkan kalimat tersebut pada bagian title browser. Title 5