Mengelola isi halaman web

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

HTML.
Mengelola isi halaman web
Memeriksa Informasi untuk Relevansi dan Currency
HTML Hyper Text Markup Language
Hyper Text Markup Language
Pemrograman Web 1Humisar Hasugian, S.Kom 1 Pengenalan HTML HTML • Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan.
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)
Pengenalan HTML Oleh A ngraini. Tentang HTML HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan.
Nine: Pengantar HTML The Net Language. 2 Objectives Setelah menyelesaikan bab ini, anda diharapkan dapat: Memahami konstruksi dasar halaman web. Mengerti.
STMIK PPKIA Pradnya Paramita
HTML Hipertext Markup Language
LAYANAN BERBASIS APLIKASI WEB Pertemuan I Budi Arifitama.
Page properties Cara 1: Cara 2: Menu Modify - Ctrl + J Page Properties
HTML Basic Heading Paragraf & Text. Paragraf Breaks & Horizontal Rulez Creating and HTML Page Quoted Text Preformated Text Phrase Elements Formating Elements.
DESAIN WEB STATIS DAN HTML
HTML.
HTML By kartika puji pangesti
Pengantar HTML By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
PEMROGRAMAN BERBASIS WEB
PELATIHAN INTERNET Oleh : TIM TI FT UNP. Pendahuluan Pertama-tama puji syukur kita sampaikan kepada Allah SWT dan Salawat beserta salam kita persembahkan.
MEMBUAT WEB SEDERHANA.
Pengantar Pemrograman WEB
Pemrograman Web/TI/ AK /2 sks
Bekerja dengan file dan desain web
HTML Basic.
Bekerja dengan file dan desain web PERTEMUAN 6. Beberapa type file -CSS, (Cascading Style Sheet) ekstensi.css. Untuk format isi HTML dan mengendalikan.
HTML PEMROGRAMAN INTERNET.
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB
ADD-ON Dasar HTML.
Pertemuan 2 : HTML.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
PEMROGRAMAN WEB 1 BY: ASIH WINANTU.
HTML (cont.) (Nelly Sofi). Peng. Komp & TI 2C2 Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen.
HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
S1 Teknik Informatika - Unijoyo
Pengantar Web Design.
Desain Web dengan Tag HTML
HTML Form dan Manipulasinya
MATERI PERKULIAHAN REKAYASA PERANGKAT LUNAK DISUSUN OLEH : KRISTIAWAN NUGROHO, M.KOM Fakultas Kesehatan.
WEB DESIGN Materi Pelajaran TIK Kelas XI SMA NEGERI 9 MALANG.
PERTEMUAN 2 HTML (Lanjutan).
WEB 1 (HTML) STMIK A. Yani.
KOMPUTER APLIKASI IT I HTML – INTERNET Angky Febriansyah SE
HTML (cont.) (Devi Indriani).
HTML.
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
MENDESAIN WEB SMK Negeri 1 Pekanbaru.
S1 Teknik Informatika - Unijoyo
DASAR DASAR WEB DAN HTML
Pemrograman Berbasis WEB
Hyperlink & Form Pertemuan 11
Pengenalan Dasar Web dan HTML
Pemrograman Basis Data Berbasis Web
Mengelola isi halaman web
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
KOMPUTER APLIKASI IT I FORM.
Dasar HTML Hypertext Markup Language Dasar HTML.
Darmawan satyananda Mathematics department State university of malang
Pemrograman Web Pertemuan II HTML CSS JavaScript.
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
FRAME Pada HTML STMIK – AMIK Jayanusa. A. Frameset dan Frame Frameset adalah sebuah tag untuk pendefenisan pembuatan frame ( ) Frame adalah teknik yang.
Tag Dasar dan Format Teks pada Html
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
DREAMWEAVER.
Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP.
Pemrograman Basis Data Berbasis Web
Pengantar HTML By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Transcript presentasi:

Mengelola isi halaman web Memeriksa informasi untuk relevansi dan currency

