Welcome to my blog

Sabtu, 02 Maret 2013

Belajar HTML - Tampilan (Layout)

 Belajar HTML - Tampilan (Layout)

Dalam proses belajar HTML, proese membuat tampilan pada sebuah halaman (layout) web/blog adalah sangat penting hukumnya bagi anda yang sedang belajar dalam pembuatan sebuah web/blog.

berikut adalah contoh tampilan (layout) HTML sederhana dengan kolaborasi style (CSS)
"Tenang saja kita akan belajar css pada bab-bab selanjutnya"


Tampilan ( Layout) dengan kolaborasi Tabel
pada contoh ini kita akan menggunakan kolaborasi tabel pada tampilan layout, perhatikan contoh

 contoh
<html>
<body>

<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>Main Title of Web Page</h1>
</td>
</tr>

<tr valign="top">
<td style="background-color:#FFD700;width:100px;text-align:top;">
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript
</td>
<td style="background-color:#EEEEEE;height:200px;width:400px;text-align:top;">
Content goes here</td>
</tr>

<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
Copyright © 2011 W3Schools.com</td>
</tr>
</table>

</body>
</html>
Cobalah Sendiri »

Maka akan tampak seperti di bawah ini :

Main Title of Web Page

Menu
HTML
CSS
JavaScript
Content goes here
Copyright © 2011 W3Schools.com



 Tampilan (Layout) dengan kolaborasi element DIV

Elemen div merupakan tingkat blok elemen yang digunakan untuk mengelompokkan elemen HTML.


Contoh berikut menggunakan lima elemen div untuk membuat tata letak kolom, dan menciptakan hasil yang sama seperti pada contoh di atas sebelumnya :


 contoh
<html>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright © 2011 W3Schools.com</div>

</div>

</body>
</html>
Cobalah Sendiri »

maka akan tampak seperti ini :

Main Title of Web Page

Menu
HTML
CSS
JavaScript
Content goes here
Copyright © 2011 W3Schools.com


Tips - HTML Layout

     Dalam proses membuat sebuah tampilan web/blog sederhana yang di perlukan adalah sebuah tag-tag HTML dan CSS dimana tag-tag CSS tersebut di gunakan untuk membuat tampilan HTML menjadi lebih dinamis ( lebih bagus). namun nanti (setelah anda menguasai HTML dan CSS ) anda akan dapat mengkolaborasikannya sendiri sesuai dengan kreasi anda seperti dengan javascript, PHP ,ASP dan lain sebagainya .



    Saya sarankan setelah anda menguasai ataupun sudah familiar dengan tag-tag HTML anda sebaiknya belajar CSS terlebih dahulu. dan kemudian baru belajar javascript dan seterusnya .



    insyaallah nanti saya akan membuat tutorial belajar CSS juga .



oke, semoga bermanfaat ya buat kalian semua :D
jangan lupa comment ya

belajar HTML Frames

Assalamualaikum wr. wb.

Belajar HTML - HTML Frames



Dengan Frames beberapa jendela halaman web dapat di tampilkan dalam satu halaman saja .

oke, kita akan melihat contoh langsung dari html frames :

vertikal frameset
Cara membuat frameset dengan tiga dokumen vertikal yang berbeda.

frameset horizontal
Cara membuat frameset horizontal dengan tiga dokumen yang berbeda.

(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini)

HTML Frame

Dengan frame, Anda dapat menampilkan lebih dari satu dokumen HTML di jendela browser yang sama. Setiap dokumen HTML disebut sebuah frame, dan setiap frame adalah independen dari yang lain.

Kelemahan dari menggunakan frame adalah:

Frame kemungkinan tidak akan didukung pada versi mendatang dari HTML
Frame sulit untuk digunakan. (Mencetak seluruh halaman sulit).
Pengembang web harus melacak semua dokumen HTML yang lebih.


Elemen HTML frameset

Elemen frameset memegang satu atau lebih elemen frame.Setiap elemen frameset dapat memegang dokumen yang terpisah.

