• Beranda
  • Tugas Prouktif Multimedia
  • pemrograman Dasar
    • Artikel tentang bahasa pemrograman
    • Sejarah dan pengertian flowchart
    • Tutorial menghitung jarak menggunakan program free pascal
    • Pemrograman web
    • Cara menyisipkan gadget jam pada blog
    • cara menambah/menyisipkan musik
    • cara mengubah kursor
  • Komunikasi jaringan dasar
    • tugas menginstal windows 10
    • Langkah-langkah membuat boot windows 10 menggunakan FDD dan DVD

Minggu, 22 April 2018

Kumpulan atribut pada HTML beserta fungsinya

altMenampilkan teks ketika gambar tidak bisa ditampilkan
disableMenentukan bahwa elemen input harus dinonaktifkan
hrefMenentukan URL (Alamat web) untuk link
idMenentukan ID link untuk elemen (Biasanya berisi nama dari class CSS atau JS)
srcMenentukan URL (Direktori) untuk gambar
stylemenentukan style inline untuk suatu elemen 
titleMenampilkan tool tip tentang informasi tambahan pada elemen
Kumpulan Tag HTML beserta fungsinya


Tag <!-- ... --> berfungsi memberikan keterangan atau informasi kepada browser mengenai jenis dokumen yang akan ditampilkan. Sebagai contoh <!DOCTYPE HTML> merupakan informasi yang akan diterima browser bahwa dokumen yang ada dibawahnya merupakan dokumen html.
Tag <a> berfungsi sebagai anchor atau lebih tepat merupakan link yang menghubungkan dengan dokumen lain. Untuk menghubungkan dengan dokumen lain biasanya akan ada tambahan atribut seperti <a href>. Tag <a href> tidak hanya berfungsi sebagai penghubung atau menautkan antara halaman satu dengan yang lainnya. Tag ini juga mampu membuat link ke email dan navigasi dalam sebuah browser. Sebgai contoh tag <a href> sebagai berikut
Tag <a href> membuat link ke halaman lain - <a href="Masukkan Link atau Alamat yang ingin ditautkan">Tulisan yang akan muncul dalam browser</a>
Tag <a href> membuat e-mail link - <a href="mailto: alamat e-mail yang dituju">Tulisan yang akan muncul dalam browser</a>
Tag <a href> membuat navigasi halaman - <a href="kode css nya semisal header">Tulisan yang akan muncul dalam browser</a>
Tag <acronym> berfungsi memberikan informasi mengenai suatu singkatan atau yang lainnya.
Tag <address> berfungsi memberikan informasi kontak alamat penulis atau pemilik dokumen.
Tag <applet> berfungsi untuk memasukkan file java ke dalam sebuah dokumen html.
Tag <b> berfungsi memberikan efek tebal pada huruf. Tag ini sama seperti tag <strong> yang memberikan efek tebal pada huruf yang ada didalamnya.
Tag <u> berfungsi memberikan efek underline pada huruf.
Tag <i> berfungsi memberikan efek miring pada huruf.
Tag <area> berfungsi memberikan informasi daerah pada halaman yang bisa di klik.
Tag <base> berfungsi mendefinisikan url target untuk semua url relatif dokumen.
Tag <basefont> berfungsi membuat atribut teks menjadi default seperti warna, ukuran dan jenis font untuk semua teks dalam dokumen yang akan ditampilkan browser.
Tag <bdo> berfungsi menimpa arah teks. Sebagai contoh semisal kita menuliskan "Belajar html" dalam dokumen html kemudian akan tampil dalam browser "lmth rajaleB"
Tag <big> berfungsi untuk memperbesar ukuran teks dengan naik satu point dari defaultnya.
Tag <blink> berfungsi membuat teks berkedip saat tampil dalam browser.
Tag <body> berfungsi memberikan informasi kepada browser bahwa teks yang ada diantara <body> dan </body> merupakan isi dokumen html. Isi dokumen bisa berisi tag gambar, animasi dan link atau hanya berupa teks biasa.
Tag <br> berfungsi memberikan baris baru pada suatu halaman website.
Tag <button> berfungsi memberikan sebuah tombol untuk di klik.
Tag <caption> berfungsi membuat caption pada sebuah tabel.
Tag <center> berfungsi untuk membuat teks atau menjadi rata tengah.
Tag <cite> berfungsi mendefinisikan kutipan pada suatu halaman.
Tag <code> berfungsi mendefinisikan sebuah bagian dari kode komputer
Tag <del> berfungsi memberikan garis tengah pada sebuah teks atau mencoret teks.
Tag <dfn> berfungsi memberikan informasi mengenai istilah definisi.
Tag <dir> berfungsi memberikan informasi mengenai daftar direktori.
Tag <div> berfungsi memberikan informasi sebuah section dalam dokumen yang ditampilkan browser.
Tag <dl> berfungsi memberikan informasi mengenai daftar definisi.
Tag <em> berfungsi memberi efek miring pada teks. Fungsi yagn sama dengan tag <i> namun tag <em> yang lebih dianjurkan pada penggunaan untuk teks miring
Tag <embed> berfungsi untuk memasukkan file berupa video atau file musik.
Tag <fieldset> berfungsi untuk mengelompokkan elemen elemen yang terkait dalam form.
Tag <font> berfungsi memberikan informasi mengenai jenis font warna dan ukuran teks.
Tag <form> berfungsi mendefinisikan sebuah form HTML untuk input form.
Tag <frame> berfungsi mendefinisikan frame dalam fremeset.
Tag <frameset> berfungsi mendefinisikan satu set frame.
Tag <h1> sampai <h6> berfungsi untuk menunjukkan tingkatan heading atau judul dari dokumen HTML tersebut.
Tag <head> berfungsi memberikan informasi tentang keterangan website seperti meta description dan atribut lainnya.
Tag <hr> berfungsi membuat garis horisontal.
Tag <html> berfungsi memberikan informasi jenis dokumen HTML.
Tag <iframe> berfungsi mendefinisikan sebuah inline frame.
Tag <img> berfungsi untuk memasukkan sebuah gambar yang akan ditampilkan oleh browser.
Tag <input> berfungsi memberikan informasi input field pada form.
Tag <kbd> berfungsi mendefinisikan teks yang di input dari keyboard.
Tag <label> berfungsi mendefinisikan label untuk sebuah elemen <input>.
Tag <legend> berfungsi mendefinisikan sebuah caption untuk elemen <fieldset>.
Tag <li> berfungsi untuk menampilkan informasi dalam bentuk item daftar atau list.
Tag <link> berfungsi mengaitkan dokumen satu dan yang lainnya. dokumen tersebut bisa dari internal blog atau dari eksternal blog.
Tag <listing> memiliki fungsi yang sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
Tag <map> berfungsi mendefinisikan client-side peta gambar
Tag <marquee> berfungsi memberikan efek teks berjalan secara vertikal atau horisontal
Tag <menu> berfungsi mendefinisikan sebuah daftar menu
Tag <meta> berfungsi memberikan informasi mengenai metadata tentang sebuah dokumen HTML
Tag <nobr> berfungsi mencegah ganti baris pada teks atau gambar
Tag <noframes> berfungsi memnerikan informasi jika browser user tidak mendukung frame
Tag <noscript> berfungsi memnerikan informasi jika browser user tidak mendukung client-side scripts
Tag <object> berfungsi meletakkan embed sebuah objek
Tag <ol> berfungsi mendefinisikan daftar dalam format penomoran
Tag <optgroup> berfungsi menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
Tag <option> berfungsi menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
Tag <p> berfungsi membuat sebuah paragraf
Tag <param> berfungsi mendefinisikan sebuah parameter untuk objek
Tag <pre> berfungsi membuat teks dengan ukuran huruf yang sama
Tag <q> berfungsi mendefinisikan sebuah kutipan singkat
Tag <s> berfungsi untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>
Tag <samp> berfungsi mendefinisikan contoh keluaran dari program komputer
Tag <script> berfungsi mendefinisikan client-side script
Tag <select> berfungsi membuat daftar drop-down
Tag <small> berfungsi memperkecil ukuran teks dari ukuran defaultnya
Tag <span> berfungsi mendefinisikan sebuah section dalam dokumen
Tag <strike> berfungsi untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
Tag <strong> berfungsi membuat teks tebal, fungsi tag ini sama dengan tag <b>
Tag <style> berfungsi mendefinisikan informasi style untuk dokumen HTML
Tag <sub> berfungsi memberikan efek subscript pada teks
Tag <sup> berfungsi memberikan efek superscript pada teks
Tag <table> berfungsi untuk membuat tabel
Tag <tbody> berfungsi untuk mengelompokkan isi body di dalam sebuah tabel
Tag <td> berfungsi mendefinisikan sel di dalam sebuah tabel
Tag <textarea> berfungsi mendefinisikan sebuah kontrol input multiline
Tag <tfoot> berfungsi untuk mengelompokkan isi footer di dalam sebuah tabel
Tag <th> berfungsi mendefinisikan sel header di dalam  sebuah tabel
Tag <thead> berfungsi untuk mengelompokkan isi header di dalam sebuah tabel
Tag <title> berfungsi membuat judul untuk dokumen HTML
Tag <tr> berfungsi membuat baris di dalam sebuah tabel
Tag <tt> berfungsi mendefinisikan teletype text
Tag <ul> berfungsi mendefinisikan daftar dalam format bullet
Tag <var> berfungsi mendefinisikan sebuah variabel
Tag <xmp> berfungsi mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>

