Corel Draw versi 12 (Pengenalan)

CorelDraw 12

CorelDraw 12 merupakan salah satu software desain grafis yang sangat terkenal. Berbagai fasilitas untuk mendesain tersedia di sini sehingga memudahkan para penggunanya untuk memanfaatkannya. CorelDraw 12 dapat digunakan untuk berbagai keperluan, mulai dari membuat brosur, membuat pamphlet, surat undangan, majalah, brosur dan cover buku yang menarik.

Program pembuat desain grafis yang memiliki keunggulan yaitu dapat membuat gambar dari awal, tidak seperti prodgram desain yang lainya.

Cara membuat objek:
1.garis: dengan free hand tool
2.garis lebih dari 1:dengan bezier tool
3.garis artistik:dengan artistic media tool
4.kurva:dengan 3 point curve
5.persegi panjang:dengan rectangle tool
6.elips:dengan elipse tool
7.poligon:dengan polygon tool

Keunggulan Corel Draw
Software ini dibuat untuk membuat desain logo. Terutama yang dua dimensi karena sangat mudah dan bebas dalam membuat gambar. Toolsnya yang sangat bagus untuk editing gambar sehingga gampang membuat grafik lengkung, lurus, sesuai keinginan.

Kelebihan software ini yang lain adalah ketika kita membuat desain dibesarkan (zoom) berapapaun gambar kita gak pecah sehingga kita bisa lebih detaik ketika menggabungkan desain kita. Software berbasic vektor ini sangat familiar bagi pecinta desain grafis karena kemudahan yang ditawarkan.

Untuk duplikasi gambar juga sangat mudah tinggal menekan Ctrl+D gambar akan menduplikasi sendiri, mirror transform juga kelebihan lain font bawaan dari corel draw 10 juga lumayan sangat mencukupi untuk membuat sebuah logo baik organisasi, perusahaan atau lainnya yang diutamana desain menggunakan dua dimensi.
Kegunaan Corel Draw
Software ini dibuat untuk membuat desain logo. Terutama yang dua dimensi karena sangat mudah dan bebas dalam membuat gambar. Toolsnya yang sangat bagus untuk editing gambar sehingga gampang membuat grafik lengkung, lurus, sesuai keinginan.
 
Kelebihan software ini yang lain adalah ketika kita membuat desain dibesarkan (zoom) berapapaun gambar kita gak pecah sehingga kita bisa lebih detaik ketika menggabungkan desain kita. Software berbasic vektor ini sangat familiar bagi pecinta desain grafis karena kemudahan yang ditawarkan.
Untuk duplikasi gambar juga sangat mudah tinggal menekan Ctrl+D gambar akan menduplikasi sendiri, mirror transform juga kelebihan lain font bawaan dari corel draw 10 juga lumayan sangat mencukupi untuk membuat sebuah logo baik organisasi, perusahaan atau lainnya yang diutamana desain menggunakan dua dimensi.

Membuka Corel Draw

Klik Start - All Programs - pilih CorelDRAW Graphics Suite 12 - Klik CorelDraw 12. Cara lain: Klik shortcut di desktop yang bertuliskan CorelDraw 12.

Menu yang bisa dipilih adalah :

1.      New Graphic : digunakan untuk membuka ruang kerja baru.

2.      Open Last Edited : untuk mengaktifkan file yang sebelumnya teleh dibuat
atau dibuka.

3.      Open Graphic : untuk mengaktifkan file yang teleh tersimpan pada
memory/ disk

4.      Template : untuk mengaktifkan desain template yang telah tersedia/
disediakan di dalam program CorelDraw

5.      Corel Tutor : untuk mengaktifkan tutorial interaktif yang ada/ terinstal
dalam program CorelDraw.

6.      What’s New? : untuk mengetahui fasilitas terbaru apa saja yang
ditawarkan oleh CorelDraw Versi terbaru ini dibandingkan
dengan versi sebelumnya.

7.      Show this welcome sreen at startup :
Perintah ini digunakan untuk memilih apakah menu welcome screen ini akan
ditampilkan saat membuka program atau tidak.

Apabila anda menginginkan untuk memulai dari ruang kerja baru maka pilih New
Graphic, dan tampilan akan berubah menjadi tamilan ruang kerja baru dimana belum
ada objek satupun yang tergambar di dalam Page seperti tampilan berikut ini :

Apabila anda memulai dari open graphic, maka akan tampil layer dokumen yang ada
pada disc yang ingin anda buka. Carilah dokumen yang ingin anda buke kemudian klik
1. Open
2. Toolbox Ruler Page Scroll Bar
3. Menu Bar
4. Tool Bar
5. Property Bar
6. Title Bar
7. Color Palette
Jika anda ingin memulai dari Open Last Edited, maka akan tampil file yang sebelumnya
dibuka atau dibuat pada computer anda sebelum anda menutup program (file yang
terakhir kali dibuka).
Pembukaan dokumen melalui template akan menampilkan beberapa desain tampilan
yang telah dibuat oleh corel untuk dimodifikasi lebih lanjut, ada beberapa contoh desain
yang bisa anda pilih diantaranya :
- Full Page
- Label
- Envelope
- Side-Fold
- Web
- Browse

TOOL BOX
Pada toolbox terdapat berbagai peralatan untuk menggambar atau membuat desain.
Icon-icon yang tampil hanyalah sebagian dari yang ada. Untuk melihat icon-icon yang
tersembunyi, klik pada icon dengan durasi waktu yang agak lama, maka akan tampil
icon-icon yang tersembunyi.

SETTING UKURAN HALAMAN
Untuk mengatur ukuran halaman yang akan kita buat, kita bisa mengaturnya melalui
panel property. Langkah-langkahnya sebagai berikut :
- klik pick tool
- kemudian lihat ke panel property, atur berbagai ukuran halaman, baik yang
dilakukan secara otomatis dengan settingan yang telah ada di property corel
maupun setiingan menurut ukuran sendiri melalui Paper Width and Height
atau pengaturan halaman juga dapat dilakukan melalui :
- klik menu layout
- klik sub menu page setup- kemudian akan muncul panel option yang berisi tentang setting dari halaman yang ingin diatur.