Elemen frameset menyatakan BERAPA BANYAK kolom atau baris yang akan ada dalam rangkaian frame, dan berapa banyak persentase / pixel dari ruang yang akan menempati masing-masing frame.


Elemen HTML frame

Tag <frame> mendefinisikan satu jendela tertentu (frame) dalam sebuah frameset.

Pada contoh di bawah kita memiliki sebuah frameset dengan dua kolom.

Kolom pertama diatur ke 25% dari lebar jendela browser. Kolom kedua adalah set ke 75% dari lebar jendela browser.
Dokumen"frame_a.htm" dimasukkan ke dalam kolom pertama, dan dokumen "frame_b.htm" dimasukkan ke dalam kolom kedua.


<frameset cols="25%,75%">
   <frame src="frame_a.htm" />
   <frame src="frame_b.htm" />
</frameset>


Catatan: Ukuran kolom frameset juga dapat diatur dalam pixel(cols = "200.500"), dan salah satu kolom dapat diatur dengan menggunakan ruang yang tersisa, dengan asterisk (cols = "25%,*").


oke, kita langsung praktekan dengan contoh - contoh di bawah ini :

contoh 

Cara menggunakan tag <noframes>
Cara menggunakan tag <noframes> (untuk browser yang tidak mendukung frame).

Nested framesets
Bagaimana menciptakan sebuah frameset dengan tigadokumen, dan bagaimana campuran mereka dalam baris dankolom.

Frameset dengan noresize = "noresize"
Cara menggunakan atribut noresize. Gerakkan mouse di atasbatas antara frame dan melihat bahwa Anda tidak dapat memindahkan perbatasan.

navigasi frame
Bagaimana untuk membuat frame navigasi. Frame navigasi berisi daftar link dengan frame kedua sebagai target. File yang bernama "tryhtml_contents.htm" berisi tiga link. Kode sumberdari link:
<a href ="frame_a.htm" menargetkan ="showframe"> Frame </ a> <br>
<a href ="frame_b.htm" menargetkan ="showframe"> Bingkai b</ a> <br>
<a href ="frame_c.htm" menargetkan ="showframe"> Bingkai c</ a>
Frame kedua akan menunjukkan dokumen terkait.

Langsung ke bagian tertentu dalam bingkai
Dua frame. Salah satu frame memiliki sumber ke bagian tertentudalam sebuah file. Bagian yang ditentukan adalah dibuat denganname="C10"> <a di file "link.htm".

Langsung ke bagian tertentu dengan bingkai navigasi
Dua frame. Frame navigasi (content.htm) ke kiri berisi daftar linkdengan frame kedua (link.htm) sebagai target. Frame keduamenunjukkan dokumen terkait. Salah satu link dalam framenavigasi terkait dengan bagian yang ditentukan dalam file target.Kode HTML dalam file "content.htm" terlihat seperti ini: <a href="link.htm" sasaran ="showframe"> Tautan tanpa Anchor </ a><br> <a href = "# C10 link.htm "target =" showframe "> link dengan Anchor </ a>.


oke, kita akan lanjut tutorial panduan belajar html untuk pemula selanjutnya ...

belajar membuat table

 belajar membuat table

Assalamualaikum wr. wb.

kita Belajar HTML, bagaimana cara membuat table ( tabel ) pada document HTML.
 


Tabel pada tag document HTML begitu berguna bagi anda yang suka berkreasi dengan dengan document - document HTML anda.

oke, sebelum kita lanjut lebih jauh tentang html tabel, kita lihat dahulu contoh sederhana penggunaan tabel pada document HTML secara langsung.


Tables
bagaimana cara membuat tabel pada html
Table borders
bagaimana cara membuat border ( tebal garis tepi ) pada tabel html


HTML TABEL

Tag Tabel pada document HTML di tulis dengan tag <table>


Sebuah tabel dibagi menjadi beberapa baris ( dengan tag <tr> ), dan setiap baris dibagi menjadi sel-sel data (dengan tag <td>). td singkatan dari "tabel data", dan memegang isi sel data. Sebuah tag <td>dapat berisi teks, link, gambar, daftar, bentuk, tabel lain, dll


