Materi 2 Untuk memudahkan dan memperjelas, mulai sekarang saya hanya akan menuliskan apa yang ada di antara tag. Saya tidak akan menuliskan tag, &. Tentu.

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

HTML.
HTML Hyper Text Markup Language
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Pertemuan 2.  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk.
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
ID pada CSS.
13 CSS ( CASCADING STYLE SHEET II ) Bayangkan jika kita memiliki website dengan 100 halaman. Bayangkan apabila anda ingin mengganti jenis huruf dari tiap.
STMIK PPKIA Pradnya Paramita
DASAR HTML Marina Azizah. Struktur Dokumen HTML Dokumen HTML bisa di bagi mejadi tiga bagian utama: HTML Setiap dokumen HTML harus di awali dan di tutup.
Page properties Cara 1: Cara 2: Menu Modify - Ctrl + J Page Properties
Materi 11 Membuat Form Hai. Saya akan menunjukkan bagaimana membuat web page yang bersifat interaktif dengan penggunaan tag. Dengan tag ini anda dapat.
Ida Bagus Surya Dharma,S.Kom
Apa itu HTML ? Perangkat lunak yang digunakan untuk membuat atau mengetikkan kode file HTML Perangkat lunak yang digunakan untuk menjalankan atau menampilkan.
Pertemuan 9 Cascading Style Sheet (css)
Minggu …8… Page 1 MINGGU Ke delapan Web Teknologi 2 Pokok Bahasan: CSS and Themes Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan dan mengaplikasikan.
HTML.
HTML.
HTML (Hypertext Markup Language)
Cara Mudah Membuat Frame
Basic HTML Konsep dan Fungsi HTML
Materi 3 Kita akan mulai dengan mempelajari sesuatu tentang cara kerja browser. Pertama-tama kita lihat contoh berikut.... Browser anda tidak mengenal.
Rama Lesmana Pendidikan Matematika
CSS.
(Bagi Mahasiswa Fakultas Ekonomi Universitas Putra Indonesia “YPTK”)
Pengantar Pemrograman WEB
HTML-LINK-LIST.
Bekerja dengan file dan desain web
HTML Basic.
Pemrograman Berbasis Web CSS
Gambar Mari kita coba menambahkan gambar di halaman yang kita buat. Kita akan menggunakan gambar di bawah ini. Sekali lagi, klik kanan dan simpan gambar.
LINK.
HTML Achmad Yasid,SKom. HTML Singkatan dari HyperText Markup Language adalah bahasa yang menjelaskan bagaimana suatu teks, video, grafik, animasi dan.
HTML Referansi Tag HTML.
Pemrograman Web HTML (1) Andy Haryoko, ST.
Atribut dalam Body Atribut dan contoh penulisan Fungsi
Pertemuan ke 3 Pengenalan kepada HTML By Tri Pratiwi BSc, Meng, MPhil.
CSS (Cascading Style Sheet)
CSS Eksternal & Style Elemen
Pertemuan 2 : HTML.
WEB DESIGN.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
HTML (cont.) (Nelly Sofi). Peng. Komp & TI 2C2 Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen.
Dasar-dasar HTML Mengenal HTML
Desain Web dengan Tag HTML
IRAWATI, S.Kom.,MT. PEMROGRAMAN WEB
MATERI PERKULIAHAN REKAYASA PERANGKAT LUNAK DISUSUN OLEH : KRISTIAWAN NUGROHO, M.KOM Fakultas Kesehatan.
Lutfi Budi Ilmawan Univ. Muslim Indonesia
KOMPUTER APLIKASI IT XHTML & CSS MODUL 06
APLIKASI KOMPUTER Microsoft Word 2007 I.
Tak Kenal Maka Tak Sayang (HTML)
Mendesain Halaman WEB.
(Cascading Stylesheet)
Modul 2 : Dasar-dasar HTML (1)
Cascading Style Sheet (CSS)
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Area Kerja Dreamweaver
Internet dan Web By : Lisda Juliana P..
PENGENALAN HTML MATA KULIAH PEMROGRAMAN WEB Materi Pertama
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Internet dan Web Ecking Mendrofha.
Link pada HTML Dyah Ayu Irawati, ST., M.Cs.
Darmawan satyananda Mathematics department State university of malang
Cascading Style Sheet (CSS)
BAB 1 dan 2 Perangkat Pengolah Kata dan bekerja dengan ms word
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
Tag Dasar dan Format Teks pada Html
List dan Image pada HTML
List dan Image pada HTML
MATERI MATAKULIAH PAKET PROGRAM NIAGA (PPN) Oleh : Buyung Solihin Hasugian, S.Kom, M.Kom.
Transcript presentasi:

Materi 2 Untuk memudahkan dan memperjelas, mulai sekarang saya hanya akan menuliskan apa yang ada di antara tag. Saya tidak akan menuliskan tag, &. Tentu saja anda harus tetap menuliskannya di dalam dokumen anda. Tuliskan sesuatu yang menarik. Sesuatu yang menarik Sesuatu yang menarik Setiap kali anda mengubah dokumen anda, simpanlah, kemudian tekan tombol Reload di browser anda untuk menampilkan perubahan tersebut. Kadang-kadang cara ini kurang berhasil.... untuk itu tekan tombol Reload sambil menekan tombol SHIFT. Saya pikir hal pertama yang akan kita pelajari adalah cara mengubah warna latar belakang browser. Sesuatu yang menarik

Sesuatu yang menarik CCFFCC adalah kode untuk warna hijau muda. Masih ada beberapa lagi. Dalam mode 256 warna, Netscape menampilkan segala sesuatu sesuai warna-warna ini. Jika warna latar belakang yang kita gunakan bukan salah satu dari ini, Netscape biasanya akan memilih warna terdekat.beberapa lagi Anda dapat juga menggunakan gambar sebagai latar belakang. (Ingat, file gambar tersebut harus berada pada direktori yang sama dengan file HTML anda. Ini akan kita bahas lagi nanti.) Sesuatu yang menarik Inilah gambar latar belakangnya.

Agar gambar tadi bisa tampil, browser harus dapat menemukannya. Untuk saat ini, kita ingin menempatkannya di direktori yang sama dengan file HTML anda (hal1.html). Cara termudah untuk itu adalah dengan meng-klik kanan gambar di atas dan memilih Save Image As (kurang lebih seperti itu). Cari direktori yang berisi hal1.html dan simpan gambar tersebut di sana. Nanti kita akan membahas hal ini lebih rinci lagi. Rasanya sangat jelas bahwa gambar kecil di atas ditampilkan bersusun/berulang sehingga memenuhi seluruh browser (tiled, seperti memasang keramik). Jika anda menggunakan gambar kecil yang panjang, anda akan mendapatkan efek seperti ini.... Sesuatu yang menarik (Ukuran sebenarnya 1700x4, tetapi saya ubah menjadi 564x4 agar bisa tampil utuh di layar)

Satu jenis teks yang sangat berguna adalah mono-spaced font, atau Typewriter Text. Sesuatu yang menarik Ini adalah jenis teks biasa -> iiiiiiiiii oooooooooo mmmmmmmmmm Ini adalah jenis mono-space -> iiiiiiiiii oooooooooo mmmmmmmmmm Sesuatu yang menarik Kemudian tentukan SIZE (ukuran)-nya. Sesuatu yang menarik

sangat kecil kecil normal agak besar besar besar sekali & besarnya! Ada 2 hal yang ingin saya kemukakan. Pertama, adalah perintah pada browser untuk melakukan sesuatu. ATTRIBUTE dituliskan di dalam dan menjelaskan bagaimana melakukannya. Yang kedua adalah nilai bawaan (default). Seperti yang mungkin sudah anda ketahui, nilai default adalah nilai bawaan yang digunakan oleh browser jika anda tidak menyatakan lain. Contoh yang baik adalah ukuran font. Nilai default yang dipakai untuk font adalah 3 (umumnya). Kalau anda tidak menyatakan lain, nilai yang digunakan adalah 3. Jika anda menuliskan huruf di komputer anda, ukurannya tetap 3. Setiap browser memiliki default font setting - jenis font, ukuran dan warnanya. Kecuali anda sudah mengubahnya, defaultnya kemungkinan Times New Roman 12pt (yang sama dengan nilai 3 untuk kita) dan warnanya hitam. Tentu saja kita bisa menggunakan jenis font selain nilai default tadi. Seperti ARIAL dan COMIC SANS. Sesuatu yang menarik

