Pages

Kamis, 21 Agustus 2014

CARA MEMBUAT TABEL DASAR




Untuk belajar membuat HTML, anda membutuhkan 2 buah program aplikasi yaitu HTML editor dan web browser. Untuk HTML Editor, anda dapat menggunakan yang paling mudah dan mungkin sudah ada di komputer anda yaitu Notepad. Sedangkan untuk browser, silahkan nanti gunakan Internet Explorer atau Mozilla Firefox yang mungkin juga sudah ada di komputer anda.
Jadi saat ini kita bisa langsung mempraktekkan bagaimana cara membuat HTML dari yang paling dasar. Notepad nantinya akan kita gunakan mengetikkan kode-kode atau tag HTML. Sedangkan web browser atau biasa disebut “browser” saja, akan kita gunakan untuk melihat hasil halaman HTML yang sudah kita buat. Langsung saja kepada praktek cara membuat HTML dasar, silahkan ikuti langkah-langkah berikut ini.
Buka aplikasi Notepad di komputer anda lalu ketikkan kode HTML berikut ini :
1<html>
2<head>
3<title>Belajar HTML</title>
4</head>
5<body>
6Hallo, selamat belajar HTML.
7</body>
8</html>
Catatan : Nomor yang muncul di setiap baris tidak perlu anda ketik, itu hanya tampilan untuk menunjukkan nomor baris kode yang ada. Jadi ketikkan seperti gambar berikut ini :
Selanjutnya silahkan klik menu File-Save As untuk menyimpan file yang anda buat. Simpan dokumen/file diatas dengan nama “latihan.html”. Pastikan anda mengetikkan “latihan.html” (tanpa tanda petik) ketika menyimpan, karena jika tidak maka file yang tersimpan otomatis menjadi file dengan ektension “txt”.
Kemudian tutup aplikasi Notepad anda. Lalu buka windows explorer dan cari dimana file tadi anda simpan. Jika sudah ditemukan, silahkan buka file HTML tersebut dengan cara memilih dan klik double.
Jika sudah benar, maka seharusnya file tersebut otomatis akan dibuka dengan menggunakan aplikasi browser yang ada di komputer anda seperti Internet Explorer atau Mozilla Firefox. Dan jika menggunakan Firefox tampilan akan menjadi seperti berikut.
Sampai disini anda diharapkan sudah mampu dan mengerti tentang bagaimana cara membuat HTML. Artinya anda tahu dimana mengetikkan kode HTML lalu menyimpannya dan bagaimana cara melihat tampilan HTML yang anda buat melalui browser. Selanjutnya anda tinggal mengikuti tutorial HTML dan begitu melihat contoh kode HTML yang diberikan maka anda tahu bagaimana mencobanya.
Pada tahap belajar HTML yang lebih jauh, anda dapat menggunakan software editor HTML seperti Dreamweaver. Dengan menggunakan editor yang memang khusus untuk HTML, anda akan banyak dipermudah karena tersedia berbagai bantuan untuk membuat HTML yang lebih kompleks, Dan masih banyak lagi rumus cara membuat HTML.
Read more ...
Diposting oleh di Tidak ada komentar:
Kamis, 21 Agustus 2014

Mengatur Properti Baris dan Kolom Tabel dalam HTML