contoh tabel
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>


Maka hasil dari contoh tabel di atas akan terlihat seperti di bawah ini :
row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2
HEADER TABEL HTML

Tag header dalam tabel didefinisikan dengan tag <th>.

Semua browser utama akan menampilkan teks dalam elemen<th> sebagai tebal dan terpusat .

contoh tabel header

<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

Maka Hasil dari contoh tabel header di atas seperti di bawah ini :

Header 1Header 2
row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2


oke, sekarang kita akan lihat berbagai contoh dari penggunaan tag tabel pada document html tersebut :

Tabel tanpa batas tepi
Cara membuat tabel tanpa batas tepi.

tabel header
Cara membuat header tabel.

Tabel dengan keterangan
Bagaimana menambahkan keterangan ke tabel.

Tabel sel dengan span lebih dari satu baris / kolom
Bagaimana untuk menentukan sel tabel yang mencakup lebih dari satu baris atau satu kolom.

Tag di dalam tabel
Bagaimana untuk menampilkan unsur-unsur di dalam unsur-unsur lain.

cell padding
Cara menggunakan cell padding untuk membuat jarak antara huruf dengan garis tepi (border).

cell spasi
Cara menggunakan cell spacing untuk meningkatkan jarak antara sel-sel.

Atribut frame 
Cara menggunakan " frame " atribut untuk mengontrol perbatasan di sekitar meja.



oke, semoga bermanfaat ya ...... :D

belajar HTML link

belajar HTML link

Assalamualaikum wr. wb

lanjut ya .... kita belajar tentang HTML link
HTML link hampir di gunakan oleh semua  web / blog agar mempunyai tampilan lebih dinamis bagi web/blog mereka, dan selain itu html tag link juga di gunakan untuk memudakan para pengunjung blog / web mereka agar lebih mudah untuk menemukan sesuatu yang di butuhkan di blog/ web itu.


HTML Hyperlink (Link)
HTML Hyperlink (Link) maksudnya adalah sebuah gambar, text atau apapun yang mempunyai sebuah link dan ketika anda klik akan melompat ke dokumen lainnya.


Link dalam HTML di tentukan dengan TAG  <a>

tag <a> dapat di gunakan dengan 2 cara :

1.  Untuk membuat link ke dokumen lain, dengan menggunakanatribut  "href "   ( tanpa tanda kutip )
2. Untuk membuat bookmark di dalam dokumen, dengan menggunakan nama atribut 
" untuk penggunaan tag <a> yang kedua akan di jelaskan di bawah"



Syntax Sederhana Dari HTML Link

Kode Link HTML dapat terlihat seperti di bawah ini :
<a href="alamat url">Link text</a>
lihatlah attribut href di gunakan .
Contoh LINK

<a href="http://lintanginfo.blogspot.com//">Kunjungi kotak belajar</a>

Jika anda klik link di atas maka akan mengunjungi http://www.zengbogel.blogspot.com/ .

LINK Dengan Attribut TARGET
Penggunaan Attribut target pada sebuah link, akan menjadikan link tersebut terbuka dalam tab baru ( new tab )
Contoh

<a href="http://lintanginfo.blogspot.com//" target="_blank">kotak belajar</a>


Memang tidak akan berubah dari bentuk link nya, akan tetapi perubahan akan terlihat ketika link tersebut di klik, secara otomatis link tersebut akan terbuka pada tab baru ( new tab ).

tag yang di tambahkan pada attribut TARGET ini adalah :    target="_blank"


LINK Dengan Attribut NAME
Mungkin bagi anda yang baru belajar HTML akan bingung dengan maksud penggunaan attribut name ini, oke sebaiknya anda klik dulu link di bawah ini untuk contoh sederhana dalam belajar link berattribut name ini.

LINK ATTRIBUT NAME

 jika anda sudah mengerti mari lanjut .

Contoh penggunaan attribut name


<a name="tips">Kumpulan Tips Dan Trick</a>

Kedua buat sebuah link yang mengarah ke attribut name yang di buat sebelumya.
<a href="#tips">Kunjungi Tips Dan Trick</a>

