Tutorial Corel Draw Dasar

Silahkan Download

Klik Disini

Read more »

Download Tutorial Dreamwever

Silahkan Download

Klik Disini

Read more »

Jadwal Kuliah Semester II Komputer

	JADWAL KULIAH KELAS II C KOMPUTER
HARI / PUKUL	MATA KULIAH	RUANG/DOSEN
Senin 08.00 - 10.00	Desain Grafis	Ruang K / Pak Veri
10.00 - 12.00	Pemrograman Web	Ruang J / Pak Rais
Selasa 12.00 - 14.00	Desain Grafis	Lab 3/Pak Veri
14.00 - 16.00	Animasi 2 Dimensi	Lab 2 / Pak Wildan
Rabu 08.00 - 09.00	Sistem Digital	Ruang I/Pak Agung
10.00 - 12.00	Pemrograman Komputer	Ruang J/Pak Humam
12.00 - 14.00	PBO 1	Ruang J / Bu Prima
Kamis 08.00 - 10.00	Pemrograman Komputer	Lab 2 / Pak Humam
10.00 - 12.00	Pemrograman Web	Lab 2 / Pak Rais
Jum'at 08.00 - 10.00	PBO 1	Lab 2 / Bu Prima
10.00 - 12.00	Sistem Digital	Ruang I / Pak Agung
Sabtu 08.00 - 10.00	Jaringan Komputer 1	Ruang J / Pak Sugiarto

FORM

Apakah kamu mahasiswa Poltek?

How old are you?
10 - 15
16 - 20
21 - 25

Dari mana asal kamu?
Indonesia United Kingdom USA

Your comment:

Read more »

Belajar HTML Pemula

Masukan script anda di sini langsung lihat hasilnya. Klik disini untuk lihat hasil scrip anda

Read more »

Download lagu karaoke Indonesia

Silahkan Download

Aku bukan bang toyib-Wali Band

Cinta tak harus memiliki-Jocker

Rindu yang terlarang-Mahkota band

Read more »

Game Flash

Silahkan Download

Klik Disini

Read more »

Contoh-contoh Makalah

CARA PENULISAN MAKALAH YANG BAIK/urutan makalah yang benar : Bagian Pembuka Makalah Halaman judul. Halaman pengesahan. Kata pengantar. Daftar isi. Ringkasan isi. Bagian Isi Makalah Pendahuluan Latar belakang masalah. Rumusan masalah. Pembatasan masalah. Tujuan penelitian. Manfaat penelitian. Tinjauan Teori Pembahasan teori Kerangka pemikiran dan argumentasi keilmuan Pengajuan hipotesis Metodologi Penelitian Waktu dan tempat penelitian. Metode dan rancangan penelitian Populasi dan sampel. Instrumen penelitian. Pengumpulan data dan analisis data. Kesimpulan dan Saran Kesimpulan Saran Bagian Penunjang Daftar pustaka. Lampiran- lampiran antara lain instrumen penelitian atau daftar lampiran. Dibawah ini nanti teman-teman dapat melihat contoh berbagai macam makalah yang saya kumpulkan dari berbagai sumber. CONTOH PEMBUKAAN ATAU PENDAHULUAN MAKALAH, silahkan download

Klik Disini

CONTOH KESIMPULAN DAN SARAN MAKALAH, silahkan download

Klik Disini

CONTOH MAKALAH HARDWARE DAN SOFTWARE KOMPUTER DOC, Silahkan download

Klik Disini

CONTOH MAKALAH SOSIOLOGI, silahkan download

Klik Disini

CONTOH MAKALAH PTK, silahkan download

Klik Disini

CONTOH MAKALAH BK KARIR :: PSIKOLOGI, Silahkan download

Klik Disini

Read more »

Serba Musik

DIsini:

Klik Disini

Read more »

SMS FREE

Link:

Klik Disini

Read more »

Download Tema HP

Link:

Klik Disini

Read more »

Download Adobe photosop portable CS5

Alamat Linknya:

Klik Disini

Read more »

Download Notepad++

Link:

1. Klik Disini

Read more »

Materi HTML

Link:

1. Klik Disini

Read more »

Macam-macam Bahasa Pemrograman