1.      SETTING PAGE BACKGROUND
Untuk mengatur warna background, yang perlu dilakukan adalah :
- klik menu layout
- klik page background
- atur background sesuai dengan selera anda
Ada 3 model bacground yang bisa dipilih yaitu :
- no background
untuk bacground tak berwarna
- solid
untuk background dengan warna polos bertipe vektor
- bitmap
untuk background dengan jenis vektor misalnya foto

2.      Tampilan Corel Draw

 Menu utama (1) - terdiri dari menu-menu untuk mengoperasikan CorelDraw 12.

 Standar (2) - perintah-perintah pada menu utama

Property bar (3) - berisi tombol-tombol perintah tambahan.

Tool box (4) - berisi alat untuk mendesain gambar.

Ruler (5) - sebagai garis pengukur objek

Color Pallete (6) - berisi perintah untuk memilih warna objek.

Pages (7) - sebagai petunjuk halaman yang aktif.

Lembar kerja (8)- halaman tampilan untuk tempat mendesain objek.

3.      Menyimpan Desain File

Klik menu File - Save - tulis pada filename nama filenya - tekan Save.

4.      Menutup File

Klik menu File - klik Close.

5.      Menutup Program CorelDraw 12

Klik menu File - klik Exit.

6.      Mengatur Ukuran/ Jenis Kertas

Klik menu File - New - klik kotak Paper Type/Size pada property bar pilih jenis kertas yang anda inginkan. Misalkan letter, legal, tabloid dsb.

7.      Mengatur unit satuan

Klik Drawing Unit pada property bar untuk memilih unit satuan yang anda inginkan. Misalkan: inches, millimeters, dsb.

8.      Menampilkan dan mengatur Grid

Klik menu View - Grid - garis grid akan ditampilkan.

Jika anda ingin mengubah garis grid menjadi titik-titik, klik menu View - Grid and Ruler Setup - muncul kotak dialog, pilih Show grid as dots untuk mengubah garis menjadi titik-titik.

9.      MENGATUR TEXT
Berikut ini cara mengatur ukuran, jenis dan warna text :
Untuk mengatur ukuran text :

- klik text tool kemudian klik pada page bagian yang manakah yang akan diberi
  text
- klik menu text

- klik submenu format text

- atur ukuran text dengan memilih size text atau setelah anda klik text tool, langsung anda lihat ke              panel property, atur ukuran text pada Font Size List.
Mengatur jenis text :
Langkahnya sama seperti pada cara mengatur ukuran teks, hanya yang anda pilih pada
panel format text adalah Font bukan Size
Mengatur warna text :
Setelah anda ketik text yang telah anda siapkan pada page, untuk mengubah warna
textnya adalah sebagai berikut :
- klik text dengan menggunakan pick tool
- kemudian klik warna text yang ingin anda pilih dengan memilih warna pada panel
color pallete

10.  MEMBUAT DAN MEWARNAI GARIS
Untuk membuat garis, tools yang digunakan adalah kelompok Freehand Tool
Freehand Tool :
- Untuk membuat garis lurus dengan melakukan klik pada awal garis, kemudian
geser mouse ke titik akhir garis kemudian klik pada titik akhir garis.
- Untuk membuat garis berbentuk kurva dengan melakukan (tekan) klik kemudian
geser mouse sesuai dengan garis kurva yang ingin dibuat kemudian (lepas) klik
pada mouse.
- Untuk mengatur ukuran, betuk awal, bentuk akhir, ukuran garis maka lihat pada
property bar.
Artistic media tool :
Tool ini memberikan beberapa pilihan bentuk yang bisa kita gunakan, diantaranya
Preset, Brush, Sprayer, Calligraphic, dan Pressure.

Cara untuk membuat garis dengan menggunakan tool ini adalah dengan melakukan klik
(tekan), kemudian geser garis sesuai dengan betuk garis yang kita inginkan, kemudian
lepas mouse.
Berikut ini type garis yang dapat kita lihat pada panel property setelah kita klik artistic
media tool pada toolbox :
-Preset Brush Sprayer
-Caligraphic Pressure Type

11.  Menambah halaman dalam satu file

Klik Pages (halaman yang aktif) misalkan Page 1 - Klik kanan, pilih Insert Page After.

12.  Menghapus halaman dalam satu file

Klik Pages (halaman yang aktif) misalkan Page 2 - Klik kanan, pilih Delete Page Before.

13.  Mengubah nama halaman dalam satu file

Klik Pages (halaman yang aktif) misalkan Page 1 - Klik kanan, pilih Rename.

14.  Membuat objek segi empat

Klik Rectangle Tool pada Tool Box atau tekan F6 - pointer akan berubah menjadi tanda (+) - drag dan drop mouse pada lembar kerja - akan terbentuk persegi panjang.

Jika anda ingin membuat persegi/ bujur sangkar, Langkah sama seperti membuat persegi panjang. Hanya saja pada saat drag tombol kiri mouse sambil tekan Ctrl pada keyboard.

Jika ingin sudut dari segi empat di atas berbentuk melengkung (tidak siku) maka caranya adalah: tekan Pick Tool pada Tool Box - pilih objek segi empat tersebut - Klik Shape Tool (atau tekan F10) - Arahkan pointer pada sudut segi empat lalu drag (geser sedikit) dengan menekan tombol kiri mouse.

Ø       Membuat objek lingkaran

Klik Ellipse Tool pada Tool Box atau tekan F7 - pointer akan berubah menjadi tanda (+) - drag dan drop mouse pada lembar kerja - akan terbentuk lingkaran.

