After Effect Tutorial

Read More

Pengertian dan Sejarah Komputer

Komputer adalah alat yang dipakai untuk mengolah data  menurut perintah yang telah dirumuskan. Kata komputer semula dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan perhitungan aritmatika atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada mesin itu sendiri. Asal mulanya, pengolahan informasi hampir eksklusif berhubungan dengan masalah aritmatika, tetapi komputer modern dipakai untuk banyak tugas yang tidak berhubungan dengan matematika .

Secara luas, Komputer dapat didefinisikan sebagai suatu peralatan elektronik yang terdiri dari beberapa komponen, yang dapat bekerja sama antara komponen satu dengan yang lain untuk menghasilkan suatu informasi berdasarkan program dan data yang ada. Adapun komponen komputer adalah meliputi : Layar Monitor, CPU, Keyboard, Mouse dan Printer (sbg pelengkap). Tanpa printer komputer tetap dapat melakukan tugasnya sebagai pengolah data, namun sebatas terlihat dilayar monitor belum dalam bentuk print out (kertas).

Dalam definisi seperti itu terdapat alat seperti slide rule, jenis  kalkulator mekanik mulai dari abacus dan seterusnya, sampai semua komputer elektronik yang kotemporer . Istilah lebih baik yang cocok untuk arti luas seperti "komputer" adalah "yang memproses informasi " atau "system pengolahan informasi."

Saat ini, komputer sudah semakin canggih. Tetapi, sebelumnya komputer tidak sekecil, secanggih, sekeren dan seringan sekarang. Dalam sejarah komputer, ada 5 generasi dalam sejarah komputer.

Generasi komputer

Generasi Pertama

Dengan terjadinya Perang Dunia Kedua, negara-negara yang terlibat dalam perang tersebut berusaha mengembangkan komputer untuk mengeksploit potensi strategis yang dimiliki komputer. Hal ini meningkatkan pendanaan pengembangan komputer serta mempercepat kemajuan teknik komputer. Pada tahun 1941, Konrad Zuse, seorang insinyur Jerman membangun sebuah komputer, Z3, untuk mendesain pesawat terbang dan peluru kendali.

Pihak sekutu juga membuat kemajuan lain dalam pengembangan kekuatan komputer. Tahun 1943, pihak Inggris menyelesaikan komputer pemecah kode rahasia yang dinamakan Colossus untuk memecahkan kode rahasia yang digunakan Jerman. Dampak pembuatan Colossus tidak terlalu memengaruhi perkembangan industri komputer dikarenakan dua alasan. Pertama, Colossus bukan merupakan komputer serbaguna(general-purpose computer), ia hanya didesain untuk memecahkan kode rahasia. Kedua, keberadaan mesin ini dijaga kerahasiaannya hingga satu dekade setelah perang berakhir.

Usaha yang dilakukan oleh pihak Amerika pada saat itu menghasilkan suatu kemajuan lain. Howard H. Aiken (1900-1973), seorang insinyur Harvard yang bekerja dengan IBM, berhasil memproduksi kalkulator elektronik untuk US Navy. Kalkulator tersebut berukuran panjang setengah lapangan bola kaki dan memiliki rentang kabel sepanjang 500 mil. The Harvard-IBM Automatic Sequence Controlled Calculator, atau Mark I, merupakan komputer relai elektronik. Ia menggunakan sinyal elektromagnetik untuk menggerakkan komponen mekanik. Mesin tersebut beropreasi dengan lambat (ia membutuhkan 3-5 detik untuk setiap perhitungan) dan tidak fleksibel (urutan kalkulasi tidak dapat diubah). Kalkulator tersebut dapat melakukan perhitungan aritmatik dasar dan persamaan yang lebih kompleks.

Perkembangan komputer lain pada masa kini adalah Electronic Numerical Integrator and Computer (ENIAC), yang dibuat oleh kerjasama antara pemerintah Amerika Serikat dan University of Pennsylvania. Terdiri dari 18.000 tabung vakum, 70.000 resistor, dan 5 juta titik solder, komputer tersebut merupakan mesin yang sangat besar yang mengonsumsi daya sebesar 160kW.

Komputer ini dirancang oleh John Presper Eckert (1919-1995) dan John W. Mauchly (1907-1980), ENIAC merupakan komputer serbaguna (general purpose computer) yang bekerja 1000 kali lebih cepat dibandingkan Mark I.

Pada pertengahan 1940-an, John von Neumann (1903-1957) bergabung dengan tim University of Pennsylvania dalam usaha membangun konsep desain komputer yang hingga 40 tahun mendatang masih dipakai dalam teknik komputer. Von Neumann mendesain Electronic Discrete Variable Automatic Computer (EDVAC) pada tahun 1945 dengan sebuah memori untuk menampung baik program ataupun data. Teknik ini memungkinkan komputer untuk berhenti pada suatu saat dan kemudian melanjutkan pekerjaannya kembali. Kunci utama arsitektur von Neumann adalah unit pemrosesan sentral (CPU), yang memungkinkan seluruh fungsi komputer untuk dikoordinasikan melalui satu sumber tunggal. Tahun 1951, UNIVAC I (Universal Automatic Computer I) yang dibuat oleh Remington Rand, menjadi komputer komersial pertama yang memanfaatkan model arsitektur Von Neumann tersebut.