Bahasa pemrograman atau sering diistilahkan sebagai bahasa komputer, adalah teknik komando/instruksi standar untuk memerintah komputer. Bahasa pemrograman merupakan himpunan atau kumpulan dari aturan sintaks dan semantik yang dipakai untuk mendefinisikan program komputer. Menurut tingkat kedekatannya dengan mesin komputer, bahasa pemrograman terdiri dari: Bahasa Mesin, yaitu memberikan perintah kepada komputer dengan memakai kode bahasa biner, contohnya 01100101100110 Bahasa Tingkat Rendah, atau dikenal dengan istilah bahasa rakitan (bah.Inggris Assembly), yaitu memberikan perintah kepada komputer dengan memakai kode-kode singkat (kode mnemonic), contohnya MOV, SUB, CMP, JMP, JGE, JL, LOOP, dsb. Bahasa Tingkat Menengah, yaitu bahasa komputer yang memakai campuran instruksi dalam kata-kata bahasa manusia (lihat contoh Bahasa Tingkat Tinggi di bawah) dan instruksi yang bersifat simbolik, contohnya {, }, ?, <<, >>, &&, ||, dsb. Bahasa Tingkat Tinggi, yaitu bahasa komputer yang memakai instruksi berasal dari unsur kata-kata bahasa manusia, contohnya begin, end, if, for, while, and, or, dsb. Sebagian besar bahasa pemrograman digolongkan sebagai Bahasa Tingkat Tinggi, hanya bahasa C yang digolongkan sebagai Bahasa Tingkat Menengah dan Assembly yang merupakan Bahasa Tingkat Rendah. Berikut ini ada beberapa macam bahasa pemrograman yang perlu anda ketahui: 1. Bahasa Pemrograman HTML HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. 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. 2. Bahasa Pemrograman PHP PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain. PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows). 3. Bahasa Pemrograman ASP ASP adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis. ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft. ASP bekerja pada web server dan merupakan server side scripting. 4. Bahasa Pemrograman XML Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data. XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja. XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen. 5. Bahasa Pemrograman WML WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup Langauge). WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi wireless. WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel. 6. Bahasa Pemrograman PERL Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC. PERL merupakan bahasa pemograman yang mirip bahasa pemograman C. 7. Bahasa Pemrograman CFM Cfm dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio. Syntax coldfusion berbasis html. 8. Bahasa Pemrograman Javascript Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client.JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript. 9. Bahasa Pemrograman CSS Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C). Bahasa Pemrograman Generasi I Bahasa pemrograman generasi pertama berorientasi pada mesin. Program disusun dengan menggunakan bahasa mesin. Tentu saja program generasi ini sangat sulit untuk dipahami oleh orang awam dan sangat membosankan bagi pemrogram. Pemrogram harus benar-benar menguasai operasi komputer secara teknis. Namun bahasa generasi ini memberikan eksekusi program yang sangat cepat. Selain itu, bahasa mesin sangat bergantung pada mesin (machine dependent), artinya, bahasa mesin antara satu mesin dengan mesin lainnya akan berbeda. Bahasa Pemrograman Generasi II Bahasa pemrograman generasi kedua menggunakan bahasa rakitan (assembly). Sebagai pengganti kode-kode biner, digunakanlah kependekan dari kata-kata. Misalkan “MOV” untuk menyatakan “MOVE” dan JNZ yang berarti “jump non-zero”. Setiap instruksi dalam bahasa rakitan sebenarnya identik dengan satu instruksi dalam bahasa mesin. Bahasa ini sedikit lebih mudah dipahami daripada bahasa mesin. Bahasa ini sedikit lebih mudah dipahami daripada bahasa mesin mengingat perintah dalam bentuk kata-kata yang dipendekkan lebih mudah daripada mengingat deretan angka biner. Berikut adalah contoh instruksi yang ditulis dalam bahasa rakitan akan menjadi seperti berikut: Tampak bahwa penggunaan notasi seperti MOV AH, 02 jauh lebih mudah diingat atau dipahami daripada penulisan instruksi dalam bahasa mesin: B402 atau 1011 0100 0000 0010. Bahasa Pemrograman Generasi III Bahasa pemrograman generasi ketiga menggunakan pendekatan prosedural. Sebagai bahasa prosedural, pemrogram perlu menuliskan instruksi-instruksi yang rinci agar komputer melaksanakan tugasnya. Program ditulis dengan menggunakan kata-kata yang biasa dipakai manusia, seperti WRITE untuk menampilkan sesuatu di layar dan READ untuk membaca data dari keyboard. Bahasa generasi ketiga seringkali disebut sebagai high level language disebabkan bahasa ini menggunakan kata-kata yang biasa digunakan manusia. Beberapa contoh bahasa pemrograman yang masuk dalam kategori generasi ketiga yaitu ADA, ALGOL, C, BASIC, COBOL, FORTRAN, dan PASCAL. Bahasa Pemrograman Generasi IV Bahasa pemrograman generasi keempat dirancang untuk mengurangi waktu pemrograman dalam membuat program sehingga diharapkan produktifitas pemrogram jadi meningkat dan program dapat dibuat dalam waktu yang lebih singkat. Alhasil, bahasa pemrograman generasi keempat yang dikenal dengan sebutan 4GL dapat dipakai oleh pemakai yang kurang mengetahui hal-hal teknis tentang pemrograman tanpa bantuan pemrogram profesional. Sebagai contoh pemrogram dapat membuat program dengan Microsoft Access di lingkungan PC dengan mudah. Bahasa pemrograman generasi keempat biasa disebut sebagai high level language atau bahasa berorientasi pada masalah (problem oriented language) karena memungkinkan pemakai menyelesaikan masalah dengan sedikit penulisan kode dibandingkan pada bahasa prosedural. Bahasa pemrograman generasi keempat menggunakan pendekatan non-prosedural. Untuk mendapatkan suatu hasil, seorang pemakai tidak perlu memberitahukan secara detail tentang bagaimana mendapatkannya. Gambar di bawah ini memberikan contoh yang menunjukkan perbedaan bahasa prosedural dan non-prosedural dalam memperoleh data tentang seorang mahasiswa. Bahasa Pemrograman Generasi V Bahasa pemrograman generasi kelima merupakan kelompok bahasa-bahasa pemrograman yang ditujukan untuk menangani kecerdasan buatan (artificial intelligence). Kecerdasan buatan adalah disiplin dalam ilmu komputer yang mempelajari cara komputer meniru kecerdasan manusia. Berbagai aplikasi kecerdasan manusia adalah sebagai berikut: * Pemrosesan bahasa alami (natural language processing), yakni mengatur komputer agar bisa berkomunikasi dengan manusia melalui bahasa manusia (Indonesia, Inggris, Spanyol, Prancis, dan sebagainya). * Pengedalian robotika dan sensor mata. * Aplikasi sistem pakar (expert system) yang meniru seorang pakar di bidang tertentu sehingga bisa menghasilkan nasehat atau pemikiran yang setara dengan seorang pakar. Dengan menggunakan bahasa generasi kelima dimungkinkan untuk melakukan perintah dengan cara percakapan seperti berikut: “Tampilkan semua nama mahasiswa yang IPK-nya di atas 3,0 dan urutkan berdasarkan IP secara descending” PROLOG dan LISP merupakan dua contoh bahasa pemrograman yang ditujukan untuk menangani kecerdasan buatan. Sumber referensi dikutip dari: http://teknik-informatika.com http://www.ruzman.co.tv http://id.wikipedia.org