Sabtu, 20 Januari 2018

cara mengubah kursor

Cara Merubah Kursor
-Kunjungi situs www.curcor-4u.com.


-Disitu disugukan banyak contoh kursor.
-Anda dapat memilih berdasarkan kategori yang ada.
-Silahkan anda pilih salah satu gambar yang anda ingin gunakan pada blog.
-Jika anda telah menentukan kursor mana yang akan anda gunakan,klik gambar tersebut untuk mendapatkan kode dari kursornya .
-Copy kode yang diberikan untuk kursor yang telah dipilih.
-Untuk memasangnya di blog anda,pilih Tata letak lalu Tambah Gadget kemudian HTML/JavaScript.
-Isikan konten dengan kode yang sebelumnya telah dicopy.
-Jika sudah klik simpan.

cara menambah/menyisipkan musik

Cara Menambah/Menyisipkan Musik
-Kunjungi situs scmplayer.net .

-Akan muncul tampilan seprti dibawah ini dan di menu “choose Skin” anda dapat memilih warna background yang anda inginkan dan lanjut dengan klik “Edit plylist”.
-Siapkan lagu yang anda inginkan. Saya sarankan cari di soundcloud.com selanjutnya masukkan judulnya ke dalam  kolom “song tittle” dan URL ‘lagu dari soundcloud.com tadi ke dalam “song URL” kemudian jika telah selesai klik “Next”.