Jika anda ingin mengubah lingkaran menjadi variasi yang berbeda, Langkahnya drag lingkaran tersebut - klik Shape Tools pada Tool Box. Jika ingin bentuk pie, drag-lah lingkaran dari dalam. Jika ingin bentuk arc, drag-lah lingkaran dari luar.

Ø       Membuat objek polygon

Klik Polygon Tool atau tekan Y - arahkan pointer yang berbentuk (+) ke lembar kerja - tekan tombol kiri mouse geser secara diagonal sambil tekan tombol Ctrl pada keyboard - terbentuklah polygon segi lima.

Untuk menambah atau mengurangi segi tersebut, gunakan fasilitas Number of Point on Polygon - klik segi yang dikehendaki (missal 3) - akan terbentuk segitiga.

Untuk mengubah polygon menjadi bentuk bintang, lakukan langkah berikut. Drag segi lima - tekan shape Tool - arahkan pointer ke objek tersebut di antara dua segi yang berpotongan - tarik kedalam - terbentuk segi lima menjadi bintang.

Ø       Membuat objek spiral

Klik ke Polygon Tool - pilih Spiral Tool atau tekan A - pada lembar kerja klik dan geser tombol kiri mouse sambil tekan tombol Ctrl pada keyboard - terbentuklah spiral.

Ø       Membuat objek table

Klik polygon Tool - klik Grap Paper Tool atau tekan D - tekan dan geser tombol kiri mouse pada kanvas - terbentuklah table

Ø       Menggunakan Freehand Tool

Klik Freehand Tool pada Toolbox - pada kanvas klik tombol kiri mouse - drag kearah yang diinginkan - jika sudah sesuai keinginan, tekan tombol Esc pada keyboard untuk mengakhiri.

Apabila ingin melengkungkan garis, klik Shape Tool - tempatkan pointer pada garis yang ingin dilengkungkan - klik kanan mouse - klik pilihan To Curve.

Ø       Menggunakan Bezier Tool

Klik Bazier Tool pada Toolbox - pada kanvas klik satu kali pointer bertanda (+) - pindah ke posisi lain - klik lagi di posisi tersebut - lanjutkan hingga sesuai dengan objek yang diinginkan.

Bila ingin melengkungkan garis dari objek di atas, klik Shape Tool - tempatkan pointer pada garis yang ingin dilengkungkan - klik kanan mouse - klik pilihan To Curve

Ø       Menggunakan Dimension Tool

Buatlah sebuah objek, misalkan persegi panjang berukuran 8×8,5 cm - didalamnya buatlah lingkarang berdiameter 8,5 cm - pada Toolbox, klik Dimension Tool - pada Property Bar pilih Horisontal Tool (untuk menjelaskan garis mendatar) dan pilih Vertical Tool (untuk menjelaskan garis vertical) - pada Dimension Style pilih decimal dengan satuan 0 pada Dimension Precission - pada Dimension Unit pilih cm - aktifkan Show units for Dimension - klik tombol Text Position Drop Down - klik pilihan, teks dimensi di bagian tengah garis - Posisikan pointer pada garis yang akan diberi dimensi / keterangan.

Ø       Menggunakan 3 Point Curve Tool

Klik 3 Point Curve Tool pada Toolbox - pada kanvas, klik point 1 - drag dan lepaskan pada point 2 -klik di point 3 - terakhir satukan point 2 dengan point 1 dengan pointer.

Ø       Menggunakan Smart Drawing Tool

Klik Smart Drawing Tool pada Toolbox - pada Property Bar pada Shape Recognition Level, pilih Medium dan pada Smart Smooting Level, pilih Highest. - pada kanvas, klik point 1, point 2, point3 dan point 4 - Secara otomatis akan terbentuk objek yang simetris.

Ø       MEMBUAT DAN MEWARNAI BENTUK
Untuk membuat berbagai gambar bentuk kita dapat memilih berbagai bentuk yang ada
pada corel ataupun menggambar sendiri dengan menggunakan kelompok freehand
tool.
Untuk menggambar bentuk dengan memilih bentuk yang ada pada corel, maka ada
beberapa tool untuk membuat bentuk yang diberikan oleh corel antaranya :
- rectangle tool
- ellipse tool
- kelompok polygon tool
- kelompok basic shape
sebagai contoh untuk membuat gambar berupa gambar berupa gambar bintang, caranya adalah :
- klik agak lama untuk menampilkan option tool pada polygon tool
- pilih star shape
- gambarkan di page
- klik pada gambar yang telah dibuat
- atur ukuran garis dan lain-lain yang dapat dilihat pada property bar
- atau gunakan outline tool yang ada pada toolbox untuk mengatur ukuran garisnya.
untuk mewarnai objek, yang kita lakukan adalah :
- pilih objek yang akan kita rubah warnanya
- klik fill tool yang ada pada toolbox, pilih bentuk warna yang diinginkan dengan
memilih salah satu option tool yang ada pada fill tool

Ø       SELEKSI DUA OBJEK
Untuk menggabungkan atau menghilangkan bagian dari suatu objek dengan
mengkolaborasikan dengan objek yang lain kita dapat memilih beberapa model seleksi
diantaranya weld, trim, intersect, simplify, font minus back dan back minus font.
Kita bisa melihat beberapa tool tersebut pada property bar.
Cara mengkolaborasikan dua buah objek adalah sebagai berikut :
- buat dua objek yang berbeda
- buat dua objek tersebut bersinggungan
- klik atau pilih/seleksi kedua buah objek tersebut
- lihat ke panel property
- pilih model penyeleksian

Ø       EFEK KHUSUS PADA OBJEK
Pada corel draw terdapat berbagai macam tool yang dapat kita gunakan untuk membuat
suatu efek khusus. Tool tersebut berupa interactive blend tool, interactive contour
tool, interactive distortion tool, interactive envelope tool, interactive extrude tool,
interactive drop shadow tool dan interactive transparency tool.