Font tersebut hanya akan ditampilkan bila mereka yang melihat web page anda sudah menginstall font tadi di komputernya. Saya ulangi.... Kalau mereka tidak menginstall font yang anda maksud di komputernya, mereka hanya akan melihat font defaultnya. Jadi hati-hatilah dalam penggunaan font anda. Arial dan Comic Sans MS adalah font yang hampir pasti ada karena merupakan bawaan Windows. Begitu juga Impact!. Anda dapat lebih menjamin amannya pilihan anda dengan menggunakan lebih dari satu font. (Ya! Anda dapat melakukannya!). Tuliskan saja seperti ini.... Hai... Halo. Kalau anda seperti saya yang tidak bisa langsung mengerti, inilah yang terjadi- Browser mencari font ARIAL. Kalau ada, itu yang dipakai. Jika tidak, browser mencari HELVETICA. Kalau font ini tidak ditemukan, pencarian diteruskan ke LUCIDA SANS. Dan jika font itu pun tidak ditemukan, browser akan menggunakan font default. Font apa saja yang umum dan sangat aman untuk dijadikan pilihan? Andale Mono Arial Arial Black Comic Sans MS Courier New Georgia Impact Times Rew Roman Trebuchet MS Verdana Untuk melihat bagaimana font-font tersebut ditampilkan di browser anda, bisa anda coba menggunakan Font Viewer. Font Viewer

menggunakan Font Viewer. Font Viewer Saya rasa sekarang adalah saat yang tepat untuk bicara tentang cara penulisan. Anda perhatikan bahwa di sana sini saya menggunakan tanda petik, ini penting. Anda mungkin tidak bisa membayangkan berapa kali saya membuat web page dan kemudian semuanya kacau balau.... Maksud saya semuanya benar-benar jadi kacau balau karena kurang atau salah penempatan satu tanda petik atau kurang satu spasi atau kurang satu tanda lebih besar >. Suatu hari nanti kita tidak harus dipusingkan lagi oleh tanda- tanda ini, tapi untuk saat ini kita hanya perlu berhati-hati dalam penulisannya. Berikutnya adalah pemakaian HURUF BESAR (CAPITAL) untuk menuliskan tag. Ini hanya masalah kebiasaan saja, bukan keharusan. Saya pikir tag akan lebih jelas kalau dituliskan dalam huruf besar semuanya. Anda bisa saja menuliskan dan bukannya. Bahkan tidak ada yang melarang kalau anda lebih memilih. Baiklah, sekarang kembali ke masalah kita.... Anda bisa mengubah warna font kalau anda mau.

Sesuatu yang menarik

Atribut yang bermanfaat dalam tag heading adalah ALIGN... untuk menentukan letaknya. Sesuatu yang menarik

Anda dapat mengubah default suatu dokumen pada tag. Sesuatu yang menarik Satu hal lagi dan kita akan sudahi pelajaran ini. Browser memiliki nilai default untuk warna teks, warna link, warna active link dan warna visited link selain warna latar belakang. Defaultnya adalah.... Teks biasanya hitam Link biasanya biru Active link umumnya merah Visited link biasanya ungu Anda bisa mengubahnya kalau perlu (perhatikan, saya mengatakan kalau perlu). Seluruh dunia terbiasa dengan warna biru untuk link. Mengapa harus membingungkan diri sendiri?

Saya tahu bahwa kita belum belajar bagaimana membuat link, jadi informasi tersebut tidak saya tuliskan di atas (kenapa pusing-pusing sekarang?) Ini hanya untuk menunjukkan cara mengubah warna sehingga anda sudah siap pada saat belajar membuat link. Bisa anda lihat bahwa warna latar belakang hitam dan teksnya kuning. Linknya berwarna hijau muda Visited link warnanya hijau Dan active link berwarna biru langit. Nah! Sekarang anda tahu apa yang harus dilakukan untuk mengubah tampilan teks dalam dokumen anda. Anda bisa membuat Tulisan merah besar atau tulisan kecil tebal. Anda dapat juga menggunakan Font lain, atau font monospace. Bahkan anda dapat membuat r ol l e rc o a s t e r! (Cara membuat roller coaster ada di sini kalau anda mau melihatnya.)di sini Sebelum kita akhiri pelajaran ini, ada satu hal kecil yang ingin saya kemukakan. Anda dapat melihat kode HTML (source) setiap halaman yang sedang anda amati dengan cara memilih View/Document Source pada browser anda. Perintah pada browser anda mungkin sedikit berbeda, tetapi hampir semua browser memiliki fasilitas ini. Jadi pada saat anda menjelajah internet dan menemukan web page yang menarik, dan anda berfikir "Gimana sih membuatnya?", jawabannya bisa anda dapatkan dengan beberapa kali klik saja.