Jumat, 30 Agustus 2013

Tugas Produktif

Tugas Produktif

 

1.Pengertian HTML

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web internet(browser) . HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.
Supaya  dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML. 
 HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut  Standard Generalized Markup Language (SGML ).

Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C).  Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM  pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa)

2.Struktur HTML & 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 & Contohnya
 
Tag Judul (Heading) : Biasanya digunakan untuk menuliskan judul suatu paragraf.

<hn>Judulparagraf</hn>
Tag Paragraf (Paragraph) : Untuk menandai suatu paragraf. Suatu paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya.
<p>paragraf</p>
Tag Atribut1 (Bold, Italic, Underline) : Untuk menandai bagian kalimat agar dicetak tebal, miring, dan atau digaris bawahi.
<b>Kalimat yang dicetak tebal</b>
<i>Kalimat yang dicetak miring</i>
<u>Kalimat yang digaris bawahi</u>
Tag Atribut2 (Superscript, Subscript) : Untuk menandai bagian karakter agar dicetak tinggi atau rendah, biasanya untuk rumus matematika atau kimia.
<sup>bagian yang dicetak tinggi</sup>
<sub>bagian yang dicetak rendah</sub>
Tag Ganti Baris(Break line) : Untuk pindah ke baris berikutnya.
<br>
Tag Font (size) : Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu.
Tag : font
Parameter : size, face, color
<font size=”n”>kalimat</font> , n= ukuran huruf
<font color=”#RRGGBB>kalimat</font>
     RR = 00-FF (intensitas warna merah dalam heksadesimal)
     GG = 00-FF (intensitas warna hijau dalam heksadesimal)
     BB = 00-FF (intensitas warna biru dalam heksadesimal)
Tag Enumerasi (List, Unnumbered List, Ordered List) : Untuk menandai suatu item dari daftar (enumerasi), diawali dengan simbol buller (•). Kelompok item harus diapit oleh tag <ul> </ul> dalam daftar bertingkat. Untuk me-nomori enumerasi dengan nomor urut (1,2,3), apitlah dengan tag <ol> </ol>
<li>item</li>
Tag Garis Mendatar (Horizontal Line) : Membentuk garis pemisah mendatar.
<hr>
Tag Gambar(Image) : Untuk menampilkan sebuah file gambar.
<imgsrc=”Nama File Gambar”/>
Nama File Gambar = file gambar yang mempunyai ekstensi .GIF, .JPG, atau .PNG.
Tag Link (Anchor) : membentuk link ke URL/file/bagian dokumen lain.
<a href=”Link”>Kata yang di-click</a>
<a name=”#Acuan”>Kata yang dituju</a>
Link = Alamat URL atau nama file dan/atau acuan yang dituju
Acuan= Kata sembarang sebagai penanda.
Tag Tabel(Table) : Menampilkan data dalam bentuk tabel. Tabel didefinisikan dengan cara menyatakan baris-baris dan kolom-kolom.
<table>definisitabel</table>
Tag untuk penanda baris adalah <tr>definisi baris</tr>
Tag untuk penanda kolom adalah <td>data</td>

4.HTML Attributes Reference

A complete list of legal attributes for each HTML element is listed in our:HTML Tag Reference 
Below is a list of some attributes that can be used on any HTML element:
AttributeDescription
classSpecifies one or more classnames for an element (refers to a class in a style sheet)
idSpecifies a unique id for an element
styleSpecifies an inline CSS style for an element
titleSpecifies extra information about an element (displayed as a tool tip)      

5.Contoh dokumen HTML sederhana

<!DOCTYPE html>
<html>
 <head bgcolor=black text=white>
 <title>'''Selamat Datang''' HTML</title>
 </head>
 <body>
 <p>Halo dunia!</p>
 </body>
</html> 

6.Software Untuk Membuat Animasi

Saat ini terdapat banyak jenis software animasi yang beredar di pasaran, dari softwareyang mempunyai kemampuan yang sederhana hingga yang komplek, dari yang gratishingga puluhan juta rupiah.
Dari sisi fungsi penggunaan software animasi dapat dikelompokkan menjadi Software.
1. Software Animasi 2 Dimensi.
Software animasi 2D adalah software yang digunakan untuk membuat animasi tradisional (flat animation), umumnya mempunyai kemampuan untuk menggambar, mengatur gerak dan mengatur waktu, terkadang ada yang dapat mengimport suara. Dari sisi penggunaan umumnya tidak sulit.
 
Contoh dari Software Animasi 2D antara lain :
  • Macromedia Flash
  • Macromedia Director
  • ToonBoom Studio
  • Adobe ImageReady
  • Corel RaVe
  • Swish Max
  • Adobe After Effect
2. Software Animasi 3 Dimensi.
Software animasi 3D mempunyai fasilitas dan kemampuan yang canggih untukmembuat animasi 3 dimensi. Fasilitas dan kemampuan tersebut antara lain,membuat obyek 3D, pengaturan gerak kamera, pemberian efek, import video dansuara, serta masih banyak lagi. Beberapa software animasi 3D mempunyaikemampuan khusus, misalnya untuk animasi figure(manusia), animasi landscape(pemandangan), animasi title (judul), dll. Karena kemampuannya yang canggih,dalam penggunaannya diperlukan pengetahuan yang cukup tinggi dan terkadang rumit.
 
Contoh dari Software Animasi 3D ini antara lain:
1.3D Studio 
2.MaxMaya
3.Poser (Figure Animation)
4.Bryce (Landscape Animation)
5.Vue (Landscape Animation)
6.Cinema 4D
7.Blender
8.Daz3d 

7.Software Web Editor

  1. Komodo edit
  2. Aptana studio
  3. NetBeans
  4. Bluefish
  5. CoffeeCup
  6. HTML-kit
  7. Eclipse
  8. SeaMonkey
  9. AlleyCode
  10. Amaya

8.Contoh software pembuat Web

  1. Active Server Page
  2. JSP (java Server Page)
  3. PHP (Personal Home Page)
  4. Java Script
Diposting oleh di 1 komentar:
Langganan: Postingan (Atom)