-Anda akan masuk ke menu “setup wizard” dan silahkan atur sesuai keinginan anda.
-Klik done untuk memperoleh kode HTML sesuai pengaturan yang kita lakukan .
-Copy kode seperti gambar diatas dan letakkan di dalam HTML temple anda dengan cara masuk ke bloger-klik tamplate-Edit HTML dan cari kode <body>atau<body>(gunakan CTRL +F untuk mempermudah) setelah ketemu letakkan kode yang anda copy tadi tempatkan dibawah kode<body>.

-Simpan tamplate dan lihat hasilnya .

Kamis, 18 Januari 2018

Cara menyisipkan gadget jam pada blog

Cara Menyisipkan Gadget Clock (Jam)

Langkah-langkahnya:
1. Sebelumnya kunjungi blog www.clocklink.com
2. Masuk menu gallery (disitu kita bisa memilih kategori-kategori yang sesuai dengan yang kita inginkan). Seperti gambar dibawah ini:
3. Pilih jam yang anda suka,kemudian klik view HTML Tag
4. Akan muncul halaman baru. Disitu ada ketentuan-ketentuan yang memakai bahasa inggris,lalu pilih Accept.
5. Selanjutnya pilih warna,time zone,serta ukuran jam agar sesuai dengan sidebar blog. Seperti gambar dibawah ini:
6. Kemudian copy kode yang diberikan. Contoh kodenya: <script src="http://www.clocklink.com/embed.js"></script><script language="JavaScript" type="text/javascript">obj=new Object;obj.clockfile="5015-green.swf";obj.TimeZone="GMT0700";obj.width=160;obj.height=40;obj.wmode="transparent";showClock(obj);</script>
7. Selanjutnya, masuk pada blogger, masuk ke Tata letak kemudian Tambah Gadget
8. Pilih HTML/JavaScript,kemudian paste kode yang tadi di copy lalu simpan.