Memeriksa informasi untuk relevansi dan currency Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat statis maupun dinamis. Software web design terpopuler yang ada saat ini antara lain: Adobe Image Ready, Macromedia Dreamweaver Macromedia Fireworks, Microsoft Frontpage dan lain sebagainya.

Memeriksa informasi untuk relevansi dan currency Mengenal Macromedia Dreamweaver MX Macromedia Dreamweaver yang merupakan salah satu software web design terpopuler dipilih sebagai software web design yang akan digunakan dalam proses pemelajaran ini Macromedia Dreamweaver dipilih karena kompatibilitas dan dukungannya terhadap berbagai bahasa pemrograman web, antara lain : ASP, JSP, CFM, ASP.NET, PHP, JavaScript, CSS dan XML

Memeriksa informasi untuk relevansi dan currency Window Dreamweaver MX ini dibagi menjadi 7 bagian, yaitu : Insert Bar, Document Toolbar, Document Window, Panel Groups, Tag Selector, Property Inspector Files Panel

Memeriksa informasi untuk relevansi dan currency HTML HTML yang merupakan kepanjangan dari Hyper Text MarkUp Language memiliki fungsi untuk memformat dokumen teks biasa agar bisa digunakan pada World Wide Web (WWW). HTML bukan merupakan suatu bahasa pemrograman, karena sifatnya yang hanya memberikan tanda (marking up) pada suatu dokumen teks dan bukan sebagai program.

Memeriksa informasi untuk relevansi dan currency Struktur dasar dokumen HTML berisi elemen-elemen atau tag, seperti pada gambar berikut : Keterangan : <html> </html> : mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML. <head> </head> : mendefinisikan head dalam sebuah file HTML. <title> </title> : mendefinisikan judul yang hendak ditampilkan pada browser. <body> </body> : mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web.

Memeriksa informasi untuk relevansi dan currency Format Teks Dasar dalam HTML : Heading, HTML mengenal 6 level heading, mulai 1 (terbesar) sampai 6. heading ditampilkan dengan font lebih besar dan tebal daripada teks normal Paragraf, setiap ada paragraf baru diawali dengan <p> List, HTML mendukung daftar (list) tidak bernomor, bernomor dan definisi Performatted Text, dalam HTML, spasi, tab dan baris baru (enter) tidak memiliki pengaruh Extended Quotations, untuk membuat kutipan panjang, sehingga hasilnya menjorok ke dalam, digunakan tag <blockquote>.

Memeriksa informasi untuk relevansi dan currency Ganti baris (line break), untuk menulis alamat surat dengan baris-baris pendek, tidak bagus jika menggunakan tag <p> (spasi terlalu lebar) Garis datar (horizontal rule), untuk membuat garis horizontal yang digunakan untuk membatasi bagian-bagian digunakan tag <hr>. Memformat karakter, <b> atau <strong> untuk membuat teks Bold. <i> atau <em> untuk membuat teks Italic. <tt> atau <code> untuk membuat teks typewriter.

Memeriksa informasi untuk relevansi dan currency Dasar Link HTML Hyperlink merupakan sesuatu yang sangat penting di website, sebab hyperlink akan menghubungkan antara satu halaman dengan halaman lainnya baik dalam satu website maupun antar website. Untuk membuat hyperlink digunakan tag <a>. Huruf a artinya "anchor". Tag <a> biasanya diikuti atribut "href" dimana nilai dari atribut ini merupakan alamat halaman yang akan dituju.

Memeriksa informasi untuk relevansi dan currency Macam-macam link 1. Relative dan Absolute Link, link ke suatu dokumen pada direktori lain dapat dibuat dengan menentukan relative path dari posisi dokumen asal berada. Ini disebut sebagai relative link. a href=”Harga/index.html”>Daftar Harga</a> Alamat (URL) dokumen secara lengkap (absolute path) dapat digunakan untuk menentukan tujuan link, disebut link absolute : a href=”http://gmail.google.com”>E-mail Google</a>