untuk menerapkan teknik efek khusus, lakukan percobaan berikut ini :
Interactive Blend Tool
- buat gambar lingkaran pada page
- buat gambar bintang pada area yang lain
- pilih interactive blend tool yang ada pada toolbox
- tarik garis dari gambar berbentuk bintang ke gambar berbentuk lingkaran
- hasilnya sebagai berikut :
Interactive Contour Tool
- buatlah bentuk bintang pada page
- pilih interactive contour tool yang ada pada toolbox
- klik pada center objek dan drag keluar dari objek bintang
- hasilnya adalah sebagai berikut :
Interactive Drop Shadow Tool
- buatlah hambar segiempat pada page
- pilih interactive drop shadow tool yang ada pada toolbox
- klik dan drag keluar objek segiempat

Sumber : http://radualviansaragih.blogspot.co.id/p/coreldraw-12.html

Tutorial HTML

Tutorial HTML Lengkap

Hai sekali lagi saya ucapkan selamat datang di blog saya, dan kali ini saya akan membuat sebuah tutorial tentang HTML....

Barang kali ada diantara teman teman yang masih bingung apa itu HTML?????? nah HTML adlah kepanjangan dari hyper text markup language yaitu adalah salah satu bahasa pemograman berbasis web.
bahasa HTML ini bisa dikatakan adalah bahasa Pemograman berbasis web paling dasar dikarnakan..............
akh saya jd lupa lagi..... hehehehehe
ya udah langsung aja kita lihat cuplikan tutorial dari HTML ini yang saya dapat dari situs ilmu komputer.com dengan format PDF, dan jika anda ingin mempublikasikan kembali di blog atau situs teman teman ya silahkan karena tutorial ini sudah di halalkan untuk di sebarluaskan.
langsung saja kita lihat sedikit cuplikan tentang tuturial HTML ini :


.................
Pengertian HTML

Seperti yang telah dijelaskan sebelumnya bahwa HTML(Hyper Text Markup Language) adalah
simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk
menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan <x> dan diakhiri
dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang
tidak diakhiri dengan tanda </x> seperti tag <br>, <input> dan lainnya.
Sebuah halaman website akan diapit oleh tag <html>……</html>. File-file HTML selalu
berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah dan
menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.
Menggunakan Tag pada HTML
Beberapa contoh penggunaan tag HTML,
Contoh Hasil
<b>Ini tulisan tebal</b>
<i>Ini tulisan miring</i>
<u>Ini tulisan bergaris bawah</u>
Ini baris 1<br>Ini baris 2
Ini garis horizontal <hr>
Ini tulisan tebal
Ini tulisan miring
Ini tulisan bergaris bawah
Ini baris 1
Ini baris 2
Ini garis horizontal
Ada beberapa tag yang memilki atribut didalamnya, seperti tag <font>, <table>, <input> dan
sebagainya. Pada tag font ia memiliki beberapa atribut diantaranya atribut: color, size, face.
Untuk lebih memahami atribut lihatlah contoh berikut ini.
<font color=”red” face=”Arial” size=”12”>Ini Font Arial berwarna merah dan berukuran 12
pt</font>
hasil

 Ini Font Arial berwarna merah dan berukuran 12 pt

Atribut color digunakan untuk menentukan warna tulisan.
 Atribut face digunakan untuk menentukan jenis huruf.
Atribut size digunakan untuk menentukan ukuran huruf

Menggunakan Atribut dari Tag

Sebelum memulai sekedar mengingatkan apakah anda sudah membuat folder di drive C:\ yang
bernama HTML jika tidak, buatlah sekarang. Lalu buatlah folder yang bernama bab 1, bab2 dan
seterusnya. Jika anda praktik pada bab 2 maka simpanlah file anda pada folder bab 2.
Demikian untuk seterusnya.
Pada bab 2 ini materi yang diharapkan dapat anda kuasai antara lain:
Menggunakan berbagai attribut dari tag diantaranya:
Tag p, font, table, form, input, select, option, a, body, img, ul, ol, li dan attribut
universal
Contoh-contoh penggunaan tag dan atributnya
Pada bab sebelumnya telah anda pelajari macam-macam atribut dari tag yang terdapat pada
HTML. Sekarang saatnya kita menerapkan atribut tersebut dalam sebuah file. Untuk lebih
memudahkan anda dalam memahami kita langsung saja pada contoh.
 >>Pertama jalankan software “PHP DESIGNER 2006”
 >>Klik menu File – New – HTML/XHTML

Maka akan nampak sebuah ruang kerja mirip dengan dengan Microsoft Word. Untuk contoh
yang pertama ini kita akan menggunakan atribut dari tag <p>…</p>.

A. Tag <p>…</p>
Tag <p> digunakan untuk membuat paragraf dalam sebuah halaman web. Kita semua tahu
kalau paragraph ada yang bertipe rata kiri, tengah, kanan dan justify. Untuk lebih memperjelas
ketik kode di bawah ini.
<html>
<head>
<title>Atribut Tag <P></title>
</head>
<body>
<p align="left"><b>Teks ini berada di kiri</p>
<p align="center">Teks ini berada di tengah</p>
<p align="right">Teks ini berada di kanan</b></p>
<p align="justify">Paragraph ini bertipe justify. Dimana semua teks akan dibuat
lurus sama dengan batas tepi halaman. Oh ya, tag &lt;p&gt;&lt;/p&gt; merupakan
default atau bentuk baku tag &lt;p&gt;&lt;/p&gt; dimana teks atau paragraf akan
berformat rata kiri. Jika anda tidak memberi atribut <i>align</i> pada tag
&lt;p&gt; maka browser akan menganggap rata kiri.</p>
</body>
</html>
Setelah selesai simpan file tersebut dengan mengklik menu File – Save. Akan muncul kotak
dialog Save, arahkan ke drive C:\ lalu HTML(jika anda membuat folder lain silahkan simpan di
folder anda tersebut) lalu Bab 2. Pada isian File Name isikan tag_p.html dan pastikan Save as
Type adalah HTML Document. Untuk menjalankan anda cukup tekan tombol F5 maka akan
muncul output dari kode anda.




