Pengenalan corel draw 12

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

oftware 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 limamenjadi 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

Written By fajar salam on Tuesday, 9 October 2012 | 05:19

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

Tutorial Membaut Blog

Cara Membuat Blog di Blogspot Lengkap Gambar

Nyekrip » Blog » Membuat Blog » Cara Membuat Blog di Blogspot Lengkap Gambar

•  Updated on Oktober 14, 2015 
•  Admin
 
•  Membuat Blog 
•  168 Comments

Memiliki sebuah blog adalah hal yang menyenangkan karena kita dapat berbagi apapun yang kita suka, dan kalau kita serius dalam merawat blog, kita juga bisa mendapatkan penghasilan yang layak dari blog kita.

Di web tutorial ini, nyekrip telah berbagi tentang cara membuat web dengan html 5 yang juga dapat kita gunakan sebagai langkah belajar dalam membuat dan mendesain halaman web atau blog dan salah satu favorit saya adalah menciptakan blog pada domain sendiri dan hosting melalui WordPress seperti yang sudah diterapkan pada blog nyekrip ini.

Banyak tutorial yang telah membahas tentang self-host blog WordPress dan tidak diragukan lagi itu adalah platform blogging yang lebih baik jika kita bandingkan dengan platform blogging gratis seperti Blogspot.com dan WordPress.com. Banyak pemula yang ingin memulai blogging tidak ingin menghabiskan modal untuk membuat blog dan itu sah-sah saja, bahkan banyak juga ditemukan blog terkenal yang menggunakan platform gratis ini.

Ada banyak platform blogging yang menawarkan untuk membuat Blog  secara gratis. Jika kita mencari blog yang gratis, disarankan untuk memulai blog dari WordPress.com atau Blogger.com.

Blogspot mengijinkan kita untuk membuat blog secara gratis dan tentunya memiliki keterbatasan, tapi seperti yang telah disebutkan di atas, untuk pemula itu merupakan ide yang baik sebagai langkah awal dalam membuat Blog.

Ikon Blogger

Tutorial ini ditujukan untuk yang ingin belajar membuat blog. Dalam posting ini kita akan membahas tentang bagaimana cara membuat blog di Blogspot lengkap gambar. Sebelum kita mulai tutorial cara membuat blog di Blogspot lengkap gambar, ada beberapa hal yang harus kita ketahui. Blogspot adalah platform blogging dari Google yang memberikan pelayanan untuk membuat sebuah blog, semua gambar blog kita akan disimpan oleh Picasa yang merupakan bagian dari Google.

Cara Membuat Blog di Blogspot atau Blogger Gratis

Untuk cara membuat blog di Blogspot gratis, silahkan menuju blogger.com dan login menggunakan akun Google. Jika belum memiliki akun Google (akun Gmail), silahkan menuju tutorial ” Cara Membuat Email Baru Lengkap Gambar “. Setelah anda mempunyai akun gmail atau akun google, silahkan kunjungi ” www.blogger.com ” dan kita akan melihat halaman login seperti gambar berikut.

Halaman Login

Setelah login kita akan menghadapi pilihan untuk menggunakan identitas, kita dapat memilih profil Google plus atau menggunakan profil Blogspot. Lebih di sarankan memilih profil Google plus.

Memilih Profil

Langsung tekan tombol ” Lanjutkan ke Blogger “.

Setelah itu kita akan melihat halaman membuat blog di blogspot seperti gambar berikut. Pada halaman ini kita akan melihat daftar blog yang telah dibuat, karena kita baru akan memulai dalam membuat blog maka kita belum melihat daftar blog tersebut, untuk memulai membuat blog silahkan klik tombol ” Blog Baru “.

Memulai Blog Baru

Memberi Nama dan Alamat Blog di Blogspot/blogger

Setelah kita klik tombol ” Blog Baru ” kita akan melihat sebuah halaman baru untuk memulai dengan menambahkan nama dan memilih nama domain. Untuk tips trik dalam memilih nama domain silahkan anda kunjungi tutorial ” Tips Cara Memilih Nama Domain Blog atau Website “.