Atau anda juga bisa membuat sebuah link dengan url untuk menuju ke attribut name yang telah di buat sebelumnya.
<a href="http://www.kotakbelajar.com/html_links.htm#tips">
Kunjungi Tips Dan Trick </a>

Kumpulan Contoh Penggunaan LINK pada HTML


Link pada gambar
bagaimana cara menambahkan link pada gambar
Link bookmark
bagaimana menambahkan link di bookmark
Create a mailto link
bagaimana untuk membuat link ke pesan email (hanya akan bekerja jika Anda memiliki instalasi email di pc anda ).
Create a mailto link 2
Banyak lagi tentang link email

oke, semoga bermanfaat ...

belajar CSS digunakan untuk elemen Style HTML

CSS digunakan untuk elemen Style HTML

Assalamualaikum wr. wb.

mari kita beajar
css untuk style HTML
lihat contoh penggunaan css untuk style HTML


Look! Styles and colors


This text is in Verdana and red


This text is in Times and blue


This text is 30 pixels high
Style HTML dengan CSS

CSS diperkenalkan bersama-sama dengan HTML 4, untuk menyediakan cara yang lebih baik untuk elemen HTML Style .

CSS dapat ditambahkan ke HTML dengan cara berikut:

 - dengan file Cascading Style Sheet (file CSS)
 - dalam elemen <style> di bagian kepala HTML
 - dalam atribut style dalam elemen HTML tunggal
 - Menggunakan Atribut HTML Style

Cara yang disukai untuk menambahkan CSS untuk HTML,adalah menempatkan sintaks CSS pada file CSS yang terpisah.

Namun, dalam Belajar HTML ini kami akan memperkenalkan HTML dengan CSS menggunakan atribut style. Hal ini dilakukan untuk menyederhanakan contoh. Hal ini juga agar membuat lebih mudah bagi Anda untuk mengedit kode dan mencoba sendiri.



Contoh HTML STYLE  - Background Color
Pada contoh ini kita akan mengubah background color dari tag body dan huruf
Contoh
<html>
<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body>
</html>
Cobalah Sendiri »


Contoh HTML Style - Font, Color and Size
Contoh
<html>
<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>

Cobalah Sendiri »




Contoh HTML Style - Text Alignment ( Posisi Text )
Contoh
<html>
<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Cobalah Sendiri »
oke, kita lanjut ke tutorial berikutnya !!!
semoga bermanfaat :)

mengkoneksikan database pada visual basic

mengkoneksikan database pada visual basic


Assalamualaikum wr. wb.

hari ini , kita akan belajar tentang mengkoneksikan database pada visual basic. 
Ada beberapa cara untuk koneksi database pada visual basic, dari cara standar dan cara yang rumit, kali ini kita akan membahas mengenai koneksi ke database.
Cara 1. Menggunakan Object ADO
Anda dapat menggunakan icon Adodc (Microsoft ActiveX Data Objects Data Control) pada toolbox. Jika pada toolbox tidak terdapat icon Adodc, Anda dapat menambahkannya dengan memilih menu Project, Components (Ctrl+T) lalu beri tanda pilih pada Microsoft ADO Data Control (OLEDB) dan klik Apply. Sekarang kita akan mencoba mengaitkan database Ms. Acess yang diberi nama Pembelian.mdb. Untuk itu, lakukan langkah-langkah sebagai berikut:
  1. Pilih menu File lalu New.
  2. Pilih VB Enterprise (Professional) Edition Controls.
  3. Klik OK.
  4. Klik ganda pada folder Forms pada jendela proyek lalu klik ganda pada Form 1 sampai muncul tampilan form.
  5. Klik icon Adodc pada toolbox.
  6. Klik dan seret pada jendela form, sehingga muncul tampilan seperti Gb. Objek yang tergambar dalam form disebut objek data.
  7. Tentukan properti data sebagai berikut:
    1. Name db Pembelian
    2. Caption Data Barang
    3. EOFAcction 2
  8. Tentukan properti ConnectionString dengan cara mengklik tombol … pada kolom ConnectionString sehingga muncul tam pilan seperti pada Gb
  9. Pilih OptionButton pada Use Connection String lalu klik Build sehingga muncul tampilan seperti pada Gb
  10. Pilih Microsoft Jet 4.0 OLEDB Provider lalu klik Next.
  11. Pilih (dengan mengklik tombol …) atau ketik nama database yang dipakai pada kolom Select or enter a database name.
  12. Klik Test Connection jika perlu, lalu kllk OK dua kali sampai tampilan kembali ke jendela Form.
  13. Tentukan properti RecordSource dengan cara mengklik tombol pada kolom RecordSource sehingga muncul tampilan seperti pada Gb
  14. Pada kolom Command Type pilih 2-adCmdTable. Setelah kolom ini diisi, maka Anda akan dapat mengisi kolom Table or Stored Procedure Name. lsilah dengan memilib tabel Barang seperti pada Gb
  15. Klik OK.
  16. Simpan form dan proyek dengan nama VB-Lat-01