B. Tag <font>…</font>

Fungsi tag <font> adalah untuk memanipulasi baik jenis, ukuran, dan warna huruf. Pada bab 1
telah kita singgung penggunaan atribut font.
Namun kita akan lebih bereksperimen dengan atribut ini.
Seperti biasa klik File – New – HTML/XHTML.
Ketik kode di bawah ini.
<html>
<head>
<title>Atribut dari Tag Font</tile>
</head>
<body>
<p><font face="Arial">Ini Font Arial</font></p>
<p><font face="Arial"><i>Ini Font Arial dan miring</i></font></p>
<p><font face="verdana" size="4" color="blue"><b>Ini Font Verdana berukuran 12 pt
berwarna biru sekaligus tebal</b></font>
<p align="center"><font face="Tahoma" color="red"><b>Ini Font Tahoma berwarna
merah, tebal dan berada di tengah</b></font><p>
<p align="center"><font face="Arial" color="red">Ini Font Arial berwarna Merah,
</font><font face="Verdana" color="blue">Sedangkan ini adalah font Verdana
berwarna biru</font></p>
</body>
</html>
Nb: Tanda Enter pada kode diatas tidak berpengaruh pada tampilan/output pada browser. Enter
digunakan agar kode mudah dibaca.



C. Tag <table>...</table>

Tag <table> adalah salah satu tag yang memiliki atribut terbanyak. Lihat tabel daftar tag pada
bab 1 untuk melihat daftar atributnya. Dalam tag <table> juga terdapat 2 tag yang penting
yang penting yaitu tag <tr></tr> untuk membuat baris dan tag <td></td> untuk membuat
kolom.Tag <table> adalah tag yang penting dalam pendesainan sebuah tampilan situs. Jadi
anda harus cukup menguasai tag ini.

OK, sekarang buatlah file baru seperti biasa klik File – New – HTML/XHTML. Ketik kode
dibawah ini. Jangan tegang santai saja....!.
<html>
<head>
<title>Atribut dari tag tabel</title>
<body>
<p><b>Membuat Tabel</b></p>
<table border="1" bordercolor="black" bgcolor="white" cellpadding="8"
cellspacing="0" width="100%">
<tr> <!-- <tr> artinya membuat sebuah baris -->
<td>Ini kolom 1 pada baris 1</td> <!-- <td> = membuat sebuah kolom. -->
<td>Ini kolom 2 pada baris 1</td> <!-- </td> mengakhiri sebuah kolom -->
</tr> <!-- mengakhiri sebuah baris -->
<tr>
<td>Ini kolom 1 pada baris 2</td>
<td>Ini kolom 2 pada baris 2</td>
</tr>
</table>
<p><b>Contoh 2: Membuat Tabel</b></p>
<table border="1" bordercolor="black" bgcolor="white" cellpadding="8"
cellspacing="0" width="100%">
<tr bgcolor="yellow">
<td align="center">Ini kolom 1 pada baris 1</td>
<td align="right">Ini kolom 2 pada baris 1</td>
</tr>
<tr>
<td align="center" bgcolor="red"><font color="white">Ini kolom 1 pada baris
2</font></td>
<td align="right">Ini kolom 2 pada baris 2</td>
</tr>
</table>
<p><b><font color="blue">Tabel sebagai bingkai dari paragraf</font></b></p>
<table border="1" style="border-collapse: collapse" cellpadding="8"
bgcolor="white" width="100%" bordercolor="black">
<tr>
<td><p>Tabel memiliki peranan sangat penting dalam tampilan sebuah situs web.
Tanpa tabel desainer akan mengalamai kesulitan dalam mendesain sebuah halaman
web.</p>
<p>Kalau anda perhatikan website yan memiliki tampilan yang tersusun rapi.
Sebenarnya itu adalah tabel hanya saja atribut <font
color="red"><b>border="0"</b></font> sehingga tabel seakan tidak
ada(transparan).</p>
<p>Situs rahasia-webmaster.com banyak menggunakan tabel sebagai bingkai
paragraf. Perlu diingat tag-tag pada html dapat mengandung unsur yang sama.
Contohnya di dalam sebuah tabel terdapat tabel lagi. Di bawah ini adalah tabel
yang berada di dalam tabel utama</p>
<p align="center">
<!-- tag <table> untuk tabel anak -->
<table border="1" style="border-collapse: collapse" bgcolor="white"
bordercolor="black" cellpadding="8" width="80%">
<tr bgcolor="yellow">
<td><b>Nama Barang</b></td>
<td><b>Harga Barang</b></td>
</tr>
<tr>
<td>Monitor</td><td>Rp. 500.000,-</td>
</tr>
<tr>
<td>CDRW</td><td>Rp. 245.000,0</td>
</tr>
<!-- </table ini untuk menutup tabel anak -->



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

Sumber : http://centryjazz.blogspot.co.id/2012/10/tutorial-html-lengkap.html?m=1

Tutorial Blog

 Tutorial Blog

Belajar cara membuat blog gratis di blogspot sendiri tidaklah sulit, apalagi dengan menggunakan blogger, dengan beberapa langkah saja blog anda sudah bisa jadi dan langsung online. Tapi bukan cuma itu yang akan dijelaskan oleh CaraSpot.com di sini, karena segala hal yang menyangkut pengaturan atau settingnya juga akan diterangkan prosesnya secara detail sehingga nantinya tampilannya bukan hanya keren dan menarik saja, tapi juga SEO Friendly (Search Engine Optimization: optimasi mesin pencari agar mudah terindeks mesin pencari). Ini penting karena yang namanya artikel baru bisa dikatakan bagus kalau bukan hanya bahan, materi dan tulisannya yang berbobot, tapi juga ia bisa ditemukan di halaman pertama Google ketika orang mengetikkan kata kunci tertentu mengenai pembahasannya.