Dalam membuat tabel dengan html, sebenarnya tabel yang kita buat tetap dapat berfungsi sebagaimana mestinya walaupun kita tidak melakukan pengaturan pada baris dan kolom tabel tersebut. Hanya saat kita memasukkan teks di dalamnya, kolom/sel ataupun baris tabel akan bergeser dan bisa saja menjadikan sel/kolom/baris  yang lainnya akan bergeser menjadi lebih kecil. Untuk itu kita harus menambahkan properti atau atribut pada baris dan sel kolom tabel yang kita buat, di antaranya sebagai berikut:
  1. Atribut Baris (<tr atribut>.....................</tr>), di antaranya:
    • Tata letak horizontal (align), yakni tatak letak teks/obek di dalam sel tabel, misalnya kiri (left), tengah (center), kanan (right) dan kiri-kanan (justify). Contoh sintaks: align="center"
    • Tata letak vertikal (valign), yakni tatak letak teks/objek di dalam sel tabel secara horizontal. Maksudnya adalah saat teks/objek dimasukkan, maka akan berada pada posisi yang telah ditentukan. Misalnya jika kita memilih bagian atas (top), maka teks akan berada pada bagian atas.  Tatak letak letak yang tersedia adalah atas (top), tengah (middle) dan bawah (bottom). Contoh sintaks: valign="top"

      Catatan:
      Atribut yang kita berikan akan berlaku 1 baris dalam 1 sintaks <tr>....................</tr>, untuk sintaks <tr>.............</tr> lainnya akan berlaku atribut lain sesuai dengan atribut yang kita berikan.
  2. Atribut Sel Kolom (<td atribut>............................</td>)
    • Tata letak horizontal (align), yakni tata letak teks/objek di dalam sel kolom. Sintaksnya sama dengan pada atribut baris.
    • Tata letak vertikal (valign), yakni tata letak teks/objek di dalam sel kolom secara vertikal. Sintaksnya sama dengan pada atribut baris.
    • Warna latar (bgcolor) pada sel kolom. Sintaksnya: bgcolor="warna atau kode warna", contoh: bgcolor="red" atau bgcolor="#ff0000"
    • Lebar sel kolom (width), diukur dengan angka dalam pixel (px) atau persen (%), contoh sintaks: width="50px".
Contoh:
<table border="1" bordercolor="black" align="center" cellpadding="1" cellspacing="0" Width="750px">
<tr align="center" valign="top">
<td bgcolor="red" align="center" valign="middle" width="40px">No</td>
<td bgcolor="blue" align="center" valign="middle" width="150px">Nama</td>
<td bgcolor="yellow" align="center" valign="middle" width="200px">Tempat/Tanggal Lahir</td>
<td bgcolor="green" align="center" valign="middle" width="260px">Alamat</td>
<td bgcolor="aqua" align="center" valign="middle" width="100px">Keterangan</td>
</tr>

<tr align="center" valign="top">
<td bgcolor="red" align="center" valign="middle" width="40px">1</td>
<td bgcolor="blue" align="center" valign="middle" width="50px">La Ode Raja Hussein A.A</td>
<td bgcolor="yellow" align="center" valign="middle" width="200px">Oensuli, 02-04-2010</td>
<td bgcolor="green" align="center" valign="middle" width="260px">Desa Oensuli</td>
<td bgcolor="aqua" align="center" valign="middle" width="100px"></td>
</tr>

<tr align="center" valign="top">
<td bgcolor="red" align="center" valign="middle" width="40px">2</td>
<td bgcolor="blue" align="center" valign="middle" width="50px">La Ode Safarudin T. An Nuh</td>
<td bgcolor="yellow" align="center" valign="middle" width="200px">Oensuli, 17-01-2012</td>
<td bgcolor="green" align="center" valign="middle" width="260px">Desa Oensuli</td>
<td bgcolor="aqua" align="center" valign="middle" width="100px"></td>
</tr>
</table>

Hasilnya sebagai berikut:

NoNamaTempat/Tanggal LahirAlamatKeterangan
1La Ode Raja Hussein A.AOensuli, 02-04-2010Desa Oensuli
2La Ode Safarudin T. An NuhOensuli, 17-01-2012Desa Oensuli
Read more ...
Diposting oleh di Tidak ada komentar:

Pengertian Hardware Dan Software Beserta Gambarnya.

Jumat, 08 Agustus 2014
Hardware

 Hardware/Perangkat keras adalah sebuah alat/benda yang kita bisa lihat, sentuh, pegang dan memiliki fungsi tertentu. Secara fisik ada wujudnya. Ada bentuknya.

A. Perangkat Hardware terdiri atas 3 jenis, yaitu:

1. Perangkat masukan (Input device)

Perangkat masukan berfungsi untuk memasukkan data, baik berupa teks, foto, maupun gambar ke dalam komputer.Contoh perangkat input misalnya keyboard, mouse, light-pen, scanner, dan sebagainya.

2. perangkat keluaran (Output device)

perangkat keluaran dipergunakan untuk menampung dan menghasilkan data yang dikeluarkan, misalnya monitor dan printer.

3. Perangkat pengolah data (Processor)