Baik Badan Sensus Amerika Serikat dan General Electric memiliki UNIVAC. Salah satu hasil mengesankan yang dicapai oleh UNIVAC dalah keberhasilannya dalam memprediksi kemenangan Dwilight D. Eisenhower dalam pemilihan presiden tahun 1952.

Komputer Generasi pertama dikarakteristik dengan fakta bahwa instruksi operasi dibuat secara spesifik untuk suatu tugas tertentu. Setiap komputer memiliki program kode biner yang berbeda yang disebut "bahasa masin" (machine language). Hal ini menyebabkan komputer sulit untuk diprogram dan membatasi kecepatannya. Ciri lain komputer generasi pertama adalah penggunaan tube vakum (yang membuat komputer pada masa tersebut berukuran sangat besar) dan silinder magnetic untuk penyimpanan data.

Generasi Kedua

Pada tahun 1948, penemuan transistor sangat memengaruhi perkembangan komputer. Transistor menggantikan tube vakum di televisi, radio, dan komputer. Akibatnya, ukuran mesin-mesin elektrik berkurang drastis.

Transistor mulai digunakan di dalam komputer mulai pada tahun 1956. Penemuan lain yang berupa pengembangan memori inti-magnetik membantu pengembangan komputer generasi kedua yang lebih kecil, lebih cepat, lebih dapat diandalkan, dan lebih hemat energi dibanding para pendahulunya. Mesin pertama yang memanfaatkan teknologi baru ini adalah superkomputer. IBM membuat superkomputer bernama Stretch, dan Sprery-Rand membuat komputer bernama LARC. Komputer-komputer ini, yang dikembangkan untuk laboratorium energi atom, dapat menangani sejumlah besar data, sebuah kemampuan yang sangat dibutuhkan oleh peneliti atom. Mesin tersebut sangat mahal dan cenderung terlalu kompleks untuk kebutuhan komputasi bisnis, sehingga membatasi kepopulerannya. Hanya ada dua LARC yang pernah dipasang dan digunakan: satu di Lawrence Radiation Labs di Livermore, California, dan yang lainnya di US Navy Research and Development Center di Washington D.C. Komputer generasi kedua menggantikan bahasa mesin dengan bahasa assembly. Bahasa assembly adalah bahasa yang menggunakan singkatan-singakatan untuk menggantikan kode biner.

Pada awal 1960-an, mulai bermunculan komputer generasi kedua yang sukses di bidang bisnis, di universitas, dan di pemerintahan. Komputer-komputer generasi kedua ini merupakan komputer yang sepenuhnya menggunakan transistor. Mereka juga memiliki komponen-komponen yang dapat diasosiasikan dengan komputer pada saat ini: printer, penyimpanan dalam disket, memory, sistem operasi, dan program.

Salah satu contoh penting komputer pada masa ini adalah 1401 yang diterima secara luas di kalangan industri. Pada tahun 1965, hampir seluruh bisnis-bisnis besar menggunakan komputer generasi kedua untuk memprosesinformasi keuangan.

Program yang tersimpan di dalam komputer dan bahasa pemrograman yang ada di dalamnya memberikan fleksibilitas kepada komputer. Fleksibilitas ini meningkatkan kinerja dengan harga yang pantas bagi penggunaan bisnis. Dengan konsep ini, komputer dapat mencetak faktur pembelian konsumen dan kemudian menjalankan desain produk atau menghitung daftar gaji. Beberapa bahasa pemrograman mulai bermunculan pada saat itu. Bahasa pemrograman Common Business-Oriented Language (COBOL) dan Formula Translator (FORTRAN) mulai umum digunakan. Bahasa pemrograman ini menggantikan kode mesin yang rumit dengan kata-kata, kalimat, dan formula matematika yang lebih mudah dipahami oleh manusia. Hal ini memudahkan seseorang untuk memprogram dan mengatur komputer. Berbagai macam karier baru bermunculan (programmer, analis sistem, dan ahli sistem komputer). Industr piranti lunak juga mulai bermunculan dan berkembang pada masa komputer generasi kedua ini.

Generasi Ketiga

Walaupun transistor dalam banyak hal mengungguli tube vakum, namun transistor menghasilkan panas yang cukup besar, yang dapat berpotensi merusak bagian-bagian internal komputer. Batu kuarsa (quartz rock) menghilangkan masalah ini. Jack Kilby, seorang insinyur di Texas Instrument, mengembangkan sirkuit terintegrasi (IC : integrated circuit) di tahun 1958. IC mengkombinasikan tiga komponen elektronik dalam sebuah piringan silikon kecil yang terbuat dari pasir kuarsa. Pada ilmuwan kemudian berhasil memasukkan lebih banyak komponen-komponen ke dalam suatu chip tunggal yang disebut semikonduktor. Hasilnya, komputer menjadi semakin kecil karena komponen-komponen dapat dipadatkan dalam chip. Kemajuan komputer generasi ketiga lainnya adalah penggunaan sistem operasi (operating system) yang memungkinkan mesin untuk menjalankan berbagai program yang berbeda secara serentak dengan sebuah program utama yang memonitor dan mengkoordinasi memori komputer.

Generasi Keempat