Read more »

Animasi Di blog/web

1.Itachi

Animasi Naruto

2.Gaara vs daidara

Animasi Naruto

Sumber==>>http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html

Read more »

Latihan Program Visual Basic

1. Buka program ms. Access anda, kemudian akan ada tampilan seperti berikut
2. Buat database kita dengan nama pengajaran, dan pastikan file format file kita adalah 2002 – 2003 format kemudian klik OK, seperti berikut
3. Setelah itu akan keluar tampilan seperti berikut. . .
4. Kemudian klik pada table1 dan klik view -> design view
5. Akan ada tampilah seperti berikut, kemudian beri nama pada table yang akan kita buat menjadi matakuliah kemudian klik OK . . .
6. Isi field – field table matakuliah menjadi seperti berikut
7. Setelah itu close dan simpan
8. Proses membuat database di ms. Access sudah selesai, sekarang kita bisa close program ms.access nya dan beralih ke visual basic

PEMROGRAMAN VISUAL BASIC

1. Buka program visual basic anda, pada saat start up pastikan anda memilih VB Enterprize Edition Control
2. Kemudian anda akan dihadapkan dengan tampilan seperti berikut
3. Tambahkan sebuah label, textbox, listview dan command button pada form menjadi seperti berikut.
4. Gunakan model copy – paste pada masing – masing label, textbox dan command button, jika muncul peringatan pilih Yes
5. Lakukan berulang pada label, textbox dan command button sehingga hasilnya seperti berikut, jika muncul peringatan pilih YES
6. Edit form tersebut menjadi seperti berikut. . . .
7. Kemudian kita akan membuat sebuah modul untuk melakukan koneksi kedalam database ms.access, akan tetapi terlebih dahulu kita tambahkan komponen adodc pada form kita.
8. Klik kanan pada project kita kemudian pilih add -> module
9. Masukkan script berikut ke dalam module
10. Close module anda, kemudian kita akan beralih kembali ke form, yang pertama kita akan bekerja di listview, ubah nama listview kita menjadi lv kemudian klik kanan listview dan pilih properties
11. Kemudian akan mundul jendela seperti berikut , pada tab general ubah settingannya menjadi seperti berikut.
12. Kemudian beralih ke tab coloumn header, buatlah header untuk masing2 field table kita
13. Klik insert Coloumn untuk membuat header, dan masukkan nama untuk headernya
14. Lakukan langkah nomor 13 untuk menambahkan header Nama MK, SKS dan Semester
15. Setelah kita membuat untuk header dengan nama  ( Kode MK, Nama MK, SKS, Semester ) kemudian klik OK
16. Kembali ke form kita, double klik area form yang kosong kemudian masukkan script berikut, pastikan anda berada di private sub form_load()
17. Masukkan Coding programnya sehingga menjadi seperti berikut
18. Yang selanjutnya kita akan membuat sebuah fungsi untuk menyimpan data ke dalam database, double klik pada area form yang kosong kemudian tambahkan code berikut
19. Kembali ke form, double klik command simpan dan masukkan fungsi simpan ke dalam private sub command_click, seperti berikut
20. Sekarang kita coba jalankan file project kita dan coba inputkan sebuah data pada form tersebut, tekan F5 di keyboard untuk menjalankan file kita
    
    SUMBER :http://ghantexs16.wordpress.com/2012/04/20/latihan-program-visual-basic/

