DreamWeaver

1. Silahkan jalankan program Dreamweaver jika pembaca telah menginstalnya.

2. Pada menu utama, pilih File --> New, maka akan muncul tampilan pilihan jenis dokumen baru yang ingin kita buat. Maksudnya adalah kita memilih apakah ingin membuat halaman web basic (statis), web dinamis (biasanya untuk web berbasis database), halaman template, dan lain-lain. Setiap kategori terdiri dari beberapa jenis dokumen. Menurut saya jenis ini dibedakan berdasarkan bahasa dan fungsi yang akan digunakan untuk halaman website yang akan kita buat. Karena saat ini kita mencoba belajar yang dasar terlebih dahulu, maka silahkan pilih kategori Basic Page dan jenisnya HTML.

3. Tampilan layar desain Dreamweaver terdiri dari 3 jenis, yaitu code, split, dan design. 

Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetikbahasa pemograman secara langsung. Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang kita buat. Pada bagian design, kita membuat website dengan menggunakan menu-menu yang tersedia, misalnya menu menambahkan gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain. Kita tidak perlu mengetik bahasa pemograman halaman web yang kita buat karena secara otomatis, setiap kita menambahkan sebuah elemen, maka dreamweaver akan menerjemaahkannya kedalam kalimat-kalimat bahasa pemograman yang kita gunakan. Inilah keunggulan dreamweaver dibanding notepad, frontpage, dan mungkin yang lainnya. Karena pada dreamweaver sudah tersedia menu-menu yang siap pakai untuk mendesain halaman web. Selain itu, interface-nya juga sangat bagus dan mudah digunakan. Bagian splitberguna untuk membagi halaman kerja dreamweaver menjadi 2, separuh untuk menampilkan layar code, dan separuh lagi menampilkan layar design. Hal ini berguna jika kita ingin mendesain halaman melalui layar design namun ingin melihat perubahan kode bahasa webnya, dan juga sebaliknya. Jika pembaca masuk ke layar Code, Anda akan melihatstruktur HTML sebagai contoh struktur:

<title>Untitled Document</title>

dimana struktur tersebut berfungsi untuk mendefenisikan judul halaman web kita yang akan muncul di title bar browser.

4. Dibagian kiri atas dibawah menu File, terdapat menu dropdown yang terdiri dari beberapa pilihan. Pilihan ini berguna untuk memilih menu-menu desain yang akan kita gunakan. Misalnya kita ingin menambah gambar, maka pilih Common, maka disebelah kanannya akan muncul menu-menu bergambar yang bisa kita gunakan, salah satunya untuk memasukkan gambar ke halaman website.

5. Coba pembaca masuk ke layar Design seperti yang saya jelaskan pada poin 3. Setelah memilih bagian tersebut, dibagian bawah pembaca akan melihat bagian Properties. Bagian ini berfungsi untuk mengatur tampilan dari elemen-elemen yang kita tambahkan kedalam halaman web yang kita buat. Menu-menu Properties ini hanya terlihat jika kita bekerja pada layar Design.

6. Dibagian samping, terdapat pula bagian yang bernama Panel. Salah satu fungsi panel ini adalah untuk mengatur file-file web yang telah kita buat.

7. Dibagian atas tepatnya disamping menu pilihan layar, ada kotak isian bernama Title. Bagian berfungsi untuk memberikan judul halaman web yang sedang kita buat yang akan muncul pada title bar browser. 

Fungsi ini sama seperti yang dijelaskan pada poin 3 diatas mengenai tag title. Coba pembaca ganti tulisan yang ada di kotak tersebut menjadi misalnya "Tutorial Website Dengan Dreamweaver". Setelah itu, kembali ke layar code dan lihat perubahan yang terjadi pada bagian tag <title>.

pengertian PHOTOSHOP

Adobe Photoshop  merupakan software pengolah gambar yang sangat di gemari, salah satu karya dari adobe corporations, setelah merilis beberapa photoshop, versi photoshop yang terbaru adalah photoshop CS 4,

Photoshop Selain memiliki fitur yang mudah untuk di pahami, photoshop juga memiliki beberapa unggulan fitur yang mampu bekerja maximal, hingga mensuport beberapa file, sehingga bagi kamu seorang desain grafis, ini merupakan salah satu syarat kalo kamu pengen masuk ke dunia desain grafis, photoshop dengan segala fasilitasnya.

Hasil olah dengan Adobe Photoshop ini banyak dilihat di berbagai website, brosur, koran, majalah, dan media lainnya.

Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklansehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar/foto, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi kedelapan aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi sembilan disebut Adobe Photoshop CS2, versi sepuluh disebut Adobe Photoshop CS3 , versi kesebelas adalah Adobe Photoshop CS4 dan versi yang terakhir (keduabelas) adalah Adobe Photoshop CS5.

Photoshop tersedia untuk Microsoft Windows, Mac OS X, dan Mac OS; versi 9 ke atas juga dapat digunakan oleh sistem operasi lain seperti Linux dengan bantuan perangkat lunak tertentu seperti CrossOver.

SEJARAH SINGKAT

Seorang profesor dari Michigan (USA) bernama Glenn Knol membuat sebuah eksperimen untuk mengolah foto secara digital. Dengan alat seadanya, sang profesor bekerja keras di ruang gelap (dark room) milik pribadinya. Beliau memiliki dua orang anak yang bernama: John Knoll dan homas Knoll. 