Setelah IC, tujuan pengembangan menjadi lebih jelas: mengecilkan ukuran sirkuit dan komponen-komponen elektrik. Large Scale Integration (LSI) dapat memuat ratusan komponen dalam sebuah chip. Pada tahun 1980-an, Very Large Scale Integration (VLSI) memuat ribuan komponen dalam sebuah chip tunggal.

Ultra-Large Scale Integration (ULSI) meningkatkan jumlah tersebut menjadi jutaan. Kemampuan untuk memasang sedemikian banyak komponen dalam suatu keping yang berukurang setengah keping uang logam mendorong turunnya harga dan ukuran komputer. Hal tersebut juga meningkatkan daya kerja, efisiensi dan keterandalan komputer. Chip Intel 4004 yang dibuat pada tahun 1971membawa kemajuan pada IC dengan meletakkan seluruh komponen dari sebuah komputer (central processing unit, memori, dan kendali input/output) dalam sebuah chip yang sangat kecil. Sebelumnya, IC dibuat untuk mengerjakan suatu tugas tertentu yang spesifik. Sekarang, sebuah mikroprosesor dapat diproduksi dan kemudian diprogram untuk memenuhi seluruh kebutuhan yang diinginkan. Tidak lama kemudian, setiap piranti rumah tangga seperti microwave, oven, televisi, dan mobil dengan electronic fuel injection (EFI) dilengkapi dengan mikroprosesor.

Perkembangan yang demikian memungkinkan orang-orang biasa untuk menggunakan komputer biasa. Komputer tidak lagi menjadi dominasi perusahaan-perusahaan besar atau lembaga pemerintah. Pada pertengahan tahun 1970-an, perakit komputer menawarkan produk komputer mereka ke masyarakat umum. Komputer-komputer ini, yang disebut minikomputer, dijual dengan paket piranti lunak yang mudah digunakan oleh kalangan awam. Piranti lunak yang paling populer pada saat itu adalah program word processing dan spreadsheet. Pada awal 1980-an, video game seperti Atari 2600 menarik perhatian konsumen pada komputer rumahan yang lebih canggih dan dapat diprogram.

Pada tahun 1981, IBM memperkenalkan penggunaan Personal Computer (PC) untuk penggunaan di rumah, kantor, dan sekolah. Jumlah PC yang digunakan melonjak dari 2 juta unit di tahun 1981 menjadi 5,5 juta unit di tahun 1982. Sepuluh tahun kemudian, 65 juta PC digunakan. Komputer melanjutkan evolusinya menuju ukuran yang lebih kecil, dari komputer yang berada di atas meja (desktop computer) menjadi komputer yang dapat dimasukkan ke dalam tas (laptop), atau bahkan komputer yang dapat digenggam (palmtop).

IBM PC bersaing dengan Apple Macintosh dalam memperebutkan pasar komputer. Apple Macintosh menjadi terkenal karena memopulerkan sistem grafis pada komputernya, sementara saingannya masih menggunakan komputer yang berbasis teks. Macintosh juga memopulerkan penggunaan piranti mouse.

Pada masa sekarang, kita mengenal perjalanan IBM compatible dengan pemakaian CPU: IBM PC/486, Pentium, Pentium II, Pentium III, Pentium IV (Serial dari CPU buatan Intel). Juga kita kenal AMD k6, Athlon, dsb. Ini semua masuk dalam golongan komputer generasi keempat.