Read more »

Membuat Program Kasir Sederhana Menggunakan Delphi 7

Selamat sore dan Salam Pemrograman

Setelah tadi pagi disibukkan dengan Tugas Membuat Program Kasir Sederhana Menggunakan Delphi 7, akhirnya sore ini bisa saya postingkan tutorial. Seperti Tutorial dari Pemgrograman Visual Menggunakan Foxpro yaitu Membuat Data Mahasiswa Dengan Microsft Visual Foxpro 6.0, kali ini saya akan memposting tentang  Membuat Program Kasir Sederhana Menggunakan Delphi 7. Harapanya tidak lain tidak bukan adalah semoga pembaca yang budiman bisa lebih mengerti bagi yang belum mengerti, mengingatkan bagi yang lupa dan Angin lalu bagi yang tak ingin tau (tragis.com)

Baik langkah pertama tentunya adalah Mendesain Program dulu, Buka delphi anda kemudian buat Desain Visual seperti dibawah ini

Udah mengerti kan bagaimana cara membuat Desain Visual seperti disamping??

O iya,,, Sambil Promosi, penulis Insyaalah akan mengikuti Lomba Bisnis Plan di UPN minta doanya ya moga-moga bisa lolos seleksi, mau tau BP yang penulis ajukan? B'C (burger crispy) penasaran kan? Insyaalah dalam waktu dekat ini akan segera buka di Depan SMA Negeri 1 Purworejo.

Ok lanjutkan tutorialnya kawan. setelah program selesai sekarang saatnya kita coding. coding itu menyenangkan kawan.

Ketika kita harus Mendeskripsikan Problematika kedalam penalaran walaupun penulis sendiri juga bukan master pemrograman.:D. langsung tak kasi scripnya aja deh ya...perhatikan baik-baik

unit Unit1;

interface

uses

  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,

  Dialogs, StdCtrls;

type

  TForm1 = class(TForm)

    RadioButton1: TRadioButton;

    RadioButton2: TRadioButton;

    RadioButton3: TRadioButton;

    ComboBox1: TComboBox;

    ComboBox2: TComboBox;

    Button1: TButton;

    Button2: TButton;

    Button3: TButton;

    Edit1: TEdit;

    Edit2: TEdit;

    Edit3: TEdit;

    Label1: TLabel;

    Label2: TLabel;

    Label3: TLabel;

    Label4: TLabel;

    Edit4: TEdit;

    Edit5: TEdit;

    Edit6: TEdit;

    CheckBox1: TCheckBox;

    Label5: TLabel;

    Label6: TLabel;

    GroupBox1: TGroupBox;

    Label7: TLabel;

    Label8: TLabel;

    Label9: TLabel;

    Label10: TLabel;

    Label11: TLabel;

    GroupBox2: TGroupBox;

    Label12: TLabel;

    Label13: TLabel;

    procedure RadioButton1Click(Sender: TObject);

    procedure RadioButton2Click(Sender: TObject);

    procedure RadioButton3Click(Sender: TObject);

    procedure ComboBox1Change(Sender: TObject);

    procedure ComboBox2Change(Sender: TObject);

    procedure CheckBox1Click(Sender: TObject);

    procedure Button1Click(Sender: TObject);

    procedure Button3Click(Sender: TObject);

    procedure Button2Click(Sender: TObject);

  private

    { Private declarations }

  public

    { Public declarations }

  end;