Kedua anak tersebut meneruskan cita-cita ayahnya untuk membuat sebuah program pengolah gambar secara digital tersebut. Singkat cerita, akhirnya kedua saudara tersebut berhasil menciptakan sebuah program aplikasi pengolah gambar yang saat itu masih sederhana. Atas penemuan tersebut, sebuah perusahaan bernama Image Scan memberikan lisensi. Namun selang satu tahun, lisensi diambil alih oleh Adobe Corporation. Kemudian program pengolah gambar tersebut diberi nama Adobe Photoshop. 

Versi terakhir adalah CS5 atau lebih dikenal dengan Adobe Photoshop CS5 (Creative Suite). Memang, pada awal terciptanya Photoshop hanya ditujukan untuk keperluan pengolah gambar (fotografi). Thomas Knoll bersama timnya akhirnya mengembangkan Photoshop untuk berbagai keperluan seperti: web design (Image Ready), publishing (Photoshop), animasi (Image Ready), digital painting (Photoshop), dan bidang lainnya.  Para web design maupun graphic design cenderung lebih banyak menggunakan program Adobe Photoshop untuk membantu pekerjaan di bidang masing-masing karena mudah digunakan, memiliki warna cerah, mendukung plug-in dari pihak ketiga, dan hasil output yang fantastik.

Jadi, Apa Itu Photoshop?

 Adobe Photoshop adalah salah satu aplikasi perangkat lunak editor gambar buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek, atau biasa disebut layer style. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan, Photoshop Selain memiliki fitur yang mudah untuk di pahami, photoshop juga memiliki beberapa unggulan fitur yang mampu bekerja maximal, hingga mensuport beberapa file, sehingga bagi kamu seorang desain grafis, ini merupakan salah satu syarat jika kamu pengen masuk ke dunia desain grafis, photoshop dengan segala fasilitasnya.

Photoshop mengkhususkan dirinya sebagai perangkat lunak untuk mengedit gambar dalam format BITMAP (Lihat tulisan mengenai  BITMAP VS VECTOR). Oleh karena itu Photoshop seringkali digunakan oleh para fotografer karena foto adalah salah satu gambar dengan format BITMAP. Saat ini Photoshop merupakan perangkat lunak terbaik di kelasnya. ‘Hampir’ tidak ada tandingannya.

Fitur –Fitur

 Meskipun pada awalnya Photoshop dirancang untuk menyunting gambar untuk cetakan, Photoshop yang ada saat ini juga dapat digunakan untuk memproduksi gambar untuk World Wide Web atau biasa disebut Website. 

Format File

Photoshop memiliki kemampuan untuk membaca dan menulis gambar berformat raster dan vektor seperti .png, .gif, .jpeg, dan lain-lain. Photoshop juga memiliki beberapa format file khas:

PSD (Photoshop Document) adalah format yang menyimpan gambar dalam bentuk layer, termasuk teks, mask,opacity, blend mode, channel warna, channel alpha, clipping paths, dan setting duotone. Kepopuleran photoshop membuat format file ini digunakan secara luas, sehingga memaksa programer program penyunting gambar lainnya menambahkan kemampuan untuk membaca format PSD dalam perangkat lunak mereka. 

PSB' adalah versi terbaru dari PSD yang didesain untuk file yang berukuran lebih dari 2 GB

PDD adalah versi lain dari PSD yang hanya dapat mendukung fitur perangkat lunak PhotshopDeluxe.

Cara Membuat Web

1. Kunjungi situs idhostinger di www.idhostinger.com
2. Klik kotak Order Sekarang!
3. Isilah form pendaftaran dengan nama anda, email, password, isi kode yang terlihat, centang kotak kecil dan klik buat akun. Jika anda belum tahu cara membuat email gmail silahkan anda baca artikel  cara membuat email 

4. Buka email anda dan klik link verifikasi yang telah dikirimkan
5. Ada 3 pilihan hosting untuk anda, pilihlah yang gratis, klik order

6. Isi subdomain anda (jangan kurang dari 5 huruf), inilah yang akan menjadi bagian dari alamat anda nanti, pada kotak sebelah kanan pilih yang sesuai keinginan anda. setelah selesai isi semuanya, klik buat. Dan anda klik lagi tombol kelola.

7. Dan sekarang anda berada pada Cpanel, cari tulisan penginstallan otomatis , lalu klik saja tulisan tersebut

Cara membuat website sendiri

8. selanjutnya adalah pilih layanan website gratis dari wordpress

9. Biarkan kotak bertuliskan install ke -  (jangan diisi ), kemudian isi nama pengguna (boleh nama anda kalau bisa jangan menggunakan kata admin), isi password juga dan klik install wordpress 3.3.1., jika ada tampilan isi direktori akan ditimpa ? klik yes...,  tunggulah prosesnya hingga selesai.

10. Dan website gratis anda sudah jadi, anda dapat login ke website anda dengan cara meng-klik 'manage' pada cpanel atau klik saja nama domain misalnya namadomain.p.ht lalu pilih 'log in' (lihat bagian kanan bawah) dan isi username dan password.

Anda juga bisa masuk ke website anda dengan cara mengetik www.namadomain/wp-admin  contoh nya www.namadomain.p.ht/wp-admin ataupun mengetik www.namadomain/wp-login.php dan anda akan masuk ke wordpress sebagai tanda bahwa anda telah berhasil membuat website sendiri. Saudara juga bisa membaca artikel cara membuat blog sendiri jika ingin membuat blog.

Silahkan anda berkreasi dengan menggunakan website anda tersebut, demikian cara membuat website gratis dan mudah, semoga dapat bermanfaat.