Kamis, 29 Agustus 2013

Tugas Produktif

1.Pengertian HTML
   HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.
Secara garis besar, terdapat 4 jenis elemen dari HTML:
  • structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1
  • presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,
  • hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKita sebagai sebuah hyperlink ke URL tertentu),
  • Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).
Selain markup presentational , markup yang lin tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.
2.Struktur HTML dan contohnya
<html>
<head>
<title>
</title>
</head>
<body>


</body>
</html>

Setiap ada tag pembuka maka harus ada tag penutup yang ditandai dengan tanda "/". Contoh :<title></title>, <body> </body>,<html></html>. 
Antara tag <title> </title> digunakan untuk menulis judul halaman web yang bersangkutan. Contohnya adalah tulisan "ahmadamirudin.jw.lt" yang ada pada pojok kiri atas halaman ini maka penulisannya menjadi :
<html>
<head>
<title>ahmadamirudin.jw.lt
</title>
</head>
<body>


</body>
</html>

Sedangkan antara tag <body> </body> digunakan untuk mengisi apa yang akan ditampilkan pada halaman anda, bisa berupa tulisan, gambar, link dan sebagainya. 
Adapun beberapa tambahan yang dapat ditambahkan pada tag <body> adalah sebagai berikut:
  • Meberikan warna background pada halaman web :
    <body bgcolor="blue">
    Atau dapat juga menggunakan kode warna Hexa (RGB /red-green-blue) yang terdiri dari 6 karakter yang terdiri dari gabungan angka dan huruf, dan penulisannya juga harus diawalai dengan tanda "#"(pagar). 2 karakter pertama mewakili warna merah yang dimulai dari paling rendah 00 sampai paling tinggi ff, atau bisa juga kombinasi huruf dan angka tadi. Begitu juga 2 karakter berikutnya mewakili warna hijau dan 2 karakter berikutnya mewakili warna biru.
    contoh penulisan kode untuk warna hitam #000000, putih #ffffff, merah #ff0000, abu-abu #d3d3d3 dan lain lain sesuai dengan keinginan anda.
  • Memberikan background gambar
    <body background="gambar.jpg">
    Penulisan format gambar juga harus disertakan seperti *.jpg, *.gif, *.bmp dan lain-lain
    Jika ingin menginginkan warrna background transparan maka ditulis dengan <body bgcolor="transparent">
  • Memberikan warna teks
    <body text="#000000">
  • Mengatur margin halaman
    <body leftmargin="20" topmargin="20">
  • mengatur warna link
    <body link="#ff0000"vlink="#00ff00"
alink="#0000ff">
Dan jika semuanya ditulis bersamaan maka menjadi :
<body bgcolor="blue"text="#000000"
 
leftmargin="20" topmargin="20"
 
link="#ff0000"vlink="#00ff00"alink="#0000ff">

3.Tag HTML dan contohnya
1.     <!-- --> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
2.     <a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
3.     <a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang samaq
4.     <applet> Sebagai awal dari Java applets<!--more-->
5.     <area> Mendefinisikan daerah yang dapat diklik (link) pada image map
6.     <b> Membuat teks tebal
7.     <basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font
8.     <bgsound> Memberi (suara latar) background sound pada halaman web
9.     <big> Memperbesar ukuran teks sebesar satu point dari defaultnya
10. <blink> Membuat teks berkedip
11. <body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
12. <br> Pindah baris
13. <caption> Membuat caption pada tabel
14. <center> Untuk perataan tengah terhadap teks atau gambar
15. <comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
16. <dd> Indents teks
17. <div> Represents different sections of text.
18. Menambahkan sound or file avi ke halaman web
19. <fn> Seperti tag <a name>
20. <font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
21. Mendefinisikan input form
22. <frame> Mendefinisikan frame
23. <frameset>; Mendefinisikan attribut halaman yang akan menggunakan frame
24. <h1> ... <h6> Ukuran font
25. <head> Mendefinisikan head document.
26. <hr> Membuat garis horizontal
27. <html> Bararti dokumen html
28. <i> Membuat teks miring
29. <img> Image, imagemap atau an animation
30. <input> Mendefinisikan input field pada form
31. <li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
32. <map> Mendefinisikan client-side map
33. <marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE
34. <nobr> Mencegah ganti baris pada teks atau images
35. <noframes> Jika browser user tidak mendukung frame
36. <ol> Mendefinisikan awal dan akhir list
37. <p> Ganti paragraf
38. <pre> Membuat teks dengan ukuran huruf yg sama
39. <script> Mendefinisikan awal script
40. <table> Membuat tabel
41. <td> Kolom pada tabel
42. <title> Mendefinisikan title
43. <tr> Baris pada tabel
44. <u> Membuat teks bergaris bawah