var

  Form1: TForm1;

implementation

{$R *.dfm}

procedure TForm1.RadioButton1Click(Sender: TObject);

var

a:real;

begin

if radiobutton1.Checked then a:=7000;

edit4.Text:=floattostr(a);

edit1.Text:=floattostr(a);

end;

procedure TForm1.RadioButton2Click(Sender: TObject);

var

a:real;

begin

if radiobutton2.Checked then a:=9000;

edit4.Text:=floattostr(a);

edit1.Text:=floattostr(a);

end;

procedure TForm1.RadioButton3Click(Sender: TObject);

var

a:real;

begin

if radiobutton3.Checked then a:=11000;

edit4.Text:=floattostr(a);

edit1.Text:=floattostr(a);

end;

procedure TForm1.ComboBox1Change(Sender: TObject);

var

a,b,c:real;

begin

if combobox1.text='Burgur' then a:=5000;

if combobox1.text='Burgur Jumbo' then a:=6000;

if combobox1.text='Fungi Crispy' then a:=8000;

edit5.Text:=floattostr(a);

b:=strtofloat(edit4.Text);

c:=a+b;

edit1.Text:=floattostr(c);

end;

procedure TForm1.ComboBox2Change(Sender: TObject);

var

a,b,c,d:real;

begin

if combobox2.text='Espresso' then a:=4000;

if combobox2.text='Cappucino' then a:=5000;

if combobox2.text='Chocholate Coffe' then a:=6000;

edit6.Text:=floattostr(a);

b:=strtofloat(edit4.text);

c:=strtofloat(edit5.Text);

d:=a+b+c;

edit1.Text:=floattostr(d);

end;

procedure TForm1.CheckBox1Click(Sender: TObject);

var

a,b,c,d,e:real;

begin

if checkBox1.Checked then a:=1000;

b:=strtofloat(edit4.text);

c:=strtofloat(edit5.text);

d:=strtofloat(edit6.text);

e:=a+b+c+d;

edit1.text:=floattostr(e);

end;

procedure TForm1.Button1Click(Sender: TObject);

var

a,b,c:real;

begin

a:=strtofloat(edit1.text);

b:=strtofloat(edit2.text);

c:=b-a;

edit3.text:=floattostr(c);

if a>b then showmessage('Maaf Uang Yang Anda Bayarkan Masih Kurang')

end;

procedure TForm1.Button3Click(Sender: TObject);

begin

showmessage('Terima Kasih Anda telah menggunakan prgram ini, copyright@akang samy');

form1.Close;

end;

procedure TForm1.Button2Click(Sender: TObject);

begin

edit1.Text:='';

edit2.Text:='';

edit3.Text:='';

showmessage('Silahkan Mulai Perhitungan dari Awal')

end;

end.

gmana masih kuat untuk melanjutkan???

sekarang saatnya kita Demo dengan program yang telah kita buat. inget ya kawand scripnya jangan dikopas tapi diketik aja.

untuk menjalankan program langsung kita tekan F9 pada keyboard

cara menggunakan program ini pun tak sulit kawan. yang dibutuhkan hanyalah urut dari awal. dari Paket hemat-Menu Special-Minuman-Diantar, setelah total harga muncul baru masukan berapa uang yang dibayarkan konsumen tekan hitung. 

apa bila uang kurang maka akan muncul seperti ini

Kemudian untuk memulai perhitungan baru klik menu baru. Klik Ok setelah muncul windows command berikut

cukup mudah kan?? nah untuk keluar dari Program cukup klik Keluar klik Ok apabila muncul windows command berikut

Nah gimana kawand. sudah mengerti kah??

sesudahnya terima kasih telah membaca tulisan ini. semoga bermanfaat

Read more »

Soal-soal latihan HTML