Sebelum lanjut soal cara bikin blog sebaiknya kita sedikit flash back mengenai defenisi atau pengertiannya. Menurut Wikipedia, blog adalah kependekan dari kata web log yang mana ini untuk menamakan aplikasi berbentuk web yang isinya lebih condong pada tulisan atau artikel yang umumnya tulisannya ditampilkan dalam bentuk berurutan mulai dari artikel terbaru hingga yang paling lama yang telah dipublish. Dan bedanya dengan website adalah dimana blog tidak statis atau sering berubah, yaitu dengan adanya update artikel setiap saat yang juga mempengaruhi pada tampilan antar mukanya.

Tujuan utama dari pembuatan sebuah blog, apakah itu yang gratis atau berbayar seperti pada CaraSpot.com ini, adalah selain sebagai jalan untuk berbagi ilmu, saat ini juga sudah mulai marak digunakan untuk tujuan bisnis dan mencari uang lewat internet. Dan fakta menyebutkan bahwa saat ini, bahkan untuk pengguna blogger Indonesia saja, sudah banyak yang menghasilkan puluhan juta per bulannya hanya dengan modal blogspot gratisan tersebut. Penulis saat ini juga sudah merasakan manfaat dari mengelola blog ini. Tapi tentunya dengan syarat bisa bikin blog bermanfaat dan menarik, mulai dari desain tampilannya, logonya (baiknya buat di Logaster karena selain gratis fiturnya lengkap dan tanpa harus design sendiri tampilannya bisa langsung jadi). Oke, sebaiknya kita mulai belajar tekniknya:

Sebelum ini, kami ingin sampaikan bahwa yang namanya blog bisa dibuat dengan berbagai platform, tapi karena kebetulan hanya ada 2 CMS yang paling sering digunakan maka hanya itu tutorial yang kami sediakan. Berikut panduannya:

1. Cara Membuat Website dengan WordPress (silahkan kunjungi)

2. Langkah dan Proses Cara Membuat Blog Gratis dengan/Di Blogspot Sendiri Untuk Pemula (artikel di bawah)

Untuk tutorial kali ini CaraSpot akan memberikan panduannya untuk yang menggunakan platform blogger, dan selanjutnya di halaman berikutnya akan dilengkapi tutorial khusus untuk blog yang menggunakan WordPress. Selain itu, ada juga keterangan lain yang berkaitan dengan dunia blogging, mulai dari cara membuatnya masuk halaman 1 google, hingga bagaimana menghasilkan uang dari blogspot gratisan. Nah, berikut langkah bikinnya:

1.  Buat Email Gmail terlebih dahulu.

Jika belum punya email silahkan belajar cara membuat email Gmail terlebih dahulu. Mengapa demikian? Ya, karena saat kita akan login, mau pun mulai daftar ke tempat bikin blognya, yakni Blogger.com, disyaratkan telah memiliki akun email gmail (bukan yang lain seperti yahoo, hotmail dan lainnya). Ini tidak saja untuk tujuan bikin blog, tapi bisa juga untuk keperluan lain, seperti daftar facebook, upload video di Youtube, dan lain sebagainya, jadi tak ada ruginya bila kita membuatnya, lagian kita bisa memanfaatkannya sebagai alat komunikasi.

Sekarang ini email bahkan bisa dibuat sebagai alat untuk mencari penghasilan dari internet dengan mengikuti beberapa program periklanan yang memang khusus untuk promosi lewat email tersebut, dan mengenai ini akan kita bahas tuntas pada segmen selanjutnya.

2.  Masuk ke www.blogger.com

(jika tidak bisa masuk dengan cara klik di atas, maka cukup ketik di google kata “blogger”)

Setelah membuka alamat website resminya di atas maka anda akan melihat gambar seperti di bawah (jadi saat masuk yang diketik adalah blogger.com, tapi setelah jadi bagian akhir alamatnya adalah blogspot.com) Silahkan isi datanya dengan alamat email dan kata sandi email yang telah kamu buat sebelumnya, lalu klik ‘Masuk’ :

Keterangan:
Di baris pertama isi dengan alamat email yang telah kamu buat sebelumnya, sedang di baris selanjutnya dengan kata sandi yang kamu pakai saat login ke akun emailmu. Pastikan jangan salah ketik karena huruf besar dan kecil dibedakan jika menggunakan password. Selain itu, lihat juga apakah caps lock pada keyboard tidak diaktifkan karena bisa menyebabkan semua huruf yang diketik jadi huruf besar.

3.  Mulai bikin blog baru

Setelah login selanjutnya kamu akan diarahkan ke halaman seperti yang tertera di bawah, silahkan klik tombol di sebelah kiri yang bertuliskan “Blog Baru”

 

4.  Beri Nama dan Pilih Alamat

Selanjutnya akan muncul halaman kecil yang mana terdapat 4 langkah singkat pembuatan blog di dalamnya, yaitu:

Penjelasan:

1. Judul – Di bagian cara membuat blog gratis di blogspot ini isi dengan judul blogmu, sebaiknya yang sesuai dengan temanya agar mudah terindeks Google. Tapi ini bisa diganti kapan saja setelah blognya jadi.
2. Alamat – Pada kolom ini anda harus pilih alamat blog gratisan yang belum digunakan orang lain, mislanya bloggue.blogspot.com dan sebagainya.  Jika sudah dipesan orang maka akan terlihat tanda seru (!) berwarna kuning seperti yang terlihat pada gambar atau kalau belum ada yang gunakan sama sekali maka akan tampak tanda benar atau centang berwarna biru. Jika sudah begitu lanjutkan ke step berikutnya.
3. Template – Tampilan beberapa gambar yang terlihat ini adalah bentuk tampilan blogmu nantinya. Tapi tidak perlu khawatir karena ini masih bisa dirubah dengan yang lebih menarik dan keren dengan cara mempercantik nya melalui file template yang didownload di situs penyedianya yang gratis. Atau kalau belum paham, silahkan baca Cara Mengganti Template Blog yang sudah kami terangkan secara jelas bagaimana langkahnya hingga memiliki tampilan seperti web profesional dan berbayar.
4. Klik ‘Buat Blog’ – Ini untuk men-save nama dan tampilan yang sudah dipilih dan blog gratisan sederhana anda pun telah jadi dan siap diisi berbagai artikel maupun penawaran bisnis di dalamnya.

Tambahan : Sebelum lanjut, luangkan waktu buat Logo secara Online di Logaster agar di bagian header blogmu menampilkan brand unik yang lebih menarik atau kalau belum tahu bisa baca tutorialnya di sini : Cara Membuat Logo Online Gratis

5.  Mengisi dan Menulis Artikel

Setelah mempunyai blog maka langkah selanjutnya yang harus kita tahu adalah bagaimana menulis artikel di dalamnya dan apa saja yang dilakukan agar bisa mulai aktif dan dikunjungi banyak orang. Berikut prosesnya :

a.  Masuk ke halaman penulisan

Note :

• Silahkan anda klik tombol warna oranye (no 1) yang bergambar pensil tersebut untuk mulai posting article,
• Atau klik icon tanda panah kecil untuk memilih beberapa pengaturan, misal ‘Pos‘ untuk melihat semua artikel yang sudah ditulis, ‘Laman‘ untuk menulis artikel menu seperti profil, kontak dan sebagainya, ‘Komentar‘ untuk melihat siapa saja yang telah memberi comment, dan ‘Statistik‘ untuk melihat jumlah pengunjungnya per hari, minggu atau bulan. Setelah masuk di bagian itu, anda juga masih bisa melihat tombol pos atuu membuat artikel baru di bagian kiri samping yang juga tulisannya oranye.

b.  Mulai posting

Keterangan (sesuai angka):

1. Untuk keterangan nomor 1 di sisi dengan judul artikel yang akan kamu publikasikan, usahakan jangan terlalu singkat dan kalau perlu sesuai dengan tema yang kamu ingin bahas agar mudah terindeks.
2. Kolom untuk mengetik tulisan blog anda.
3. Untuk pengaturan dan gaya artikel, seperti mem-bold, huruf miring atau memperbesar kata dan lainnya.
4. Label adalah sama dengan nama dari kategori artikelnya. Ini gunanya untuk mengelompokkan jenis tulisan dalam satu kategori, missal ‘WordPress’ yang isinya segala menyangkut soal tutorial wordpress tersebut.
5. Tombol kuning dengan tulisan ‘Publikasikan’ adalah yang kita klik setelah selasai menulis  agar artikel tersebut bisa online dan dibaca semua orang.

Tips : Agar tulisan dalam blog terlihat rapi maka usahakan jarak antar paragraf juga diperhatikan, yakni dengan menambah 1 spasi lagi setelahnya. Caranya cukup tekan enter 2 kali setiap ingin memulai paragraf baru.

Tips Menulis

Menulis untuk buku dengan web sangat jauh bedanya, terlebih karena artikel blog tujuannya bukan hanya dibaca oleh manusia tapi juga mesin pencari yang punya standarnya masing-masing untuk menentukan mana yang terbaik dan layak ditempatkan pada halaman pertama.

Mengenai ini sudah kami ulas tuntas pada artikel sebelumnya, yakni Cara Menulis Artikel SEO Friendly Agar Mudah Masuk Halaman 1 Google (linknya ada di paragraf ke 4 dari bawah, tepatnya di langkah ke 6 di bawah ini). Di dalamnya kamu bisa baca semua rahasia para master dalam mengelola setiap postingannya agar gampang terindeks dan bahkan Rank #1 di berbagai hasil pencarian dengan kata kunci yang saingannya hingga jutaan.

6.  Mempercantik blog

Nah, di atas kan sudah bisa bikin blog, tapi sayang tampilannya sederhana sekali. Untuk itu, anda harus tahu bagaimana cara otak atik tampilan blog (warna, font, spasi, latar dll)dan cara membuat blog menarik dan keren serta mudah terindeks oleh google dan mesin pencari lainnya. Saya kira ini adalah bagian yang paling penting yang tidak bisa diabaikan karena selain menambah kepercayaan visitor juga tujuannya untuk menghasilakan uang lebih banyak yang alasannya bisa anda baca pada panduan di halaman tersebut.

Blog yang keren dan cantik ada beberapa hal yang mendukung di dalamnya, seperti design, warna, dan tata letaknya. Untuk desain kami sarankan pakai yang modelnya Responsive, karena google dan mesin pencari lainnya juga sangat menyarankan ini sebagai bentuk penyesuaian pada trend, yang mana sekarang pengguna internet melalui HP atua handphone jauh lebih banyak dari yang menggunakan pc, sehingga jika tampilannya responsive ia akan mudah menyesuaikan dengan ukuran perangkatnya, baik itu iPad, smart phone dan liannya.

Bagaimana agar mudah masuk halaman pertama google atau ranking 1 di berbagai mesin pencari?

Ini sudah masuk pada langkah professional menjadi seorang blogger dan ini dikenal dengan istilah Teknik SEO (Search Engine Optimization). Untuk bisa berhasil membuat blog atau artikel masuk halaman 1 google, maka syaratnya hanyalah ketekunan, yakni tekun melakukan dua hal penting ini, yaitu SEO On Page (optimasi pada internal blognya, dalam hal ini template dan artikelnya) dan SEO off Page (optimasi eksternal, yaitu backlink yang mengarah ke blogmu).