Cara 2: Mendeklarasikan Objek Ado
Object ado dapat dideklarasi melalui coding. Tiga object bawaan ADO dalam pengembangan aplikasi adalah :
1. Obcet Connection
untuk menangani koneksi antara program dengan sumber data atau server. Deklarasi dapat bersifat lokal maupun global serta dapat diletakan pada level form, modul atau class modul. ADO paling umum membuka suatu koneksi dengan menggunakan obyek Connection Open metoda. Sintaks untuk Metoda Open ditunjukkan sbb:
Dim connection as New ADODB.Connection
connection.Open ConnectionString, UserID, Password, OpenOptions
Sebagai alternatif, anda dapat menggunakan teknik pintas, recordset.Open, untuk membuka koneksi yang tersembunyi dan mengeluarkan suatu perintah atas koneksi dalam satu operasi. Lakukan hal ini dengan mengaktivkan suatu koneksi yang valid seperti argumentasi ActiveConnection ke Metoda Open. Ini adalah sintaksis untuk masing-masing metoda di Visual Basic:
Dim recordset as ADODB.Recordset Set
recordset = New ADODB.Recordset
recordset.Open Source, ActiveConnection, CursorType, LockType, Options
Contoh :
Deklarasi object Connection:
Dim cn As New ADODB.Connection
atau
Public cn As New ADODB.connection
Selanjutnya mengalokasikan memori untuk onject connection sbb:
Set cn = New ADODB.Connection
Kemudian isi property object connoction tersebut sbb:
Contoh berikut adalah property untuk MSSQL Server
cn.connectionString = “Perovider=SQLOLEDB;” & _
”Server=NamaServer; ” & _
“Initial catalog= inventory” & _
“user Id = zulidamel” _
“Password=terserah”
cn.Open
atau
koneksi = “Perovider=SQLOLEDB;” & _
”Server=NamaServer; ” & _
“Initial catalog= inventory” & _
“user Id = zulidamel” _
“Password=terserah”
cn.Open koneksi
Jika tidak ingin menggunak authentik pada proses koneksi gunakan cara berikut:
koneksi = “Provider=SQLOLEDB.1;” & _
“Integrated Security Info=False;” & _
“Data Source = NamaServer” cn.Open koneksiBila koneksi sudah tidak diperlukan tutuplah koneksi dengan perintah
”Set cn = Nothing”
2. Object Command
Digunakan untuk perintah SQL ke sumber data atau server. Deklarasi object command sbb:
Dim CmdBarang As New ADODB.Command
atau
Public Cmd as New ADODB.Command
selanjutnya alokasikan memori untuk object Command sbb:
Set CmdBarang = New ADODB.Command
Kemudian Isi property object command
CmdBarang.ActiveConection = cn
CmdBarang.CommandText = “select * from barang”
CmdBarang.CommandType = adCmdText
3. Object Recordset
Digunakan sebagao penampung hasil eksekusi dalam bentuk tabel. Deklarasi object record sbb:
Dim rsBarang As New ADODB.Recordset
atau
Public rsBarang As New ADODB.Recordset
selanjutnya alokasikan memori ynryk object recordset sbb:
Set rsBarang = New ADODB.recordset
lalu isikan property object record set
rsBarang.CusrsorTYpe = adOpenDynamic
rsBarang.LockType = adLockOptimistic
rsbarang.Open cmdBarang
atau
rsbarang,open CmdBarang,, adOpenDynamic, adlockOptimistic, adCmdtext
Data Control
Visual Basic terus berkembang dalam pengembangan general purpose Windows, tetapi kemampuan database tidaklah bagian murni dari desainnya. Data Control, Visual Basic menambahkan, membuat Visual Basic suatu alat yang jauh lebih tangguh untuk pembuatan pemrograman database.
Data Control memberikan kemudahkan untuk mendapat data ke dalam program anda. Anda dapat dengan mudah mengaitkan suatu file database, lalu mengaitkan data lainnya untuk memindahkan data dari database ke aplikasi anda dan sebaliknya. Data Control pada suatu database dan menetapkan tabel mana yang akan diambil, lalu mengaitkan ke pengendali Data Control, menetapkan field yang akan ditampilkan. Pada waktu itu aplikasi anda dapat mengambil, menampilkan, memperbaharui dan membuat database merekam. Alir data di dalam skenario ini ditandai pada gambar.

