Setelah Komputer selesai di rakit tahapan berikutnya adalah menginstalasi sistem operasi. Sistem operasi yang akan dipergunakan adalah sistem operasi Windows XP Profesional Sebagai persiapan maka siapkan CD Instalasi Windows XP Profesional yang lengkap dengan serialnya.
Untuk Instalasinya maka ikuti langkah berikut:
1. Atur Boot sequence pada BIOS dan CD ROM di tempatkan di posisi pertama.
2. Masukan CD Instalasi Windows
3. Lakukan booting ulang
4. Setelah booting berhasil maka akan muncul tampilan dibawah ini, lalu tekan tombol sembarang ( Space bar saja) sehingga proses instalsi akan segera dimulai
5. Proses instalasi Windows XP pun segera mulai. Dalam beberapa saat setelah booting, layar monitor akan menampilkan pesan “Welcome to Setup”. Tekan [Enter] pada keyboard.
6. Muncul tampilan Licensing Agreement yang harus setujui. Tekan [PageDown] untuk ke halaman berikutnya, dan [PageUp] untuk mundur ke halaman sebelumnya. Jika setuju, tekan [F8].
7. Layar selanjutnya akan menampilkan keterangan tentang kapasitas hard disk. Untuk membagi-baginya menjadi beberapa partisi, tekan [C]. Dan untuk langsung ke proses instalasi, tekan [Enter].
8. Setelah partisi terbentuk, proses berikutnya adalah memformat hard disk. XP memiliki kemampuan untuk melakukannya secara otomatis. Pilih format partisi dengan sistem file NTFS yang normal (tanpa tambahan “Quick”), lalu [Enter]. Selama format berlangsung akan muncul progress-nya, begitu juga saat proses setup sampai pada penyalinan file ke folder instalasi Windows. Proses ini memerlukan waktu beberapa menit.
9. Setelah proses copy selesai, harus me-restart PC. Namun sebelumnya cek terlebih dahulu floppy drive, apakah terdapat disket di dalamnya atau tidak. Jika ada, keluarkan terlebih dahulu disket tersebut, karena bisa mengganggu proses booting. Setelah itu tekan [Enter] untuk mulai me-restart PC.
10. Mulai masuk ke proses instalasi XP, yang secara otomatis akan menginstal juga berbagai driver untuk perangkat yang ada di PC. Jadi tidak perlu lagi menginstal driver dari tiap perangkat tersebut.
11. Muncul tampilan di bawah maka memulai instalasi, setelah itu muncul bok Regional and Language Options untuk memilih lokasi (negara) dan bahasa yang digunakan. Klik [Customize] untuk mengubahnya dan sesudahnya klik [Next >]. Isi nama dan klik [Next >].
12. Berikutnya, masukkan nomor serial (CD key) Windows XP ke kotak yang tersedia. Angka-angka tersebut bisa lihat pada label stiker kuning di bagian belakang kemasan CD. Lalu klik [Next >].
13. Isikan nama komputer dan tentukan password administrator. Ulangi password tersebut untuk konfirmasi. Selanjutnya klik [Next >].
14. Muncul bok Date and Time Setting,. lalu cocokkan tanggal dan jamnya, serta pilih time zone.Klik [Next >] lagi.
15. Selanjutnya instalasi dilanjutkan kembali
16. Muncul bok Networking Setting, pilih Typical setting untuk pengaturan dilakukan untuk pengaturan dilakukan kemudian, dan pilih Custom Setting untuk pengaturan secara rinci.
17. Muncul bok Workgroup and computer Domain, Masukan nama workgroup, lalu pilih Next. Lalu instalasi akan di lanjutkan sampai dengan selesai lalu akan melakukan restart.
18. Masukkan user administrator untuk login. Setelah desktop XP terbuka, bisa mengikuti Windows XP Tour untuk lebih mengenal berbagai fitur menarik dalam sistem operasi tersebut.
19. Instalasi Selesai
Jumat, 13 Juni 2014
Ordered List dan UnOrdered List
Ordered List:
<body>
<h2> Yang Harus Dilakukan Hari Ini </h2>
<ol>
<li> Pergi Ke Pasar </li>
<li> Membuat Tutorial html </li>
<li> Membuat Tugas Kuliah </li>
</ol>
Unordered List :
<body>
<h2> Yang Harus Dilakukan Hari Ini </h2>
<ul>
<li> Pergi Ke Pasar </li>
<li> Membuat Tutorial html </li>
<li> Membuat Tugas Kuliah </li>
</ul>
<body>
<h2> Yang Harus Dilakukan Hari Ini </h2>
<ol>
<li> Pergi Ke Pasar </li>
<li> Membuat Tutorial html </li>
<li> Membuat Tugas Kuliah </li>
</ol>
Unordered List :
<body>
<h2> Yang Harus Dilakukan Hari Ini </h2>
<ul>
<li> Pergi Ke Pasar </li>
<li> Membuat Tutorial html </li>
<li> Membuat Tugas Kuliah </li>
</ul>
Membuat Combo Box
How To :
<html>
<head>
<title> Combo Box </title>
</head>
<body>
<label for="Nama">Nama</label>
<input type="text" Name="nama"><br>
<label for="Alamat">Alamat</label>
<input type="text" Name="Alamat"><br>
<label for="kota">kota</label>
<select name"kota">
<option> Jakarta </option>
<option> Tangerang </option>
<option> Bandung </option>
<option> Yogyakarta </option>
<option> Surabaya </option>
<option> Padang </option>
<option> Medan </option>
<option> Palembang </option>
<option> Mauk </option>
</select>
<br> <br>Tanggal Lahir<br>
<label for="Tanggal">Tanggal</label>
<select name"Tanggal">
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option> 5 </option>
<option> 6 </option>
<option> 7 </option>
<option> 8 </option>
<option> 9 </option>
<option> 10 </option>
<option> 11 </option>
<option> 12 </option>
<option> 13 </option>
<option> 14 </option>
<option> 15 </option>
<option> 16 </option>
<option> 17 </option>
<option> 18 </option>
<option> 19 </option>
<option> 20 </option>
<option> 21 </option>
<option> 22 </option>
<option> 23 </option>
<option> 24 </option>
<option> 25 </option>
<option> 26 </option>
<option> 27 </option>
<option> 28 </option>
<option> 29 </option>
<option> 30 </option>
<option> 31 </option>
</select>
<label for="Bulan">Bulan</label>
<select name"Bulan">
<option> January </option>
<option> February </option>
<option> March </option>
<option> April </option>
<option> May </option>
<option> June </option>
<option> July </option>
<option> August </option>
<option> September </option>
<option> October </option>
<option> November </option>
<option> December </option>
</select>
<label for="Tahun">Tahun</label>
<select name"Tahun">
<option> 1990 </option>
<option> 1991 </option>
<option> 1992 </option>
<option> 1993 </option>
<option> 1994 </option>
<option> 1995 </option>
<option> 1996 </option>
<option> 1997 </option>
<option> 1998 </option>
<option> 1999 </option>
<option> 2000 </option>
<option> 2001 </option>
<option> 2002 </option>
<option> 2003 </option>
<option> 2004 </option>
<option> 2005 </option>
<option> 2006 </option>
<option> 2007 </option>
<option> 2008 </option>
<option> 2009 </option>
<option> 2010 </option>
<option> 2011 </option>
<option> 2012 </option>
<option> 2013 </option>
<option> 2014 </option>
</select><br>
<input type="submit" value="Send">
</body>
</html>
Atribut HTML
Berikut saya akan membagikan beberapa Tag yang digunakan dalam html
Tag Utama
Tag
Atribut
Deskripsi
<html></html>
Baris paling atas dari setiap file HTML
<head></head>
Informasi umum dari sebuah halaman web
<title></title>
Judul halaman. Terdapat pada head
<body></body>
Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth
Settingan atribut untuk seluruh dokumen
Modifikasi Teks
Tag
Deskripsi
Contoh
<b></b>
Teks tebal
Teks tebal
<i> </i>
Teks miring
Teks miring
<u> </u>
Teks garis bawah
Teks garis bawah
<pre></pre>
Preformatted teks
Contoh teks
<h1></h1>
Header 1
Header 1
<h2></h2>
Header 2
Header 2
<h3> </h3>
Header 3
Header 3
<h4></h4>
Header 4
Header 4
<h5></h5>
Header 5
Header 5
<h6></h6>
Header 6
Header 6
<sub></sub>
Subscript
Subscript
<sup></sup>
Superscript
Superscript
Font
Tag
Atribut
Deskripsi
<font></font>
Color, size, name
Mengubah gaya suatu huruf
Links
Tag
Atribut
Deskripsi
<a> </a>
Href, target, style, class, name, id
Membuat link ke dokumen atau situs lainnya
Gambar
Tag
Atribut
Deskripsi
<img>
Src, alt, name, border, height, width
Menampilkan sebuah gambar
Formatting
Tag
Deskripsi
Contoh
<blockquote></blockquote>
Digunakan untuk mengatur text dan gambar dalam suatu tag
Contoh text in a block quote format ( “ “ )
<ol></ol>
Ordered List (digunakan dengan <li>)
1. Item 1
<ul></ul>
Unordered List (digunakan dengan <li>)
• Item 1
<li>
Elemen List
<dd></dd>
Definition List
<dt>
Definition Term
<dd>
Definition Description
<p></p>
Paragraf
<br>
Ganti baris
<hr>
Garis horizonta
<center></center>
Menengahkan elemen
Tabel
Tag
Deskripsi
Contoh
<table></table>
Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign
Mengatur semua elemen table
<tr></tr>
Height, bgcolor, background, align, valign, title
Membuat baris baru
<td></td>
Height, width, bgcolor, background, align, valign, title, colspan, rowspan
Membuat kolom
<th></th>
Height, width, bgcolor, background, align, valign, title, colspan, rowspan
Header(kepala tabel). Otomatis ke tengah dan tebal
<tbody></tbody>
Height, width, align, valign, bgcolor, background
Format yang berlaku bagi cell yang diapit tag
<colgroup></colgroup>
Height, width, align, valign, bgcolor, background, colspan
Format yang berlaku bagi kolom
Form
Tag
Deskripsi
Contoh
<form></form>
Method, action, name, enctype
Mengatur elemen dari form
<input type=>
Text, password, hidden, radio, checkbox, submit, image, reset
Variasi dari tipe elemen input dalam form
<select></select>
Name, size
Membuat combo-box. Digunakan bersama dengan option
<option>
Selected, name, value
<textarea></textarea>
Name, rows, cols, wrap
Membuat Text Area untuk input text dengan length yang lebih besar dari input text.
wrap
Offvirtual
physical
no wrapword wrap, sent as one line
word wrap, sent with breaks
Tag Utama
Tag
Atribut
Deskripsi
<html></html>
Baris paling atas dari setiap file HTML
<head></head>
Informasi umum dari sebuah halaman web
<title></title>
Judul halaman. Terdapat pada head
<body></body>
Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth
Settingan atribut untuk seluruh dokumen
Modifikasi Teks
Tag
Deskripsi
Contoh
<b></b>
Teks tebal
Teks tebal
<i> </i>
Teks miring
Teks miring
<u> </u>
Teks garis bawah
Teks garis bawah
<pre></pre>
Preformatted teks
Contoh teks
<h1></h1>
Header 1
Header 1
<h2></h2>
Header 2
Header 2
<h3> </h3>
Header 3
Header 3
<h4></h4>
Header 4
Header 4
<h5></h5>
Header 5
Header 5
<h6></h6>
Header 6
Header 6
<sub></sub>
Subscript
Subscript
<sup></sup>
Superscript
Superscript
Font
Tag
Atribut
Deskripsi
<font></font>
Color, size, name
Mengubah gaya suatu huruf
Links
Tag
Atribut
Deskripsi
<a> </a>
Href, target, style, class, name, id
Membuat link ke dokumen atau situs lainnya
Gambar
Tag
Atribut
Deskripsi
<img>
Src, alt, name, border, height, width
Menampilkan sebuah gambar
Formatting
Tag
Deskripsi
Contoh
<blockquote></blockquote>
Digunakan untuk mengatur text dan gambar dalam suatu tag
Contoh text in a block quote format ( “ “ )
<ol></ol>
Ordered List (digunakan dengan <li>)
1. Item 1
<ul></ul>
Unordered List (digunakan dengan <li>)
• Item 1
<li>
Elemen List
<dd></dd>
Definition List
<dt>
Definition Term
<dd>
Definition Description
<p></p>
Paragraf
<br>
Ganti baris
<hr>
Garis horizonta
<center></center>
Menengahkan elemen
Tabel
Tag
Deskripsi
Contoh
<table></table>
Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign
Mengatur semua elemen table
<tr></tr>
Height, bgcolor, background, align, valign, title
Membuat baris baru
<td></td>
Height, width, bgcolor, background, align, valign, title, colspan, rowspan
Membuat kolom
<th></th>
Height, width, bgcolor, background, align, valign, title, colspan, rowspan
Header(kepala tabel). Otomatis ke tengah dan tebal
<tbody></tbody>
Height, width, align, valign, bgcolor, background
Format yang berlaku bagi cell yang diapit tag
<colgroup></colgroup>
Height, width, align, valign, bgcolor, background, colspan
Format yang berlaku bagi kolom
Form
Tag
Deskripsi
Contoh
<form></form>
Method, action, name, enctype
Mengatur elemen dari form
<input type=>
Text, password, hidden, radio, checkbox, submit, image, reset
Variasi dari tipe elemen input dalam form
<select></select>
Name, size
Membuat combo-box. Digunakan bersama dengan option
<option>
Selected, name, value
<textarea></textarea>
Name, rows, cols, wrap
Membuat Text Area untuk input text dengan length yang lebih besar dari input text.
wrap
Offvirtual
physical
no wrapword wrap, sent as one line
word wrap, sent with breaks
Langganan:
Postingan (Atom)