Kamis, 04 Januari 2018

Pemrograman Web



LAYANAN WEB
*Beberapa layanan hosting di internet :
1. Free Hosting
2. Cloud Hosting
3. VPS Hosting
4. Dedicated Hosting 
5. Colocation Hosting  

 *Cara hosting layanan :
Cara Kerja Web:  
   - Untuk mengakses alamat website pertama anda, masukan URL, di kotak alamat    browser anda
   - http:// menunjukkan bahwa browser dan server web akan berkomunikasi  menggunakan    hypertext transfer protocol
   - www. menunjukkan sumber daya pada world wide web yang learnthenet.com, disebut server web, host situs
   - web browser akan mengirimkan permintaan ke server web yang sesuai di internet
   - web server menempatkan file, kemudian download ke komputer anda
   - web browser anda merakit halaman pada layar komputer anda
  
 *Perbandingan layanan hosting  
1.      Dedicated Hosting
Dedicated hosting adalah pilihan yang terbaik buat para website master yang ingin memiliki kontrol penuh atas servernya. Tidak ada yg di share disini oleh karena itu hosting semacam ini lebih cocok untuk para client yang memiliki banyak trafik pada situsnya. Memilih dedicated hosting sama seperti membeli rumah sendiri untuk ditempat tinggali atau dijadikan untuk membangun usaha. Kekurangannya adalah biayanya lebih mahal sehingga tidak cocok utk ngehost situs baru atau situs yang kurang memiliki trafik.
2.      Colocation Server
Colocation Server adalah tempat yang menyediakan layanan untuk menyimpan atau menitipkan server di Data Center yang memiliki standar keamanan fisik dan infrastuktur, seperti: kestabilan arus listrik, flooring, UPS, power generator, air temperature control , kestabilan akses internet, CCTV dan personil security yang akan bekerja setiap hari dalam memantau Server anda. Biasanya server ini disimpan dalam rak atau kabinet.
Kelebihan Colocation Server
• Biaya bulanan Colocation Server biasanya tidak tergantung dari spesifikasi server yang digunakan karena pengguna hanya dikenakan biaya sewa di  Data Center. Penggunaan server dengan spesifikasi rendah, menengah ataupun canggih tidak mempengaruhi biaya bulanan.
Kekurangan Colocation Server
• Kekurangan Colocation Server adalah, pengguna harus bertanggung jawab terhadap kerusakan yang mungkin terjadi di server miliknya itu.

*Tugas profesi dalam pengembangan aplikasi web berikut:
a. Web Designer: merancang susunan dan tampilan suatu situs pemrograman web
b. Web Programmer: membuat sistem dan halaman web sesuai dengan rancangan, dengan menggunakan bahasa pemrograman web

c. Web Administrator: menjaga kelangsungan kerja sistem web sehari-hari

d. Web Master: tugasnya adalah gabungan dari ketiga tugas di atas
 

*Kepanjangan dari istilah-istilah berikut: 
World Wide Web (disingkat sebagai WWW atau Web)
HyperText Markup Language (HTML)
Uniform Resource Locator (URL)
World Wide Web Consortium (W3C)
Hypertext Transfer Protocol (HTTP)
File Transfer Protocol (FTP)
Internet Protocol address (IP address)
 

*Versi HTML dari versi awal hingga sekarang    

Versi HTML dari Versi Awal hingga Sekarang
Versi
Tahun
HTML
1991
HTML 2.0
1995
HTML 3.2
1997
HTML 4.01
1999
XHTML
2000
HTML5
2014



*Berbagai jenis browser :  
1. Internet Explorer
2.Mozilla Firefox
3.Safari Web Browser
4.Google Chrome
5.Opera Web Browser
6.Avant Browser
7. Maxthon Browser
 
 





 

 

Kumpulan atribut pada HTML beserta fungsinya alt Menampilkan teks ketika gambar tidak bisa ditampilkan disable Menentukan bahwa elemen i...