Tampilkan postingan dengan label tips. Tampilkan semua postingan
Tampilkan postingan dengan label tips. Tampilkan semua postingan

Jumat, 28 Oktober 2011

Pengertian HTML

pengertian html
HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.
Pengertian HTML bila di jabarkan berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :
Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.
Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.
Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen.
Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi.

Apa yang dapat dilakukan dengan HTML ?

Memodifikasi format teks
Penggunaan HTML memungkinkan kita untuk memodifikasi tampilan atau format dokumen yang akan kita transmisikan melalui media Internet. Beberapa hal yang dapat dilakukan dalam menentukan format dokumen ini adalah :
  • Kita dapat menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
  • Kita dapat menampilkan teks dalam bentuk cetakan tebal
  • Kita dapat menampilkan sekelompok kata dalam bentuk miring
  • Kita dapat menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
  • Kita dapat mengubah-ubah ukuran font untuk suatu karakter tertentu.
Menampilkan daftar sesuatu dalam bentuk point-point (item)
Dengan HTML kita dapat menampilkan daftar atau deretan informasi dalam bentuk point-point sehingga lebih mudah dibaca dan dipahami Membuat link.
Konsep hypertext pada HTML memungkinkan kita untuk membuat link pada suatu kelompok kata atau frase untuk menuju ke bagian manapun dalam World Wide Web.
Ada tiga macam link yang dapat kita gunakan :
  1. Link menuju bagian lain dari page
  2. Link menuju page lain dalam satu web site
  3. Link menuju resource atau web site yang berbeda
Menyisipkan citra
Dengan menyisipkan citra maka tampilan page kita akan lebih menarik, interaktif dan informatif untuk mendukung data-data lainnya dalam bentuk teks.
Menampilkan informasi dalam bentuk tabel
Penampilan informasi dalam bentuk tabel ini akan mempermudah pembaca untuk memahami informasi yang kita tawarkan. Penggunaan tabel ini juga dapat dilakukan untuk menambah nilai estetika dari page yang akan kita rancang.
Dengan memahami dasar-dasar dengan terlebih dahulu mengetahui Pengertian HTML | Pengenalan HTML di harapkan dapat berlanjut ketingkat selanjutnya dimana berhubungan dengan dunia website yang bersangkutan dengan webmaster sebagai struktur desainer sekaligus admin manajemennya.

Rabu, 26 Oktober 2011

Download Corel Draw X5 Full Version plus Serial Number


Update (07/12/2010). Setelah berusaha sekuat tenaga googling semalem suntuk, finally ketemu juga corel draw versi X5. Sudah diperbaiki link cracknya, 100% berhasil.
Nah.. kali ini corel draw versi X5 memiliki tampilan yang lebih futuristik. Trus juga, didukung dengan fitur yang lebih lengkap. Seperti yang ada dibawah, gan…
Supaya bisa nginstall software ni, dibutuhkan spek komputer/PC/laptob :
Settings
Microsoft Windows Windows Vista WindowsXP with the latest service packs installed (32-bit or 64-bit)
Intel Pentium 4, AMD Athlon (TM) 64 or AMD Opteron (TM)
the 512 MB of RAM (1GB recommended)
the 750 MB of hard disk space (1 GB for typical installation with no content). Up to 6GB needed to install the extra content
the Mouse or tablet
the 1024 x 768 screen resolution (768 x 1024 on a Tablet PC)
the DVD drive
Microsoft Internet Explorer 7 or later.
Diperhatikan baik-baik yaa speknya disesuaikan sma punya kita.. okok :)
Trus berikut cara download plus installnya :
Cara Aktivasi CorelDraw X5 :
  1. Unduh terlebih dahulu instaler dan serial number ada link dibawah ini
  2. Buka corel x5 keygen (klik 2x)
  3. Klik tombol Serial Number di keygen (di kotak pertama akan muncul serial number CorelDRAW X5), jgn di close dulu.
  4. Trus kalian install CorelDRAW X5 Final yg telah kalian dapatkan dsini, trus masukkan serial number yg di dapat di keygen td (copy paste, copy nya pakai CTRL+C, paste pakai CTRL+V)
  5. Ikutin aja langkah penginstallan sampai selesai
  6. Selesai install, buka CorelDRAW nya, trus muncul kotak permintaan aktivasi, klik tombol Activate Now
  7. Pilih Phone Corel
  8. Akan ada 3 kotak, Serial Number (sudah terisi), Installation Code (sudah terisi), Activation Code (kosong)
  9. Kembali ke keygen td, isi kotak Installation Code (kotak ke 2), copy paste Installation Code di CorelDRAW nya (tanpa tanda -)
  10. Setelah Installation Code di keygen terisi, trus klik tombolActivation Codenya, akan muncul tuh kode aktivasi nya (kotak ke 3), copy paste lagi di kotak Activation Code di CorelDRAW nya, klik next.
  11. and Corel X5 anda sudah terinstal dengan baik, full version.