Seiring dengan menjamurnya penggunaan komputer di tempat kerja, cara-cara baru untuk menggali potensial terus dikembangkan. Seiring dengan bertambah kuatnya suatu komputer kecil, komputer-komputer tersebut dapat dihubungkan secara bersamaan dalam suatu jaringan untuk saling berbagi memori, piranti lunak, informasi, dan juga untuk dapat saling berkomunikasi satu dengan yang lainnya. Jaringan komputer memungkinkan komputer tunggal untuk membentuk kerjasama elektronik untuk menyelesaikan suatu proses tugas. Dengan menggunakan perkabelan langsung (disebut juga Local Area Network atau LAN), atau [kabel telepon, jaringan ini dapat berkembang menjadi sangat besar.

Generasi Kelima

Mendefinisikan komputer generasi kelima menjadi cukup sulit karena tahap ini masih sangat muda. Contoh imajinatif komputer generasi kelima adalah komputer fiksi HAL9000 dari novel karya Arthur C. Clarke berjudul 2001: Space Odyssey. HAL menampilkan seluruh fungsi yang diinginkan dari sebuah komputer generasi kelima. Dengan kecerdasan buatan (artificial intelligence atau AI), HAL dapat cukup memiliki nalar untuk melakukan percapakan dengan manusia, menggunakan masukan visual, dan belajar dari pengalamannya sendiri.

Walaupun mungkin realisasi HAL9000 masih jauh dari kenyataan, banyak fungsi-fungsi yang dimilikinya sudah terwujud. Beberapa komputer dapat menerima instruksi secara lisan dan mampu meniru nalar manusia. Kemampuan untuk menterjemahkan bahasa asing juga menjadi mungkin. Fasilitas ini tampak sederhana. Namun fasilitas tersebut menjadi jauh lebih rumit dari yang diduga ketika programmer menyadari bahwa pengertian manusia sangat bergantung pada konteks dan pengertian ketimbang sekedar menterjemahkan kata-kata secara langsung.

Banyak kemajuan di bidang desain komputer dan teknologi yang semakin memungkinkan pembuatan komputer generasi kelima. Dua kemajuan rekayasa yang terutama adalah kemampuan pemrosesan paralel, yang akan menggantikan model non Neumann. Model non Neumann akan digantikan dengan sistem yang mampu mengkoordinasikan banyak CPU untuk bekerja secara serempak. Kemajuan lain adalah teknologi superkonduktor yang memungkinkan aliran elektrik tanpa ada hambatan apapun, yang nantinya dapat mempercepat kecepatan informasi.

Jepang adalah negara yang terkenal dalam sosialisasi jargon dan proyek komputer generasi kelima. Lembaga ICOT (Institute for new Computer Technology) juga dibentuk untuk merealisasikannya. Banyak kabar yang menyatakan bahwa proyek ini telah gagal, namun beberapa informasi lain bahwa keberhasilan proyek komputer generasi kelima ini akan membawa perubahan baru paradigma komputerisasi di dunia.

Read More

Cahaya dan Pencahayaan dalam pembuatan film

Cahaya adalah unsur tata artistik yang paling penting dalam pertunjukan teater atau produksi film. Tanpa cahaya maka penonton tidak dapat menyaksikan apa-apa karena gelap tak bisa dilihat.

Shooting adalah melukis dengan cahaya. Unsur cahaya berarti sangat penting dalam pembuatan film maupun acara televisi. Cahaya tidak selalu berurusan dengan lampu. Ada sumber cahaya lain selain dari sumber lampu. Secara sederhana ada dua jenis sumber pecahayaan, yakni pencahayaan alami (natural) dan pencahayaan buatan(artificial).

Cahaya merupakan gelombang elektromagnestis yang diterima oleh indera penglihat (mata) yang kemudian diteruskan ke otak yang akan merespon, menanggapi ransangan cahaya terebut. Sederhanya, tanpa cahaya maka benda tidak akan kelihatan. Atas dasar itulah, produksi film dan video memerlukan cahaya agar subyek bisa terlihat.

Pencahayaan televisi dan film memiliki fungsi-fungsi berikut:

• Menyinari obyek/subyek

• Menciptakan gambar yang artistik,

• Menghilangkan bayangan yang tidak perlu

• Membuat efek khusus.

Menyinari objek artinya memberikan pencahyaan agar objek atau subjek bisa terlihat jelas sesuai konsep film itu sendiri. Tidak semua bayangan itu diperlukan dan tidak semua bayangan tidak diperlukan. Dengan pencahayaan tetentu bayangan bisa dihilangkan, dikurangi,atau bahkan ditambah. Perlu tidaknya bayangan atau shadow, lagi-lagi sangat tergantung dari konsep film itu sendiri.

Three Points Lighting

Ini sudah menjadi rumusan atau formula dasar sebuah pencahayaan dalam produksi video, film, dan foto. Tiga poin penting itu terdiri atas : Key Light, Fill Light, Back Light.

Key Light adalah pencahayaan utama yang diarahkan pada objek. Keylight merupakan sumber pencahayaan paling dominan. Biasanya keylight lebih terang dibandingkan dengan fill light. Dalam desain 3 poin pencahyaan, keylight ditempatkan pada sudut 45 derajat di atas subjek.

Fill Light merupakan pencahyaan pengisi, biasanya digunakan untuk menghilagkan bayangan objek yang disebabkan oleh key light. Fill light ditempatkan berseberangan dengan subyek yang mempunyai jarak yang sama dengan keylight. Intensitas pencahyaan fill light biasanya setengah dari key light.

Back Light, pencahayaan dari arah belakang objek, berfungsi untuk meberikan dimensi agar subjek tidak “menyatu” dengan latar belakang. Pencahyaan ini diletakkan 45 derajat di belakang subyek. Intensitas pencahyaan backlight sangat tergantung dari pencahayaan key light dan fill light, dan tentu saja tergantung pada subyeknya. Misal backlight untuk orang berambut pirang akan sedikit berbeda dengan pencahayaan untuk orang dengan warna rambut hitam.

Selain 3 poin pencahayaan tadi masih ada jenis pencahyaan lainnya, yakni Background Light dimaksudkan agar setting/panggung tetap bisa kelihatan dengan baik.

Arah Cahaya

Arah cahaya dari pencahayaan akan bergantung pada ketinggian dan sudut dari sumber cahaya tadi. Dari atas, bawah, atau rata dengan obyek? Dengan demikian kita akan tahu bayangan yang dihasilkan cahaya tadi jatuh dimana. Peletakan sumber cahaya di atas subyek akan menghasilkan efek yang berbeda jika dibandingkan dengan peletakkan sumber cahaya dari arah bawah subyek. Arah pencahyaan ini biasanya disebut sebagai down angle dan up angle. Dengan down angle akan menghasilkan bayangan yang jatuh kea rah tubuh (kalau subyeknya orang). Sebagai contoh, konsep down angle bisa dilakukan pada scene interograsi, akan kelihatan dramatis. Sedangkan up angle akan menghasilkan pencahayaan yang kurang lazim, namun dengan penempatan pencahayaan seperti ini subyek akan kelihatan powefull dan gagah.

Kualitas Cahaya Kualitas pencahayaan berkaitan dengan keras atau lembutnya pencahyaan itu sendiri. Secara garis besar ada dua kualitas pencahayaan, yaitu hard light dan soft light. Hard light mempunyai karakteristik pencahyaan yang kuat dimana shadow atau bayangan lebih terlihat jelas. Softlight memiliki karakter sebaliknya, antara pencahyaan dengan bayangan hanya memiliki perbedaan yang tipis.

Rasio Pencahayaan

Lighting Ratio merupakan perbandingan antara brightness dan lightnest. Misalnya perbandingan 2:1, dimana pencahayaan area terang dua kali lipat dibanding area gelap. Teknologi video memungkinkan sampai pada rasio 4:1, area terang memiliki intensitas 4 kali lebih terang dibandingkan area gelap. Jika lebih dari itu, maka unsur detail bayangan atau shadow akan hilang.

Kontrol Cahaya

Ini merupakan metode untuk menambah atau mengurangi pencahayaan dari sumber cahaya. Penambahan atau pengurangan ini untuk menghasilkan efek tertentu. Misalnya efek cahaya matahari yang memancar masuk pada jendela kamar tidur, digunakan translucent yang ditempelkan dekat sumber cahaya.

Mengukur Intensitas

Intensitas cahaya yang yang dihasilkan dari key light, fill light,serta backlight bisa diukur oleh sebuah alat yakni Lightmeter. Ada dua jenis alat ini yaitu Incident and Reflectant. Incident diperuntukkan untuk mengukur intensitas cahaya yang “jatuh” pada subjek. Sedangkan Reflectant dipergunakan untuk mengukur intensitas cahaya yang dipantulkan oleh subyek.

Jenis-Jenis Lighting Banyak sekali jenis lampu yang digunakan dalam proses pengambilan gamar atau shooting. Jenis lampu itu terdiri atas :

Blonde :1000-2000 watt, biasanya digunakan sebagai pencahayaan flood untuk area yang luas

Readhead : 650 – 1000 watt, digunakan sebagai key flood untuk area yang luas

Pepper Light : 100 – 1000 watt, lampu dengan intensitas rendah digunakan khusus untuk key atau fill light

HMI : ini merupakan jenis lampu kualitas tinggi

Hallogen : 100 – 500 watt, digunakan sebahgai key flood untuk area luas, jenis lampu ini biasanya digunakan untuk produksi dengan budgeting rendah.

Fresnell : jenis lampu yang memiliki lensa khusus yang memancarkan cahaya

Temperatur Warna

Temperatur Warna merupakan kesan yang ditimbulkan oleh cahaya terhadap sebuah obyek ketika cahaya itu mengenai obyek. Ukuran temperatur warna dinyatakan dalam satuan derajat Kelvin (K). Semakin besar ukuran derajat Kelvin, maka warna obyek semakin putih, kebalikkanya maka obyek akan terlihat semakin menguning.

sumber: http://kasmanto.wordpress.com 

Read More

Buat Web Sederhana dengan Dreamwever

Cara pembuatan Website sederhana
Pada contoh ini kita menggunakan prog dreamweaver untuk pembuatan web sederhana ini


1. Buka prog Dreamwever
2. Pilih menu create new HTML
3. Untuk membuat halaman berada tepat ditengah layar pili Align Center pada toolbar yang ada di bawah
4. Klik Icon Table pada Toolbox untuk pembuatan table
5. Isikan angka 3 untuk Row text area dan 3 pada columns text area
6. isiskan nilai 750 pada table Width atau lebar table
7. jika sudah klik Ok
8. Untuk memberi Warna pada Backgraound belakang klik tombol Page Properties pada Bar Properties
9. Lalu beri warna dengan kode #999999 kemudian klik ok
10. pilih kolom pertama baris pertama lalu pilih icon image pada tool box untuk memasukan gambar
11. pilih lokasi gambar jika gambar sudah ditemukan klik ok untuk memuat gambar.
12. Atur besar gambar dengan cara mendrag gambar.
13. setelah itu letakan pointer pada kolom 1 baris 2 lalu drag sampai kolo 1 baris 3 kemudian klik kanan dan pilih Marge Cell
14. setelah itu klik icon Flash yang ada pada toolbox, kemudian untuk memuat banner dengan animasi yang kita buat dengan format Swf caranya sama seperti kita memasukan image yaitu cari lokasi file tempat dimana kita menyimpan animasi tersebut kemudian jika sudah klik ok.
15. setela itu untuk melihat tampilannya tekan tombol f12 beri nama file halaman depan kemudian klik Yes.
16. Kemudian letakan Pointer pada kolom 2 baris pertama lalu drag sampai kolom 2 baris ketiga lalu klik     kanan pilih Marge Cell (Alt+Shift+M)
17. lalu ketikan text sbb: Home|Gallery|Fasilitas|Halaman Guru|Halaman|Siswa|Profil
18. Lalu pilih kolom 3 baris pertama kemudian isikan kata pengantar.
19. kemudian untuk membuat form komentar pilih menu-Insert-Form-Text Area.
20. kemudian untuk mengatur form tersebut klik Form tersebut isikan nilai 30 untuk : Char Width dan 6 untuk Num Lines.
21. untuk menyambungkan (Link) halaman depan dengan halaman selanjutnya blok kata profi lalu pilih tombol link pada bar properties lalu pilih lokasi penyimpanan file jika sudah pilih file lalu klik ok.


Contoh lain :
Langkah membuat web design :
1. Buka Program Photoshop untuk membuat bennernya
2. Save pada satu folder
3. Lalu buat templatenya dulu dengan cara-cara berikut
4. Setelah benner selesai dibuat buka program dreamweaver
5. Buat tabel Row : 1 Cells : 1
6. W : 950 H : 248
7. Masukan benner yang telah dibuat tersebut dengan cara Common -> image -> pilih benner -> ok
8. Buat tabel Row : 2 Cells : 3 lalu hilangkan garis rownya
9. Kolom 1 berjarak 215 Kolom 2 berjarak 571 Kolom 3 berjarak 150
10. Lalu buat Tabel di kolom paling kiri dengan ketentuan Row : 3 Cells : 1
11. Dari masing-masing tabel itu tulis Home, Profil, Link terkait lalu save terlebih dahulu dengan nama templete
12. Profil di blok lalu di bagian properties->link isi dengan Profil.html lalu pilih Windows->behaviors->tekan tanda + ->Show Pop-Up menu->Continue->textnya tulis sejarah lalu tekan tanda + lagi lalu tulis bidang keahlian->ok
13. Setelah itu masukan gambar jam dengan cara insert -> media -> flash (ctrl+alt+f)
14. Lalu buat buku tamu dengan cara buat tabel Row : 4 Cells : 2
15. Pada Row 1 tulis Nama Cells 1 isi dengan text Field dengan cara Forms->text field
16. Pada Row 2 tulis Email Cells 2 isi dengan text Field dengan cara Forms->text field
17. Pada Row 3 tulis Komentar Cells isi dengan text Field dengan cara Forms->text field
18. Pada Row 4 tidak usah ditulis Cells isi dengan text Forms -> Button -> ok
19. Lalu klik button tersebut Valuenya diganti dengan nama Kirim
20. Kolom yang ditengah biarkan kosong terlebih dahulu
21. Lalu untuk kolom yang di paling kanan kita beri jajak pendapat untuk memilih pilihan yang ada dengan cara pilih Forms->Radio button
22. Setelah itu masukan kalender flash dengan cara inset->media->flash (ctrl+alt+f)
23. Lalu Save dengan nama template
24. Setelah itu baru membuat home
25. Isi di kolom tengah yang dikosongkan tadi
26. Masukan gambar foto sekolah lalu ukuranya di perkecil
27. Setelah itu ketik sambutan dari kepala sekolah
28. Lalu tittlenya diganti dengan Home-SMK Negeri 7 Jakarta
29. Lalu pilih File->Save As->File namenya di beri nama home
30. Setelah selesai membuat home buat isi profil dengan cara hapus semua isi home ganti dengan isi profil lalu tittlenya dig anti menjadi profil-SMK Negeri 7 Jakarta
31. Lalu Save As dengan nama profil
32. Setelah itu buat isi profil Sejarah lalu ganti tittlenya dengan nama Sejarah-SMK Negeri 7 Jakarta
33. Lalu Save As dengan nama Sejarah
34. Setelah itu Hapus kolom tengahnya untuk membuat isi Bidang keahlian lalu ganti tittlenya dengan nama bidang keahlian SMK Negeri 7 Jakarta
35. Lalu Save As dengan nama Bidang keahlian
36. Lalu hapus lagi kolom tengahnya untuk membuat link terkait lalu ganti tittlenya dengan nama link terkait-SMK Negeri 7 Jakarta
37. Lalu Save As dengan nama Link terkait
38. Setelah semuanya sudah di save baru mengelink dari halaman pertama ke halaman berikutnya dengan cara
39. Buka home yang tadi sudah di save lalu blok profil lalu link ke profil.html, setelah itu di show pop-up menu klik kanan -> edit behaviors lalu di sejarah klik icon folder lalu pilih sejarah lalu ok setelah itu di bidang keahlian klik icon folder bidang keahlian lalu ok dan ok lagi lalu blok link terkait lalu link ke link terkait.html lalu di save
40. Buka profil yang tadi sudah di save lalu blok home lalu link ke home.html, setelah itu di show pop-up menu klik kanan -> edit behaviors lalu di sejarah klik icon folder lalu pilih sejarah lalu ok setelah itu di bidang keahlian klik icon folder bidang keahlian lalu ok dan ok lagi lalu blok link terkait lalu link ke link terkait.html lalu di save
41. Buka Sejarah yang tadi sudah di save lalu blok home lalu link ke home.html, lalu blok profil lalu di link ke profil.html setelah itu di show pop-up menu klik kanan -> edit behaviors lalu di bidang keahlian klik icon folder bidang keahlian lalu ok dan ok lagi lalu blok link terkait lalu link ke link terkait.html lalu di save
42. Buka bidang keahlian yang tadi sudah di save lalu blok home lalu link ke home.html, lalu blok profil lalu di link ke profil.html setelah itu di show pop-up menu klik kanan -> edit behaviors lalu di sejarah klik icon folder sejarah lalu ok dan ok lagi lalu blok link terkait lalu link ke link terkait.html lalu di save
43. Buka link terkait yang tadi sudah di save lalu blok home lalu link ke home.html, setelah itu blok profil link ke profil.html setelah itu di show pop-up menu klik kanan -> edit behaviors lalu di sejarah klik icon folder lalu pilih sejarah lalu ok setelah itu di bidang keahlian klik icon folder bidang keahlian lalu ok dan ok lagi lalu di save.


LANGKAH – LANGKAH MEMBUAT WEB YANG LAIN
DARI PROGRAM DREAMWEAVER 


1. buka program dreamweaver ( START – ALL PROGRAM – MACROMEDIA – DREAMWEAVER ) pilih HTML .
( HOME PAGE )
2. klik icon TABLE pada panel ROWS masukan 1, COUMN 1 , WIDTH 600.
3. perbesar table kebawah, lalu masukan gambar homepage dengan cara INSERT – IMAGE – pilih gambar yang akan di masukan – OK , DRAG AND DROP gambar yang akan dimasukan.
4. lalu untuk isi website buat table dengan baris 5 kolom 1.
5. pada baris pertama masukan kata HOME untuk link ke home page website.
6. pada baris ke 2 masukan GALLERY untuk melihat gambar – gambar yang disimpan di website tersebut.
7. pada baris ke 3 masukan ABOUT ME untuk tempat halaman tentang anda sendiri.
8. pada baris ke 4 masukan COMMENT untuk memasukan comment dari orang lain kepada anda .
9. pada baris ke 5 buat lah search engine dengan cara di sudut atas toolbar ada pilihan COMMON ganti pilihan tersebut dengan FORMS lalu pilih TEXT FIELD – ok.
10. untuk tombol search pilih BUTTON, klik tombol tersebut lalu pilih properties pada panel button name dan value ganti menjadi search.
11. klik pada kolom tersebut pada panel properties ganti panel method dengan GET dan pada panel action masukan http://www.google.com/.
12. buat table baru 1 baris 1 kolom.
13. perbesar dan masukan apa yang anda inginkan untuk halaman utama contoh gambar , tentang anda , jam, dll.
14. setelah itu buat table kembali untuk menempatkan link ke url besar contoh yahoo, google, youtube, dll. Dengan cara masukan gambar icon perusahaan ternama tersebut deangan cara insert – image – (pilih gambar) – ok , klik pada gambar tersebut lalu buka panel properties – pada panel link masukan url website tersebut.
15. setelah semuanya telah diatur sesuai keinginan simpan halaman tersebut dengan cara klik FILE – SAVE – homepage.html – ok .


( GALLERY )
1. buat 1 halaman html gallery .
2. copy halaman homepage ke gallery, lalu hilangkan halaman utama tentang anda yang anda masukan dan ganti dengan gambar – gambar yang anda inginkan.
3. lalu save dengan nama gallery .


( ABOUT ME )
1. buat 1 halaman html .
2. copy halaman home page dan paste, hilangkan halaman utama tentang anda yang anda masukan dan ganti dengan informasi atau biodata anda
3. buat table baru dengan baris 7 kolom 2 .
4. pada baris ke 1 masukan kata nama, ke 2 alamat , ke 3 tanggal lahir , ke 4 pekerjaan , ke 5 hobi , ke 6 no telp, ke 7 e-mail. Dan isi table tersebut dengan identitas anda.
5. bila anda ingin meyimpan foto anda, buat table baru 1 baris 1 kolom . lalau masukan foto anda di table tersebut dan taruh di sebelah kanan biodata anda.
6. simpan file tersebut dengan nama about me.html.
Nama …………..
Alamat ……………
Ttl …………..
Pekerjaan …………..
Hobi …………..
No tlp ………….
e-mail. ……………
7. contoh table :


( COMMENT )
1. buat halaman baru html .
2. copy halaman home page dan paste, hilangkan halaman utama tentang anda yang anda masukan dan ganti dengan informasi atau biodata anda
3. buat 1 tabel dengan 1 baris 1 kolom .
4. buat text area di dalamnya deangan cara di sudut atas toolbar ada pilihan COMMON ganti pilihan tersebut dengan FORMS lalu pilih TEXT AREA . dan tempatkan di dalam table.
5. lalu buat button dengan cara pilih BUTTON. Dan tempat kan di dalam table.
6. simpan file tersebut dngan nama comment .html.


( LINK SEMUA HALAMAN )
1. buka semua file yang anda buat .
2. pada file comment , blok kata comment pada panel link clik icon folder lalu pilih file homepage.
3. buka file gallery , blok kata gallery pada panel link clik icon folder lalu pilih file homepage.
4. buka file comment , blok kata comment pada panel link clik icon folder lalu pilih file homepage.
5. lalu save as semua file dengan nama yang sama dengan nama sebelumnya.
6. setelah itu buka kembali semua halaman yang anda buat, buka halaman home page anda .
7. blok kata home anda pada panel link clik icon folder lalu pilih file homepage.
8. blok kata gallery anda pada panel link clik icon folder lalu pilih file gallery
9. blok kata about me anda pada panel link clik icon folder lalu pilih file about me
10. blok kata comment anda pada panel link clik icon folder lalu pilih file comment.
11. setelah itu save as kembali semua file anda .
12. sekarang buat sebuah folder dengan nama website ku
13. masukan semua file anda dan gambar atau animasi dan lagu yang anda masukan dalam website anda tersebut agar saat ditampilkan website anda bias menampilkan gambar dan animasi atau lagu anda tersebut .
14. sekarang website anda siap di jalankan .


CONTOH : Langkah – langkah membuat website sekolah
” buat background semua halaman dengan warna gray 25% (menu properties ->page properties lalu buat background dengan gray 25% -> Ok)”


1. Bukalah program dream waver –> lalu pilih HTML pada tampilan awal / pembuka ( bila terdapat tampilan pilihan
2. Lalu pilih table pada menu common ( pada menu table masukan 1 pada row 1 pada Columns lalu pada table widths masukan 600 lalu pilih OK )
3. Setelah itu klik isi table -> pada menu properties –> pilih bg (Back Ground) klik tampilan foder pada colom bg – setelah itu masukan gambar yang di inginkan sebagai banner (masukan Gambar haseo tampilannya hanya kepalanya saja taruh di sebelah kiri)
4. Masukan kata WELCOME TO MY WORLD pada table banner letaknya di center dan middle
5. Lalu tekan enter –> lalu ketik kata Home –> Gallery –> Info –> Faq (tuliskan berikut enter) “ untuk pilihan menu ”
Contoh:
- Home
- Gallery
- Info
- Faq
6. Lalu pada kolom samping kanan buat draw layer pada menu layout lalu atur dengan cara pilih pada menu properties ubah W menjadi 660px dan H 170px -> lalu masukan animasi (tampilanya kata SMK Negeri 7 Jakarta Timur Dikelilingi oleh gambar Tutwuri Handayani) Dengan ukuran 660 , 170( dengan cara pilih media pada menu common -> plugins masukan animasi yang telah di buat)
7. lalu di bawah tampilan web buat table dengan 2 Columns dan 1 Row dengan ukuran H 200 dan W disamakan dengan ukuran tampilan di atas
8. Lalu pada kolom sebelah kiri buat tulisan dengan kata –> kata
Assalamu ‘alaikum ……………………………( salam dari kepala sekolah SMK Negeri 7)
9. kolom sebelah kiri taruh foto kepala sekolah SMKN 7
10. tampilan untuk penutup web atau paling bawah taruh sponsor –> sponsor ( logo-logo) yang kamu punya contoh tutwuri handayani (wajib), vista , e-dukasi.net dll dengan cara sama seperti cara menaruh gambar ( Pilih image pada menu common lalu pilih tempat gambar yang kamu taruh).
11. dibawah tampilan sponsor tulis dengan kata created by …….. (namamu) lalu Save dengan nama Home jangan lupa untuk merubah title dengan nama Home.) (sebelumnya buat folder khusus untuk menaruh website ini)
12. Lalu buat hal baru di menu file –> new -> lalu di hal Home copy banner lalu di paste pada hal lalu untuk pilihan menu -> buat table dengan row 1 dan columns 4 -> Ok, buat ukuran H seminim mungkin dan W sejajar dengan banner.
13. lalu tulis kata Home dll dengan cara
Contih : Home || Gallery || Info || Faq
14. buat Tabel dengan rows 4 dan 2 columns ->Ok -> pada masing – masing kolom masukan gambar dengan ukuran W 300 H 120 lalu buat lah linknya dengan cara klik gambar lalu pada menu properties di pilihan link klik foldernya lalu pilih tempat gambar sempurnanya dan seterusnya.
15. lalu pada tampilan bawahnya copy paste tampilan semua sponsor dan created di hal Home lalu ubah title dengan nama Gallery dan Save dengan nama Gallery di folder Website
Home
Gallery
Info
Faq
16. buatlah hal baru lalu copy paste banner sebelumnya dan buat lah draw layer pada menu layout di bawah dengan ukuran seminim mungkin dengan tulisan Home (enter) Gallery (enter) Info (enter) Faq Contoh:
17. lalu klik draw layer lalu pada menu properties ubah overflow menjadi scroll lalu tampilan di samping kanan buat draw layer sejajarkan dengan tampilan banner lalu isi dengan animasi yang ada di hal Home setelah itu buat table dengan row 2 dan columns 2 dan ukuran H 400 dan W sama dengan ukuran di atas.
18. lalu isi dengan tulisan di bawah ini
Folder Pribadi
Cara membuat Folder Pribadi
Klik
Membantai autorun
Hancurkan Virus Autorun
Klik
Tune Computer
Proses2 Membuat Cepatkan Komputer
Klik
Hardware
Informasi Tentang Hardware
Klik
19. lalu copy paste sponsor dan created pada halaman2 sebelumnya – ubah title menjadi Info lalu save dengan nama Info di foder website
20. buat hal baru lalu copy paste banner sebelumnya lalu copy paste juga pilihan menu pada hal Gallery
21. lalu buatlah table dengan row dan columns 1 dan ukuranya sama seperti banner dengan H 200
22. buat tulisan yaitu Contoh

1. Google.com
2. Yahoo.com
3. e-dukasi.net
4. download.com
5. adobe.com
6. free-av.com
7. grisoft.com
8. baba.com
9. mail.google.com

10. mail.yahoo.com
23. link dengan nama sama seperti di atas ( pilih Form link lalu tuliskan nama link sesuai dengan yang tertulis)
24. ubah title menjadi Faq lalu save dengan nama Faq lalu modif masing – masing pilihan menu pada masing – masing halaman link dengan sesuai namaya Contoh:
Home ( Home.html )
Gallery ( Gallery.html)
Info ( Info.html )
Faq ( Faq.html )

Read More