Untuk lebih jelasnya silahkan perhatikan gambar membuat blog di blogspot berikut:

Halaman Membuat Blog

Keterangan nomor pada gambar

• Nomor 1 adalah tempat kita untuk memberi judul atau nama blog
• Nomor 2 adalah tempat kita untuk memberi alamat blog kita
• Nomor 3 adalah tempat kita untuk memilih template blog kita, kita bisa merubah-nya nanti pada halaman template, jadi untuk sementara pilih saja yang standar
• Nomor 4 merupakan keterangan alamat blog yang kita ketik tersedia atau tidak, pastikan alamat blog tersedia.
• Nomor 5 adalah tombol untuk mengakhiri , tekan tombol ini jika anda sudah merasa puas dengan nama dan alamat yang anda pilih.

Memulai Post

Mengenal Dashboard di Blogspot/blogger

Sekarang blog kita sudah dibuat tetapi belum selesai sepenuhnya. Ada beberapa pengaturan yang perlu kita lakukan pada blog yang baru dibuat, agar membuat blog di Blogspot kita semakin SEO, seperti merubah template dan menambah halaman. Sekarang kita berada di dashboard Blogspot di mana kita akan melihat backend blog dan bisa pergi ke pengaturan dan membuat perubahan untuk meningkatkan visibilitas blog. Berikut adalah screenshot dashboard beserta penjelasan:

dashboard blogspot

Keterangan nomor pada gambar

• Nomor 1 merupakan tombol yang bisa kita gunakan jika ingin membuat blog baru
• Nomor 2 merupakan tombol yang bisa kita gunakan jika ingin membuat post baru
• Nomor 3 merupakan tombol yang bisa kita gunakan jika ingin melihat blog secara live
• Nomor 4 merupakan daftar shortcut menuju pengaturan, post, dan lain-lain
• Nomor 5 merupakan area artikel dari blog yang kita ikuti atau follow
• Nomor 6 merupakan area identitas atau profil kita di google, dalam area ini kita bisa login dan logut.

Setelah kita mengenal fungsi dari dashboard blogspot/blogger, silahkan anda klik menu “ Ikhtisar ” untuk melihat daftar menu dalam memulai membuat post, halaman, sampai mengatur adsense pada blog kita.

Untuk melihat tampilan blog yang sudah dibuat, silahkan klik tombol no 3 pada nomor diatas, maka tampilan blog akan terlihat seperti gambar dibawah ini. Perhatikan bahwa template sudah sesuai dengan template yang telah dipilih sebelumnya.

Tampilan Blog Nyekrip

jika anda ingin membuat blog gratis di wordpress silahkan kunjungi tutorial ” Cara Membuat Blog di WordPress Gratis Lengkap “.

Cara Mengatasi Halaman yang Anda Minta Tidak Valid

Halaman Yang Anda Minta Tidak Valid

Bagi kawan yang mengalami error seperti pesan diatas, kemungkinan blogger telah menganggap anda sebagai spammer, cobalah lakukan langkah berikut ini:

• Jika anda menggunakan modem, coba putus dan sambung-kan lagi konekssi internet-nya (tujuan agar ip berubah)
• Clear atau bersihkan cache, cookie dan history browser anda

Setelah itu coba buat blog lagi, semoga berhasil 🙂 .

Sekian tutorial cara membuat blog di blogspot lengkap gambar, segera praktek-kan karena membuat blog di blogspot itu mudah dan tutorial diatas sudah dibuat dengan sederhana namun padat. Jika ada pertanyaan, silahkan ajukan dalam komentar dibawah. Pada kesempatan berikutnya akan dibahas tentang bagaimana cara membuat post sampai merubah template agar lebih SEO.

Happy Nyekrip!

Sumber : http://www.nyekrip.com/cara-membuat-blog-di-blogspot-lengkap-gambar/