Belajar Corel Draw untuk Pemula

 Belajar Corel Draw untuk Pemula

Assalamualaikum wr. wb. 

kali ini , mari kita belajar tentang corel draw untuk para kamu yang baru belajar , ini tata cara nya :D

Corel Draw
Corel Draw
Belajar Corel Draw untuk Pemula - Tutorial Corel Draw merupakan kumpulan teknik-teknik membuat dan mengolah gambar atau objek dengan menggunakan software editor grafik vektor yang dikeluarkan oleh Corel. Corel Draw yang merupakan salah satu software desain grafis ini sering digunakan untuk membuat gambar seperti kartun, logo, illustrasi, mengatur aplikasi tata letak secara sederhana untuk membuat brosur, pamflet, undangan, cover majalah, dan tutorial Corel Draw yang lainnya.

Software Corel Draw sejak pertama kali dikeluarkan selalu mengalami perkembangan. Perkembangan ini dapat mendukung bertambahnya tutorial Corel Draw yang bisa diciptakan. Bagi Anda yang menyukai program desain grafis, sudah pasti mengikuti perkembangan fasilitas dasar dari Corel Draw. Bahkan mungkin sudah mahir membuat berbagai tutorial Corel Draw. Ada banyak bentuk desain grafis yang dapat Anda ciptakan dengan memanfaatkan tutorial Corel Draw.

Tutorial Corel Draw - Pengenalan Fasilitas Dasar dalam Corel Draw

Bagi yang sudah mengenal fasilitas dasar dalam Corel Draw, mungkin Anda sudah tidak asing lagi dengan berbagai fasilitas dasar dalam Corel Draw. Nah, bagaimana bagi yang belum mengenal apa saja fasilitas dasar yang berfungsi untuk membuat berbagai desain grafis dalam tutorial Corel Draw? Berarti Anda harus tahu terlebih dahulu fasilitas apa saja yang dibutuhkan sehingga mengerti dan dapat menerapkannya ke dalam berbagai tutorial Corel Draw yang menarik.