Perlu anda ketahui bahwa yang namanya posisi atau ranking suatu blog maupun artikelnya di google tidaklah permanen karena setiap pesaing anda dari website lain melakukan optimasi maka secara otomatis ia akan tergantikan kedudukannya, belum lagi kalau terjadi update pada algoritma google yang semakin lama semakin memperketat ketentuan soal ranking tersebut.

Ada banyak yang bisa kita lakukan untuk bisa jadi juara dalam segala pencarian dan yang paling baik adalah ikut kursus SEO yang memberikan jaminan anda bisa mengelola SEO dengan baik pada blog anda, mulai dari templatenya, artikelnya hingga pencarian backlinknya. Kebetulan penulis (saya sendiri) juga membuka kursus semalam untuk ini dengan bayaran 500ribu, tentunya rahasianya akan dibocorkan khusus untukmu.

7.  Menghasilkan Uang Dari Blog

Ini sebenarnya langkah terakhir setelah kita melakukan berbagai usaha pada blog kita dan pengunjungnya sudah bisa mencapai hingga ribuan per harinya (minimal 5000 pageview per hari). Jadi sebenarnya dalam membangun sebuah website ada beberapa tahap yang harus dilakukan, mulai dari mempersiapkan, membangung, mengoptimasi hingga me-moneysasi atau menguangkannya, dan untuk ini ada beberapa alternatif yang bisa saya rekomendasikan:

a. Google Adsense

Ini tergolong simpel dalam cara menghasilkan dollar lewat internet, karena syaratnya kita hanya butuh blogspot gratisan saja dan sejumlah artikel di dalamnya yang diusahakan bisa mendatangkan pengunjung hingga manimal 5000-an kunjungan laman per harinya. Dan adapun cara menghitung penghasilannya adalah dengan melihat berapa jumlah klik yang dihasilkan yang mana setiap kliknya memiliki penghasilan yang berbeda, tergantung harga iklan dari katakuncinya.

Cara google membayar pengiklannya adalah bisa dengan melalui cek maupun Western Union, tapi yang banyak digunakan saat ini oleh para blogger adalah lewat Western Union karena bisa diambil lewat pos dan tanpa biaya sama sekali. Sedangkan sistem kerja dari pengiklanan google ini adalah yang mana google sebagai perantara dari pebisnis yang mau memasang iklan, sedangkan anda sebagai pemilik blog adalah tangan kedua yang diserahkan tanggungjawab untuk mempromosikan iklan dari pebisnis tersebut. Caranya, mendaftar jadi member terlebih dahulu, setelah itu akan diberi berupa kode yang akan dipasang di blog, adapun kodenya ia akan bekerja secara otomatis menyesuaikan jenis iklan yang muncul, tergantung dari jenis apa artikel yang ditampilkan dari blog tersebut, namanya iklan kontekstual. Untuk lebih jelasnya soal ini, silahkan lanjut baca Cara Menghasilkan Uang Lewat Blog Gratisan

b.  Kerjasama Penjualan

Ini juga yang paling menguntungkan menurut saya jika kita sudah paham cara membuat blog gratis melalui blogger maupun WordPress, karena kita bisa mengulas produk orang lain di dalamnya sekaligus menyertakan link afiliasi dari pemilik barang tersebut yang kita buat saat jadi member. Jadi, sistem kerjanya adalah cukup dengan mamasang tautan dalam blog yang menyertakan nomor atau kode anda sebagai pihak yang diajak kerjasama, dan bila ada yang mengunjungi tautan itu dan melakukan pembelian maka anda akan dicatat oleh sistemnya telah melakukan penjualan. Biasanya bayarannya bisa sampai 50% dari harga. Beberapa yang direkomendasikan adalah soal ebook cara cepat hamil dan belajar bahasa inggris. Silahkan anda cari di google sudah banyak sekali yang menawarkannya soalnya.

c.  Dengan Toko Online .com

Jangan salah, anda juga harus tahu cara merubah blogspot jadi .com karena dengan cara itu web anda akan terlihat profesional, sekalipun masih menggunakan platform blogspot. Yang berubah hanya domainnya (alamatnya) saja, sedang pengaturannya di bagian dalamnya tetap sama.

Setelah blogspotmu sudah berubah jadi domain .com, maka selanjutnya adalah merubah templatenya seperti toko online, sekarang ini sudah banyak sekali tampilan blogspot yang bentuknya bahkan mengalahkan website yang menggunakan CMS lain yang berbayar. Dan untuk mendapatkannya kamu bisa mengetikkan di google soal ini, misal “Tempalete Blogger untuk Toko Online” dan sebagainya. Adapun langkah dalam merubahnya kamu bisa lihat bagian nomo 4 di atas, silahkan kunjungi tautan pada keterangannya soal bagaimana proses penggantian tempalate blogmu. Jadi tujuan menghasilkan uang dari blog ini maka usahakan melakukan 3 hal, yakni merubah domainnya, tampilannya dan usahakan agar bisa juara di google. Mengenai semua ini sudah ada tautannya dalam artikel yang anda baca sekarang.

Simple kan cara membuat blog gratis di blogspot? Yang harus dilakukan untuk berhasil adalah dengan melakukan ‘trial and error’. Maksudnya begini, mulailah dengan langsung praktek, jika ada yang tidak dimengerti cob abaca secara seksama lalu ulang lagi hingga sukses. Dan sangat dianjurkan agar menggunakan koneksi internet yang lancer agar prosesnya pun tidak memakan waktu yang lama. Dan selalu perhatikan pula bahwa anda selalu meningkat dalam setiap tahapnya, mulai dari membangun, melakukan optimasi hingga mengjadikannya sebagai sumber penghasilan yang bisa dijadikan sebagai penambah pundi-pundi keluarga anda. Sekian!

Sumber : http://www.caraspot.com/membuat-blog-gratis-sendiri-dengan-blogspot.html