Memeriksa informasi untuk relevansi dan currency 2. Link ke suatu bagian di dokumen lain, misalnya : satu.html dilink ke suatu bagian di dua.html, caranya adalah : Pada dokumen satu.html, dituliskan : <a href=”dua.html#BT”>Tiga</a> Pada bagian yang dituju, dituliskan : <a name=”BT”>Tiga</a>

Memeriksa informasi untuk relevansi dan currency 3. Link ke suatu bagian di dokumen yang sama, caranya hampir sama dengan langkah di atas : Pada dokumen satu.html, dituliskan : <a href=”#BT”>Tiga</a> Pada bagian yang dituju, dituliskan : <a name=”BT”>Tiga</a> 4. Mailto, link yang langsung menuju ke alamat e-mail. <a href=”mailto:saya@gmail.com?subject=Masuk ga?”> Kirim E-mail</a>

Memeriksa informasi untuk relevansi dan currency Menyisipkan Gambar Atribut ukuran gambar, bila tidak dituliskan, maka ukuran gambar sesuai ukuran aslinya. Namun ukuran gambar bisa dibuat dengan nilai tertentu dengan cara menuliskan atribut height dan width. Membuat Tabel Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris. Membuat Frame Frame HTML digunakan untuk membuat tampilan HTML yang terbagi menjadi beberapa bagian di mana setiap bagiannya merupakan satu halaman HTML yang terpisah.

Memeriksa informasi untuk relevansi dan currency Membuat Form Form merupakan elemen HTML yang berupa blanko (form) yang dipergunakan untuk menjaring informasi dari pengguna Macam-macam form : Input, dengan tipe : Text, password, checkbox, radio button, reset, submit dan hidden. Text area. Select.

Memeriksa informasi untuk relevansi dan currency Memperbaharui Halaman WEB Memperbaharui halaman situs web dengan sesuatu yang baru, dengan mempertimbangkan kebutuhan pengunjung dan situs web itu sendiri Untuk memperbaharui (update) halaman situs web yang perlu menjadi bahan pertimbangan sejak halaman web tersebut dirancang adalah kita harus memastikan agar elemen-elemen yang ada pada setiap halaman mudah untuk di rubah (edit).

Memeriksa informasi untuk relevansi dan currency Memeriksa informasi untuk relevansi dan keterkinian   Pada dasarnya dalam proses pembuatan situs web diperlukan kerjasama antara pihak pengembang dengan klien yang memesan situs web tersebut. Dalam menentukan content (content awal, tambahan maupun revisi) pihak pengembang harus lebih banyak mendengar apa yang menjadi kebutuhan klien. Interaktivitas pengguna menjadi jantung sebuah situs web

Memeriksa informasi untuk relevansi dan currency Beberapa Gagasan yang disampaikan Tord Yard (programmer flash di WWW.EGO7.COM) tentang pentingnya menambahkan interaktivitas pada content halaman sebuah situs web : Gunakan umpan balik grafik untuk menginformasikan pengguna tentang elemen interaktif, seperti status tombol yang bergulung Sertakan suara sebagai bentuk umpan balik tambahan agar content tidak terlihat membosankan Pertimbangkan pemakaian animasi untuk menerangkan elemen penting, atau untuk meminta keikutsertaan pengunjung.

Memeriksa informasi untuk relevansi dan currency Beberapa cara untuk memeriksa informasi content situs web untuk relevansi dan keterkinian, adalah sebagai berikut : Sesuaikan content situs web dengan tujuan dan fungsi situs tersebut Lakukan riset untuk mencari informasi terbaru yang sesuai dengan content situs Content tambahan atau revisi juga bisa dengan meminta content tersebut ke pihak klien baik berupa data tertulis maupun elektronik

Memeriksa informasi untuk relevansi dan currency Lakukan konfirmasi dalam menentukan batasan umur sebuah links, apakah akan dipertahankan atau dihapus Pihak pengembang selaku pembuat situs web bila perlu merevisi content yang mungkin diperlukan dengan mengkonfirmasikan dahulu dengan pihak klien

SMK NEGERI 2 CIKARANG BARAT The End