Sebelum membuat berbagai tutorial Corel Draw, sebaiknya ketahui terlebih dahulu apa saja fasilitas yang ada dalam Corel Draw. Dengan mengetahui fasilitas dasar, Anda bisa membuat berbagai tutorial Corel Draw yang menarik dan berbeda. Apa saja fasilitas dasar yang perlu diketahui sebelum mengerjakan tutorial Corel Draw? Berikut fasilitas dasar yang tersedia dalam Corel Draw.
  • Quick Start. Quick Start terdapat dalam kotak dialog Welcome Corel Draw. Dalam kotak dialog ini, ada beberapa lembar proses yang dapat diaktifkan, yaitu quick start, what’s new, learning tools, galeri, updates.
  • Hint atau Tools. Hint berada pada sisi kanan kotak dialog utama sistem. Sistem menu Corel Draw menggunakan standar sistem operasi Windows yang sangat memudahkan pemakaian.
  • Standard Toolbar. Lembar proses standard toolbar ini terletak di bawah menu bar. Pada standard toolbar, sistem meletakkan simbol proses cepat. Misalnya terdapat simbol seperti folder untuk membuka suatu data grafis Corel Draw.
  • Property Bar. Fasilitas tambahan yang muncul setelah memilih salah satu alat dalam fasilitas toolbox. Property bar dalam tutorial Corel Draw bertujuan memudahkan pemakaian alat fasilitas toolbox terpilih. Property bar biasanya berada di bawah standard toolbar.
  • Toolbox. Toolbox ini terletak di bagian paling kiri. Sistem Corel Draw meletakkan sebagian tanda lipatan pada sisi kanan bawah alat fasilitas toolbox yang memiliki subalat. Nah, untuk menampilkan daftar subalat tersebut dapat dilakukan dengan mengklik dan menahan simbol alat yang bersangkutan.
  • Status Bar. Sistem meletakkan berbagai informasi pada baris status yang terdapat pada sisi bawah kotak dialog utama. Informasi tersebut berkenaan dengan objek gambar atau teks, atau alat proses yang terpilih.
  • Color Palette. Color Palette yang sering disebut juga dengan kotak warna, terletak di bagian paling kanan kotak dialog utama. Untuk memberi warna ketika menjalankan tutorial Corel Draw, cukup melakukan klik mouse seperti biasa. Sementara itu, untuk memberi warna garis dalam tutorial Corel Draw, klik kanan pada warna yang dipilih dalam kotak warna.
  • Dialog Box. Sistem Corel Draw akan meletakkan sejumlah pilihan proses dari fasilitas yang komplek pada suatu kotak dialog. Fasilitas yang bersangkutan dapat diatur melalui kotak dialog tersebut. Misalnya, ada perintah dalam tutorial Corel Draw untuk merubah format objek gambar dari vektor ke bitmap melalui menu bitmaps Submenu Convert to Bitmap.
  • Docker.Corel Draw meletakkan sejumlah kotak dialog fasilitas yang sering digunakan dalam bentuk tetap pada sisi kanan kotak dialog. Format tersebut disebut dengan docker. Fasilitas ini dapat ditampilkan melalui Window Submenu Docker.
  • Fixed atau Floating Toolbar. Salah satu keistimewaan dari tutorial Corel Draw X4, yaitu fasilitas toolbox kotak warna, menu bar, standard toolbar, dan property bar yang dapat digeser dan dutempatkan di sembarang lokasi sehingga akan memudahkan Anda menyelesaikan tutorial Corel Draw.
Itulah beberapa fasilitas dasar yang ada dalam Corel Draw yang dapat digunakan ketika membuat berbagai tutorial Corel Draw. Dengan membiasakan menggunakan fasilitas dasar tersebut, Anda juga akan mudah membuat berbagai toturial Corel Draw.

Tutorial Corel Draw - Teknik Tutorial Dasar Corel Draw

Bagi para pemula, untuk menguasai tutorial Corel Draw perlu latihan yang banyak supaya bisa mahir. Anda dapat menguasai dan menjalankan program desain grafis Corel Draw dengan berlatih membuat berbagai objek dengan bantuan tutorial Corel Draw. Tutorial Corel Draw bisa Anda dapatkan dalam buku panduan Corel Draw. Namun, tidak hanya terbatas dalam buku panduan yang memuat tutorial Corel Draw ini, Anda pun juga dapat mencarinya di berbagai situs tutorial Corel Draw.
Untuk pemula, berikut ini ada beberapa tutorial Corel Draw yang dapat digunakan untuk melatih kemampuan Anda mengolah gambar atau objek menggunakan Corel Draw:

Tutorial Corel Draw Cara Mengcopy Objek dengan Cepat

