Your SlideShare is downloading. ×
Mengelola isi halaman web1
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Mengelola isi halaman web1

349
views

Published on

Published in: Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
349
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
53
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Mengelola isi halaman webMemeriksa informasi untukrelevansi dan currency
  • 2. Teknologi Informasi dan KomunikasiHal.: 2 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencySoftware Web DesignSoftware web design merupakan perangkat lunak yangberguna untuk membangun/membuat/mendisainhalaman-halaman web, baik yang bersifat statismaupun dinamis.Software web design terpopuler yang ada saat ini antaralain:1. Adobe Image Ready,2. Macromedia Dreamweaver3. Macromedia Fireworks,4. Microsoft Frontpage5. dan lain sebagainya.
  • 3. Teknologi Informasi dan KomunikasiHal.: 3 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyMengenal Macromedia Dreamweaver MXMacromedia Dreamweaver yang merupakan salahsatu software web design terpopuler dipilihsebagai software web design yang akandigunakan dalam proses pemelajaran iniMacromedia Dreamweaver dipilih karenakompatibilitas dan dukungannya terhadapberbagai bahasa pemrograman web, antara lain :ASP, JSP, CFM, ASP.NET, PHP, JavaScript, CSS danXML
  • 4. Teknologi Informasi dan KomunikasiHal.: 4 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyWindow DreamweaverMX ini dibagi menjadi 7bagian, yaitu :1.Insert Bar,2.Document Toolbar,3.Document Window,4.Panel Groups,5.Tag Selector,6.Property Inspector7.Files Panel
  • 5. Teknologi Informasi dan KomunikasiHal.: 5 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyHTMLHTML yang merupakan kepanjangan dari Hyper TextMarkUp Language memiliki fungsi untuk memformatdokumen teks biasa agar bisa digunakan pada WorldWide Web (WWW).HTML bukan merupakan suatu bahasa pemrograman,karena sifatnya yang hanya memberikan tanda(marking up) pada suatu dokumen teks dan bukansebagai program.
  • 6. Teknologi Informasi dan KomunikasiHal.: 6 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyStruktur dasar dokumen HTMLberisi elemen-elemen atau tag,seperti pada gambar berikut :Keterangan :<html> </html> : mendefinisikanbahwa teks yang berada diantarakedua tag tersebut adalah fileHTML.<head> </head> : mendefinisikanhead dalam sebuah file HTML.<title> </title> : mendefinisikanjudul yang hendak ditampilkanpada browser.<body> </body> : mendefinisikanteks beserta formatnya yanghendak ditampilkan sebagai isihalaman web.
  • 7. Teknologi Informasi dan KomunikasiHal.: 7 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyFormat Teks Dasar dalam HTML :Heading, HTML mengenal 6 level heading, mulai 1(terbesar) sampai 6. heading ditampilkan dengan fontlebih besar dan tebal daripada teks normalParagraf, setiap ada paragraf baru diawali dengan <p>List, HTML mendukung daftar (list) tidak bernomor, bernomor dandefinisiPerformatted Text, dalam HTML, spasi, tab dan barisbaru (enter) tidak memiliki pengaruhExtended Quotations, untuk membuat kutipan panjang, sehinggahasilnya menjorok ke dalam, digunakan tag <blockquote>.
  • 8. Teknologi Informasi dan KomunikasiHal.: 8 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyGanti baris (line break), untuk menulis alamat suratdengan baris-baris pendek, tidak bagus jikamenggunakan tag <p> (spasi terlalu lebar)Garis datar (horizontal rule), untuk membuat garishorizontal 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.
  • 9. Teknologi Informasi dan KomunikasiHal.: 9 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyDasar Link HTMLHyperlink merupakan sesuatu yang sangat penting diwebsite, sebab hyperlink akan menghubungkan antarasatu halaman dengan halaman lainnya baik dalam satuwebsite maupun antar website.Untuk membuat hyperlink digunakan tag <a>. Huruf aartinya "anchor". Tag <a> biasanya diikuti atribut"href" dimana nilai dari atribut ini merupakan alamathalaman yang akan dituju.
  • 10. Teknologi Informasi dan KomunikasiHal.: 10 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyMacam-macam link1. Relative dan Absolute Link, link ke suatu dokumen padadirektori lain dapat dibuat dengan menentukan relativepath dari posisi dokumen asal berada. Ini disebutsebagai relative link.a href=”Harga/index.html”>Daftar Harga</a>Alamat (URL) dokumen secara lengkap (absolute path)dapat digunakan untuk menentukan tujuan link, disebutlink absolute :a href=”http://gmail.google.com”>E-mail Google</a>
  • 11. Teknologi Informasi dan KomunikasiHal.: 11 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currency2. Link ke suatu bagian di dokumen lain, misalnya :satu.html dilink ke suatu bagian di dua.html, caranyaadalah :Pada dokumen satu.html, dituliskan :<a href=”dua.html#BT”>Tiga</a>Pada bagian yang dituju, dituliskan :<a name=”BT”>Tiga</a>
  • 12. Teknologi Informasi dan KomunikasiHal.: 12 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currency3. Link ke suatu bagian di dokumen yang sama, caranyahampir 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=Masukga?”>Kirim E-mail</a>
  • 13. Teknologi Informasi dan KomunikasiHal.: 13 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyMenyisipkan GambarAtribut ukuran gambar, bila tidak dituliskan, maka ukurangambar sesuai ukuran aslinya. Namun ukuran gambarbisa dibuat dengan nilai tertentu dengan caramenuliskan atribut height dan width.Membuat TabelTabel merupakan cara untuk menampilkan informasidalam bentuk sel yang terdiri dari kolom dan baris.Membuat FrameFrame HTML digunakan untuk membuat tampilan HTMLyang terbagi menjadi beberapa bagian di mana setiapbagiannya merupakan satu halaman HTML yangterpisah.
  • 14. Teknologi Informasi dan KomunikasiHal.: 14 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyMembuat FormForm merupakan elemen HTML yang berupa blanko(form) yang dipergunakan untuk menjaring informasidari penggunaMacam-macam form :Input, dengan tipe :1. Text, password, checkbox, radio button, reset, submitdan hidden.2. Text area.3. Select.
  • 15. Teknologi Informasi dan KomunikasiHal.: 15 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyMemperbaharui Halaman WEBMemperbaharui halaman situs web dengan sesuatu yangbaru, dengan mempertimbangkan kebutuhanpengunjung dan situs web itu sendiriUntuk memperbaharui (update) halaman situs web yangperlu menjadi bahan pertimbangan sejak halaman webtersebut dirancang adalah kita harus memastikan agarelemen-elemen yang ada pada setiap halaman mudahuntuk di rubah (edit).
  • 16. Teknologi Informasi dan KomunikasiHal.: 16 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyMemeriksa informasi untuk relevansi dan keterkinianPada dasarnya dalam proses pembuatan situs webdiperlukan kerjasama antara pihak pengembang denganklien yang memesan situs web tersebut.Dalam menentukan content (content awal, tambahanmaupun revisi) pihak pengembang harus lebih banyakmendengar apa yang menjadi kebutuhan klien.Interaktivitas pengguna menjadi jantung sebuah situsweb
  • 17. Teknologi Informasi dan KomunikasiHal.: 17 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyBeberapa Gagasan yang disampaikan Tord Yard (programmerflash di WWW.EGO7.COM) tentang pentingnyamenambahkan interaktivitas pada content halaman sebuahsitus web :1. Gunakan umpan balik grafik untuk menginformasikanpengguna tentang elemen interaktif, seperti status tombolyang bergulung2. Sertakan suara sebagai bentuk umpan balik tambahan agarcontent tidak terlihat membosankan3. Pertimbangkan pemakaian animasi untuk menerangkanelemen penting, atau untuk meminta keikutsertaanpengunjung.
  • 18. Teknologi Informasi dan KomunikasiHal.: 18 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currencyBeberapa cara untuk memeriksa informasi contentsitus web untuk relevansi dan keterkinian, adalahsebagai berikut :1. Sesuaikan content situs web dengan tujuan dan fungsisitus tersebut2. Lakukan riset untuk mencari informasi terbaru yangsesuai dengan content situs3. Content tambahan atau revisi juga bisa denganmeminta content tersebut ke pihak klien baik berupadata tertulis maupun elektronik
  • 19. Teknologi Informasi dan KomunikasiHal.: 19 Isikan Judul HalamanMemeriksa informasi untukrelevansi dan currency4. Lakukan konfirmasi dalam menentukan batasan umursebuah links, apakah akan dipertahankan atau dihapus5. Pihak pengembang selaku pembuat situs web bilaperlu merevisi content yang mungkin diperlukandengan mengkonfirmasikan dahulu dengan pihak klien
  • 20. Teknologi Informasi dan KomunikasiHal.: 20 Isikan Judul HalamanSMK NEGERI 2 CIKARANG BARATThe End