4.Atribut-atribut dari tag HTML
HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.
Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.
<a href="http://www.pemrograman.org/">Pemrograman</a>
Coba contoh HTML diatas dengan HTML Editor.
Jadi <a> merupakan elemen html, href adalah name atau nama atribut sedang Pemrograman
adalah value atau nilai atribut.
Berikut adalah beberapa atribut standar yang hampir dipakai semua elemen:
Atribut
Nilai
Keterangan
class
class_rule atau style_rule
Kelas elemen
id
id_name
Nomor unik suatu elemen
style
style_definition
Definisi gaya atau style
title
tooltip_text 
Tulisan yang akan tertampil pada tool tip
Nilai suatu atribut harus selalu dimulai dan diakhiri dengan tanda petik. Biasanya menggunakan tanda petik (“…”). Tanda petik ini mengapit petikan langsung dari suatu nilai elemen. Tanda petik tunggal juga diperlehkan untuk digunakan walaupun dalam keadaan tertentu nilai suatu atribut bisa berisi tanda kutip, untuk itu di pergunakan tanda kutip tunggal yang mengapit petikan yang tersusun di dalam petikan lain. Contoh :
name=’Komunitas “Programmer” Indonesia’
Sangat disarankan untuk penulisan atribut dan nilainya tetap menggunakan huruf kecil karena pada versi HTML yang lebih baru (X)HTML meminta penulisan menggunakan huruf kecil.
5.Contoh HTML sederhana
              <html>
              <head>
              <title> Saya sedang belajar HTML </title>
              </head>
              <body>
                           Hari ini hari kamis tanggal 29 agustus 2013
              </body>
              </html>
6.Software-software Animation
  • Sharp Animator 1.30
  • Sygfig Animator studio 0.63.02
  • ASCLL Animator 1.5
  • Alferd Spritesheets Unpacker 3.0
  • Web Cartoon Maker 1.03
  • Macromedia Flash
  • Anim Pixels
  • Photoshop Cs5
  • SSuite Office-Gif Animator 2.0
  • Animate Gif 1.1
  • Stykz 1.0.2
  • Gifred Motion 1.21
  • Free Morphing 2.1
  • Alternate Pic View EXESlide 1.502
  • F-30 Vo.8.0.1
  • Open Fx 2-0
  • GifSicle 1.58
  • Aleggro Sprite Eitor 0.8.2
7.Software-software web editor

  • Adobe Dreamweaver
  • Coffee Cup Free HTML Editor
  • Komodo edit
  • Aptana studio
  • Net Beans
  • Expresion Web
  • php Designer
  • Best Address HTML Editor
  • CSE HTML Validator
  • Edit plus
  • Top Style
  • Web studio
  • Amaya
  • Seamonkey
  • HTML-kit
  • Alley code
8.Software-software Programming
  • Apple Script
  • CCL (common client interfase)
  • CGI (common gateway interfase)
  • Java
  • Hyper Talk
  • Dylan
  • Glhypic Script
  • GEL (gain extension language)
  • Guile
  • Icon
  • Site Spinner
  • Xara Web Designer
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)