Berikut adalah contoh-contoh soal latihan HTML dan CSS.

Kependekan dari apakah HTML?

Hyperlinks and Text Markup Language
Hyper Text Marking Language
Hyper Text Markup Language
Home Tool Markup Language

W3C (World Wide Web Consortium) adalah sebuah lembaga yang membuat standar-standar web.

Benar
Salah

Tag HTML manakah yang digunakan untuk membuat heading dengan ukuran paling besar?

Tag HTML manakah yang digunakan untuk membuat paragraf?

Penulisan nama file HTML yang benar di bawah ini adalah?

belajar.xls
belajar.html
file.docx
dokumen.jpg

Selain menggunakan ekstensi ".html", sebuah file HTML bisa juga disimpan dengan menggunakan ekstensi ".htm"?

Benar
Salah

Di manakah tag
<\title>

Sintaks CSS yang benar di bawah ini adalah?

p (font-family:Arial;font-size:1em;)
(p font-family:Arial font-size:1em;)
p {font-family:Arial;font-size:1em;}
{p font-family:Arial;font-size:1em;}

Apakah CSS property untuk mengatur ukuran huruf/karakter?

font-family
font-size
font-style
font-weight

HTML atribut untuk teks alternatif gambar adalah?

alt
href
src
title

Berikut adalah cara menyisipkan komentar/catatan pada file CSS.

/--komentar--/
\--komentar--\

/*--komentar--*/

Berikut adalah cara menyisipkan komentar/catatan pada file HTML.

/--komentar--/

//komentar
#komentar

Penulisan atribut HTML yang benar adalah:

atribut: nilai atribut
atribut="nilai atribut"
atribut=nilai atribut
atribut; nilai atribut

Sebuah file CSS disimpan dengan ekstensi ".css"

Salah
Benar

Garis bawah pada hyperlink bisa dihilangkan dengan prperty CSS berikut ini:

border-bottom: none
margin-bottom: none
text-transform: none
text-decoration: none

Pada bagian manakah dari file HTML, CSS internal disisipkan?

Setelah
Antara tag
Antara tag dan

Manakah penulisan properti CSS yang benar di bawah ini?

$image
span.title
ul li a:link
link a:ul li

Read more »

:: 1-HTML DASAR ::

OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.

MATERI:
Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY.


STRUKTUR DASAR DOKUMEN HTML
HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.

Struktur dasar dokumen HTML adalah sebagai berikut:


        Disini penulisan informasi Web
Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag
Adalah teks khusus (markup) berupa dua karakter "",  sebagai contoh
adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter " ini adalah tag pembuka isi dokumen HTML, dan ini adalah tag penutup isi dokumen HTML.

b. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar

   
        ................


Contoh penulisan tag-tag yang salah

   
        ................


c. Attribute
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:


   nama-attr="nilai-attr"
   nama-attr="nilai-attr"
   .................
>
   .................


Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah

d. Element HTML
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:
..........

e. Element HEAD
Merupakan kepala dari dokumen HTML. Tag
dan tag  terletak di antara tag dan tag .

Sintaks:
...........

f. Element TITLE
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag
terletak di antara tag dan tag .

Sintaks:


g. Element BODY
Element ini untuk menampilkan isi dokumen HTML. Tag
dan tag terletak di bawah tag dan tag .
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:
..............

Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.


LATIHAN
Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.

Latihan 1:
Menampilkan teks:

                           Belajar bahasa pemrograman web ternyata mudah juga :)

Nama file: latihan1_1.html


        Belajar bahasa pemrograman web ternyata mudah juga :)


Tugas tambahan:
Gantilah teks tersebut dengan teks lainnya.


Latihan 2:
Merubah warna teks menjadi merah:

                        Belajar bahasa pemrograman web ternyata mudah juga :)

Nama file: latihan1_2.html


        Belajar bahasa pemrograman web ternyata mudah juga :)

Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.

Latihan 3:
Merubah warna background menjadi hitam.

Nama file: latihan1_3.html


        Belajar bahasa pemrograman web ternyata mudah juga :)

Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.

Latihan 4:
Merubah background dengan suatu gambar.

Nama file: latihan1_4.html


        Belajar bahasa pemrograman web ternyata mudah juga :)
catatan:
./images/ = nama direktori file gambar disimpan
image027.jpg = nama file gambar

Tugas tambahan:
Cobalah untuk file gambar: image050.jpg, image052.jpg, image058.jpg dan image060.jpg.

Read more »