Tutorial ini adalah tutorial Corel Draw yang paling dasar. Namun jika Anda sampai lupa, akan berdampak buruk untuk hasil kerja. Berikut tutorial Corel Draw mengcopy objek dengan cepat.
  • Buatlah objek sesuka Anda, misalnya objeknya bintang. Setelah itu, arahkan pointer pada objek tersebut.
  • Klik kiri sambil ditahan jangan dilepas, lalu pindahkan pointer ke arah yang diinginkan.
  • Lalu klik kanan, selanjutnya lepas klik kiri yang ditahan tadi. Anda akan melihat objek bintang sudah tercopy. Bandingkan jika Anda menekan CTRL+C dan CTRL+V, yang lebih lama untuk mengcopy objek.
Tutorial Corel Draw Export File Corel

Tutorial Corel Draw ini merupakan teknik mengeluarkan file Corel dengan cara sebagai berikut.
  • Seleksi objek yang ingin diexport.
  • Klik file pada menu dan pilih Export atau langsung saja menggunakan Shortcut Key Export ( CTRL+E).
  • Setelah klik Export, maka akan muncul jendela windows. Pilih tempat untuk menyimpan hasil Export. Anda juga bisa melakukan pemilihan file Export yang diinginkan, bisa berupa JPEG, TIFF, PSD, dan sebagainya, lalu tekan Export.
  • Setelah menekan Export pada langkah nomor 3, akan muncul jendela Convert to Bitmap. Sesuaikan size gambar sesuai kehendak dengan mengubah persenannya saja, untuk resolusi juga tergantung dengan kehendak Anda. Jika ingin hasil yang bagus maka Resolution bisa diperbesar tapi biasanya size akan menjadi lebih besar. Mengenai bagan Color, Anda bisa menggunakan RGB ataupun CMYK, setelah selesai dengan semua urusan di atas lalu klik tombol OK.
  • Lalu akan keluar jendela JPEG Export. Anda dapat mengkompres ukuran gambar dengan Compression sesuai keinginan, lalu tekan Preview untuk mengetahui size dari hasil Export file. Setelah itu, klik lagi tombol OK dan cek hasil di dalam folder tempat Anda menyimpan hasil Export Anda tadi.
Tutorial Corel Draw Membuat Layout Halaman Majalah Efek Envelope

Anda dapat menjalankan tutorial Corel Draw yang satu ini dengan cukup mudah, yaitu dengan cara berikut.
  • Kumpulkan terlebih dahulu apa yang dibutuhkan untuk menjalankan tutorial, yaitu gambar dengan Background putih yang akan Anda buat sebagai tampilan pada majalah, teks atau tulisan yang akan dibuat sebagai isi dari halaman.
  • Jika sudah siap, buka aplikasi Corel Draw dan pilih New.
  • Copy teks ke lembar kerja Corel Draw lalu tekan F8 untuk mengaktifkan Pen Tool. Kemudian buat ruangan dulu untuk teks yang akan dipindahkan dengan cara menahan klik kiri dan mendragnya dari ujung kiri atas ke kanan bawah agar teks bisa sesuai dengan yang diharapkan. Lalu paste > CTRL+V teks ke dalam ruang teks yang telah dibuat dalam lembar kerja Corel Draw.
  • Sekarang Anda masukkan gambarnya dengan pilih File > Import > pilih gambar > OK. Lalu saat di lembar kerja, “tahan klik kiri” dan drag untuk memberikan ruang pada gambar. Jika teksnya tertutup gambar, Anda klik kanan gambar tersebut dan pilih Order > To Back Of Layer.
  • Klik teks pada lembar kerja Anda dan waktunya untuk memberikan efek Envelope dengan pilih Add New > Apply. Lalu Anda utak atik bagian samping kiri atas dengan klik kiri dan tahan lalu drag atau geser sehingga teksnya sudah bersifat dinamis.
  • Lalu utak atik tanda panahnya dan sesuaikan dengan gambar sehingga gambar akan menyatu dengan teks. Langkah akhir tinggal Anda memberi hiasan pada tampilan tek dan gambar sesuai keinginan Anda.


    Semoga bermanfaat ya ,,, selamat mencoba :D

Diberdayakan oleh Blogger.