Perangkat pengolah data dipergunakan untuk mengolah data.Pengolah data meliputi unit pengolah pusat (CPU/Central Processing Unit) dan juga mikroproseso

 B. Berikut Macam-macam Perangkat Keras (Hardware)

 1. CPU (Central Processing Unit)


 Merupakan alat yang berfungsi sebagai pemroses data.CPU berisi rangkaian sirkuit yang menyimpan instruksi-instruksi pemrosesan dan penyimpanan data.

 2. Monitor
Merupakan alat yang mampu menampilkan teks maupun gambar dari data yang sedangdiproses dalam CPU.


3. Keyboard


Keyboard merupakan alat untuk memasukkan data maupun perintah ke CPU, biasanyaterdiri atas rangkaian huruf, angka, dan tombol fungsi lainnya.


4. Mouse


Mouse merupakan alat bantu untuk memberikan perintah dalam memproses dataatau mengedit data.


5. Printer


Printer merupakan alat yang memproduksi keluaran data (output) berbentuk cetak,berupa teks maupun gambar/grafik.


6. CD ROM


Alat tambahan (alat peripheral) yang mampu menyimpan dan menuliskan data danprogram melalui media CD (Compact Disk).Alat ini didesain mampu menuliskan danmembaca data atau program melalui sistem optik.


7. Compact Disk (CD)


Media penyimpanan yang terbuat dari bahan plastik.
Proses penyimpanan danpembacaan data menggunakan sistem optik.


8. Floppy Disk


Floppy disk merupakan alat tambahan untuk menyimpan atau menuliskan ke dalamdisket maupun sebaliknya, ukuran yang umum digunakan adalah ukuran 3,5 inchi.


9. Hardddisk (External)
 
Harddisk merupakan alat tambahan untuk menyimpan data dalam kapasitas besar yang dilapisi secara magnetis, saat ini perkembangan harddisk sangat cepat daridaya tampung dan kecepatan membaca data.Perlu kalian ketahui saat ini harddiskmemang mutlak ada dalam setiap computer atau laptop sebagai penyimpan sistemoperasi yang permanen.


10. Scanner

 Scanner merupakan alat Bantu untuk memasukkan data berupa gambar atau grafikdan mengubahnya ke dalam bentuk digital sehingga dapat diproses dan digabungkandengan bentuk data yang berupa teks.

11. Touchpad

Unit masukkan ini biasanya dapat kita temukan pada laptop dan notebook, yaitu dengan menggunakan sentuhan jari. Biasanya unit ini dapat digunakan sebagai pengganti mouse. Selain touchpad adalah model unit masukkan yang sejenis yaitu pointing stick dan trackball,Touch Pad,Touch Pad Track Ball

12. Light Pen

Light pen adalah pointer elektronik yang digunakan untuk modifikasi dan men-design gambar dengan screen (monitor). Light pen memiliki sensor yang dapat mengirimkan sinyal cahaya ke komputer yang kemudian direkam, dimana layar monitor bekerja dengan merekam enam sinyal elektronik setiap baris per detik.

13. Joy Stick dan Games Paddle

Alat ini biasa digunakan pada permainan (games) komputer. Joy Stick biasanya berbentuk tongkat, sedangkan games paddle biasanya berbentuk kotak atau persegi terbuat dari plastik dilengkapi dengan tombol-tombol yang akan mengatur gerak suatu objek dalam komputer.

14. Barcode

Barcode termasuk dalam unit masukan (input device). Fungsi alat ini adalah untuk membaca suatu kode yang berbentuk kotak-kotak atau garis-garis tebal vertical yang kemudian diterjemahkan dalam bentuk angka-angka. Kode-kode ini biasanya menempel pada produk-produk makanan, minuman, alat elektronik dan buku. Sekarang ini, setiap kasir di supermarket atau pasar swalayan di Indonesia untuk mengidentifikasi produk yang dijualnya dengan barcode.

SOFTWARE
Software atau parangkat lunak adalah program komputer yang merupakan suatuinstruksi yang harus diberikan kepada unit pengolah agar komputer dapatmenjalankan pekerjaan sesuai dengan yang dikehendaki.Program tersebut ditulisdalam bahasa khusus yang dimengerti oleh mesin.Perangkat lunak dalampenggunaannya dapat diklasifikasikan menjadi 5 macam, Yaitu:
1. Sistem operasi (Operasi system)
2. Program Utilitas (utilities Program)
3. Program Aplikasi (Aplikasi Program)
4. Program paket (Package Program)
5. Bahana pemprograman (Programming Language)
Ada beberapa jenis perangkat lunak, antara lain:

1. Software system

Perangkat lunak system dibagi dalam 3 bagian:

a. Sistem operasi
Perangkat sistem operasi merupakan bagian terpenting di dalam menjalankan suatuperangkat komputer. Sistem operasi merupakan perangkat lunak yang menjembataniantara pengguna dan perangkat keras. Ada beberapa jenis sistem operasi diantaranya Windows, DOS, Linux, dan lain sebagainya. Saat ini untuk komputer jenis PC banyak menggunakan sistem operasi Windows

b. Program Bantu (utility)
Merupakan suatu program yang berfungsi untuk membantu sistem operasi seperti yang dijelaskan di atas,seperti:anti virus, defragmenter, format disket,periksasistem, dan sebagainya.

c. Bahasa Pemrograman
Merupakan suatu aplikasi yang berguna mengonversi perhitungan yang bersifatmatematis menjadi suatu aplikasi.Sebagai contoh bahasa pemrograman bahasaBASIC, COBOL. C++ dan sebagainya.

2. Perangkat lunak aplikasi

Merupakan perangkat yang berfungsi untuk melakukan berbagai bentuk tugasperkantoran seperti pengolah kata, lembar kerja, presentasi, pengolahan halamanweb, hingga perangkat media player,dan sebagainya. Hal ini sudah berkembang sejaksistem operasi tersebut dikembangkan.

Software Aplikasi dapat dikelompokkan dalam beberapa bagian, yaitu:

a. Pengolahan kata (word Processor)
Berfungsi untuk melakukan pengolahan kata,yaitu pekerjaan yang berhubungandengan naskah dan berbagai macam administrasi surat-menyurat.
Contoh: Wordstar,Microsoft Word, Amipro, Word Perfect.

b. Pengolah Angka (Spread Sheet)
Berfungsi untuk melakukan pekerjaan yang banyak berhubungan dengan angka-angka,seperti penggunaan perhitungan, laporan keuangan, dan grafik.
Contoh:Lotus 123,Quatro Pro, Microsoft Excel, Symphony, Super Calc.

c. Pengolah data (Data base)
Berfungsi untuk melakukan pengolahan data.Data tersebut dapat berupa angka, kataatau gabungan angka dan kata.
Contoh:dBase, Fox Base, Fox Pro, Clipper, MicrosoftAccess, Visual Fox Pro, Paradox dan lain sebagainya.

d. Multimedia
Contoh aplikasi multimedia adalah Winamp, Audio Pro untuk memutar musikberformat MP3 atau CD Audio.Kemudian RealPlayer, Xing, atau Jet Audio yang dapatdigunakan untuk menonton film atau VCD.

e. Komunikasi dan Internet
Untuk melakukan komunikasi antar computer antara dua computer ataulebih,contohnya adalah Lap Link, PC Anywhere, Procom Plus.Aplikasi internet yangumum digunakan adalah untuk browsing, e-mail, chatting dan messengerseperti:Internet Explorer, Opera, MIRC, ICQ, dan lain-lain.

f. Pendidikan dan Game
Software untuk membantu memahami sesuatu pelajaran banyak dikemas dalambentuk game dengan tujuan agar tidak membosankan, contohnya adalah:PC Globe,Bodyworks, Science Adventure, Reader Rabbit, dan lain-lain.

g. Perancangan Gambar
Aplikasi yang bersifat khusus di antaranya untuk membantu pekerjaan Engineerseperti AutoCAD (gambar struktur), Protel (gambar rangkaian elektronik), Matlab(pemroses dan visualisasi persamaan matematis), Photos Shop (mengolah gambar),dan Flash (untuk membuat halaman WEB), dan lainnya.

h. Anti Virus
Software untuk membasmi virus dari perangkat penyimpan computer, contoh:Mc Afee, Norton Anti Virus, Panda, dan lainnya.Virus adalah software yang dibuat untuk merusak data atau program computer, contohnya adalah:PC Brain,Hackers, My Heart, Pepsin,Bagle, MyDoom dan lainnya.

 Sumber Info http://sahidrudy.blogspot.com/

Read more ...
Diposting oleh di 1 komentar:
Langganan: Postingan (Atom)