Good luck :)
UPDATE (07/12/2010) : Link Unduhan sudah saya perbaiki.
CorelDraw Graphics Suite X5  Download (564 MB)
Serial Number (Keygen) CorelDraw X5  Download (16.69KB)

Senin, 03 Oktober 2011

Cara Membuat Design Web


Cara Desain WEB

06JAN

Pe
mbahasan ini akan mempelajari cara mendesain tampilan sebuah web. Tampilan web akan dikerjakan menggunakan Corel Draw X3 dan selanjutnya diekspor ke dalam Adobe Photoshop CS2.
Proses Corel Draw X3
1.Jalankan Program Corel Draw X3
2.Buat Lembar kerja baru, klik Ctrl+N

3.Atur setting lembar kerja seperti tampak pada gambar
12
4.Langkah pertama kita akan membuat tampilan logo fadzlicious.
5.Aktifkan Ellipse Tool atau tekan F7
6.Buat beberapa objek lingkaran dan atur posisinya seperti tampak pada gambar. Tekan ctrl pada saat membuat lingkaran.
2
7.Berikutnya adalah memberikan warna pada masing-masing lingkaran.
8.Pilih objek lingkaran 1.
9.Aktifkan fill tool – Fountain fill dialog atau tekan F11.
10.Kemudian akan tampak kotak dialog Fountain Fill dan atur beberapa parameter seperti tampak pada gambar
3
11.Ubah pilihan type menjadi Radial . Pilihan ini untuk mengatur tipe gradasi .
12.Atur center offset gradasi
13.Atur kombinasi warna pada group Color Blend. Dalam contoh kita menggunakan Two Color dengan kombinasi warna hitam dan putih.
14.Akhiri dengan OK dan hasil akan tampak seperti gambar
4
15.Selanjutnya pilih objek lingkaran 2.
16.Berikan warna gradasi pada objek lingkaran 2 dan atur parameter yang diinginkan.
17.Ubah pilihan Type menjadi Linear.
18.Ubah nilai Angels menjadi 38,0 pada group Option.
19.Pilih Custom dalam group Color Blend. Atur kombinasi warna yang diinginkan. Untuk lebih jelas lihat gambar
5
20.Klik OK dan hasilnya akan seperti gambar
6
21.Pilih lingkaran 3. Berikan gradasi pada lingkaran 3 dengan warna gradasi pada lingkaran 3 dengan warna yang sama dengan lingkaran 2. Hanya saja pada objek lingkaran 3, nilai angle diubah menjadi -138,0. Lihat gambar .
7
22.Klik OK dan hasilnya akan tampak seperti pada gambar
8
23. Pilih objek lingkaran 4 . Berikan warna gradasi kombinasi merah dan hitam dengan tipe gradasi Radial. Lihat gambar
9
24. Klik OK dan Hasilnya
10
25. Dari objek yang terbentuk , kita akan menghilangkan garis outline pada masing- masing objek.
26. Pilih objek dan klik kanan pada tombol no color dalam palet color.Hasil Lihat gambar .
11
27. Pilih semua objek lingkaran dan tekan Ctrl + G untuk mengelompokkan objek terpilih menjadi satu group.
28. Buat Duplikat dari objek logo dengan menekan Ctrl + D
29. Atur ukuran dan Posisi masing-masing objek seperti tampak pada gambar
12
30. Logo sudah selesai dikerjakan. Untuk sementara, sisihkan dulu objek logo keluar area lembar kerja.
31. Langkah berikutnya membuat tampilan web.
32. Aktifkan beberapa pilihan pada menu view seperti tampak pada gambar
13
33. Aktifkan pilihan Rulers, Guidelines, Snap to Guidelines, Snap to Objects dan Dynamic Guides.
34. Tambahkan guideline pada masing-masing sisi lembar kerja. Klik pada ruler horizontal atau vertical dan drag ke sisi lembar kerja untuk membuat guideline.
35. Sekarang buatlah objek yang pertama.
36. Gunakan Polyline tool dan gunakan guidline sebagai garis panduan untuk membuat objek. Dengan mengaktifkan pilihan snap to guidelines maka node dari objek yang dibentuk akan secara otomatis menempel pada guideline yang digunakan sebagai garis Bantu. Lihat Gambar
14
37. Usahakan sisi kiri dan kanan objek menempel pada guideline kiri dan kanan pada lembar kerja.
38. Dalam contoh ketebalan garis dibuat 1 pt agar mempermudah anda mengenali contoh objek yang dibuat.
39. Berikan warna pada objek yang sudah dibuat. Dalam contoh ini digunakan warna abu-abu (10% black) untuk warna dasar menghilangkan warna garis outline. Lihat gambar.
15
40. Masih dengan Polyline tool, buat objek berikutnya. Lihat gambar
16
41. Berikan warna pada objek kedua. Dalam contoh digunakan warna Deep yellow dan menghilangkan garis outline. Lihat gambar
17
42. Buat objek ketiga seperti gambar .
18
43. Beri warna pada objek ketiga dan hilangkan garis outline. Di sini digunakan warna Brick Red . Lihat gambar.
19
44. Pastikan objek ketiga masih dalam kondisi terpilih. Tekan Shift + PageDown untuk meletakkan objek terpilih di posisi paling belakang. Lihat Gambar.
20
45. Selanjutnya buat objek kotak dengan Rectangle Tool. Lihat gambar.
21
46. Beri warna dan hilangkan outline. Di sini digunakan warna abu-abu (30% Black). Lihat gambar
22
47. Tekan Shift + PageDown untuk meletakkan objek kotak ke posisi paling bawah. Lihat gambar.
23
48. Buat objek selanjutnya menggunakan Polyline Tool. Lihat gambar.
24
49. Beri warna putih pada objek Polyline dan hilangkan garis Outline. Lihat gambar.
25
50. Pastikan objek Polyline masih terpilih.
51. Tekan Ctrl + C kemudian paste untuk copy objek
52. Geser Polyline sedikit ke atas, Beri warna Orange pada Polyline hasil duplikat. Lihat Gambar.
26
53. Selesai sudah tampilan web bagian header
54.Gunakan Rectangular Tool untuk membuat tampilan web bagian footer.
55. Buat beberapa objek kotak di sisi bawah lembar kerja. Lihat gambar.
27
56. Pilih semua kotak dibagian footer.
57. Klik tombol Weld untuk menggabung menjadi satu.
59. Beri warna abu-abu (10% Black) pada objek footer dan hilangkan garis outline. Lihat gambar.
28
60. Kemudian masukkan objek logo yang telah anda buat tadi ke bagian header dan tambahkan dengan tulisan fadzlicious.com disebelah kanan logo. Beri kombinasi warna hitam dan putih. Di sini digunakan font Arial Siza 10 pt. Gunakan Text Tool untuk membuat teks. Lihat Gambar.
291
61. Berikutnya tambahkan beberapa teks untuk menu. Jenis Font = Arial, Sizae = 4 pt, warna = putih. Lihat gambar.
30
62. Berikan pembatas antarteks menu. Gunakan Polyline Tool untuk membentuk garis batas teks antarmenu. Berikan warna putih untuk objek garis dengan ketebalan garis = Hairline. Lihat gambar.
31
63. Untuk variasi, tambahkan beberapa pernik seperti object polygon. Gunakan Polygon Tool dengan bentuk 5 sisi. Lihat gambar.
32
64. Transparansi Polygon juga dapat diatur secara bervariasi.
65. Klik Menu Effects – Pilih Lens.
66. Pilih Beberapa objek Polygon, di dalam panel Lens pilih Transparency dengan nilai Rate = 40%, Color = Putih.
67. Terakhir tambahkan warna latar belakang.
68. Untuk warna latar belakang, kita menggunakan objek kotak. Ukuran objek kotak dibuat sebesar ukuran lembar kerja yaitu 760 x 600 pixel.
69. Beri warna pada objek kotak dengan warna yang diinginkan dan hilangkan garis outline. Dalam contoh digunakan warna putih untuk latar belakang.
70. Kemudian tekan Shift + PageDown sehingga objek kotak diletakkan di posisi paling belakang.
71. Desain tampilan web sudah selesai. Anda dapat menambahkan beberapa variasi lainnya dalam bentuk teks atau objek. Secara keseluruhan hasilnya tampak pada gambar.
full
72. Setelah selesai membuat tampilan web, langkah selanjutnya adalah mengekspor hasilnya ke dalam Adobe Photoshop CS2.
73. Simpan terlebih Dahulu hasil kerja anda dengan nama DESAIN WEB.cdr.

S'moga bermanfaat !!!!!!

Jgn lupa comment