Tutorial Membuat Website dengan Photoshop CS2
Web yang sering dikunjungi orang merupakan nilai plus bagi seorang web designer. Banyaknya pengunjung yang datang dapat dijadikan tolok ukur keberhasilan seseorang dalam merancang dan mengembangkan sebuah website profesional.
Ada beberapa unsur yang mempengaruhi keberhasilan tersebut, diantaranya: mudah digunakan, proses koneksi cepat, tampilan menarik, perpaduan warna sangat tepat, navigasi mudah dipahami dan digunakan, isi artikel sangat berguna, dan masih banyak lagi unsur lain. Semua itu bergantung pada respon pengunjung/pengguna terhadap website yang kita buat.
Saat ini website sudah menjadi salah satu bagian dari identitas sebuah institusi, sama pentingnya dengan alamat perusahaan. Website dapat dijadikan “guide” bagi pelanggan untuk mengetahui lebih jauh tentang profil sebuah institusi secara online.
Ada beberapa sofware yang dapat digunakan untuk merancang interface sebuah website pribadi, diantaranya: Adobe Macromedia Firework dan Adobe Photoshop. Rancangan yang dibuat dalam Photoshop dapat disimpan menjadi html kemudian dapat dioleh menggunakan Adobe Macromedia Dreamweaver. Jadi anda tidak perlu lagi membuat kode html yang rumit dan panjang, cukup menggunakan perpaduan Adobe Photoshop dan Adobe Macromedia Dreamweaver.
Berikut ini, saya akan memberikan sedikit tutorial tentang pembuatan website pribadi yang impresif menggunakan Adobe Photoshop. Artikel yang saya muat di sini merupakan cuplikan dari salah satu bab buku saya yang dalam proses pencetakan di penerbit Datakom Lintas Buana. Jadi, apabila tutorial ini kurang dari sempurna, sebaiknya membeli buku tersebut
.
Buku tersebut terdiri dari 5 bab yaitu:
Bab 1. Pengantar Web Design
1.1. Tips Membuat Web Profesional
1.2. Prinsip dalam Mendesain Website
1.3. Software Desain Grafis
1.4. Format Grafis
Bab 2. Konsep Dasar Pembuatan Website
Bab 3. Merancang Web
3.1. Kategori Web
3.2. Dasar-dasar Pemilihan Warna
3.3. Mengatur Layout
Bab 4. Proses Pengembangan
4.1. Situs Pribadi
4.1.1. Membuat Dokumen Baru
4.1.2. Membuat Interface
4.1.3. Membuat Tombol
4.1.4. Menambahkan Efek Khusus
4.1.5. Membuat Heading
4.1.6. Menambahkan Image/Gambar
4.1.7. Menambahkan Teks untuk Menu
4.1.8. Memotong Gambar (Slice)
4.2. Situs Bisnis
4.2.1. Membuat Dokumen Baru
4.2.2. Membuat Interface
4.2.3. Menambahkan Efek pada Interface
4.2.4. Membuat Tombol
4.2.5. Membuat Heading
4.2.6. Teknik Slice
Bab 5. Proses Editing
5.1. Editing Awal
5.1.1. Mengubah Objek menjadi Background
5.1.2. Memasukkan Objek
5.2. Membuat Link dan Navigasi
5.2.1. Membuat Pop-up Menu
5.2.2. Membuat Rollover Image 116

Dengan melihat bentuk layout tersebut di atas, akan lebih mudah proses pengembangannya dalam Adobe Photoshop. Sebelum membuat dokumen baru, kita harus mengetahui bahwa tidak semua resolusi monitor pengguna sama dengan yang kita miliki. Sebagai contoh, resolusi monitor kita menggunakan ukuran 1024 x 768 pixel sedangkan pengguna (user) hanya memiliki resolusi 800 x 600 pixel. Apabila Anda membuat ukuran dokumen 900 x 600 pixel maka menimbulkan ketidaknyamanan pengunjung karena harus sering menggulung halaman website akibat ukuran dokumen terlalu lebar. Sebaiknya lebar tidak melebihi 800 pixel.
OKE. kita mulai saja pembahasan membuat website pribadi dengan Adobe Photoshop (Anda bisa menggunakan Adobe Photoshop versi 7, 8, atau 9).
4.1.1. Membuat Dokumen Baru
Diasumsikan Anda menggunakan Adobe Photoshop 7, CS maupun CS2. Jalankan program Adobe Photoshop kemudian ikuti beberapa petunjuk berikut ini.
-
Buatlah dokumen baru dengan ukuran 800 x 600 pixel. Mode warna RGB, resolusinya 72 pixel, mode warna RGB 8 bit dan latar belakang white. Beri nama dokumen baru tersebut (misal: Situs Pribadi), setelah selesai klik OK.

-
Untuk mempermudah proses pembuatan interface situs, ada baiknya memasukkan gambar bentuk layout ke dalam dokumen Adobe Photoshop. Anda dapat menduplikasi (copy dan paste) ke dalam dokumen tersebut.

-
Klik Set Foreground color untuk memilih warna sebagai latar belakang.

-
Setelah kotak dialog Color Picker muncul, masukkan kode warna #0066cc pada kotak kode.

-
Tekan tombol Alt+Backspace secara bersama-sama untuk memberi warna pada layer Background.

-
Buatlah layer baru dengan nama “Up” kemudian aktifkan Rectangle Marquee tool dan buatlah seleksi seperti nampak pada gambar berikut.

-
Tekan huruf D pada keyboard untuk mengubah warna default Foreground dan Background (Hitam dan Putih) kemudian tekan huruf X untuk membalik warna tersebut. Tekan tombol Alt+Backspace secara bersama-sama untuk memberi warna putih pada layer “Up”. Tekan Ctrl+D untuk membuang seleksi.

4.1.2. Membuat Interface
Bentuk interface yang bagus dapat membangkitkan “gairah” para pengguna untuk tetap menikmati berbagai berita dan informasi yang disajikan. Keunikan bentuk interface memiliki nilai tersendiri karena tidak semua orang memiliki kemampuan untuk menciptakan bentuk tersebut. Berikut ini akan membahas salah bentuk interface yang modern.
-
Pertama kali, aktifkan Pen tool.

-
Pada menu option di bagian atas, pilih Shape Layers.

-
Klik Set Foreground Color untuk memilih warna.

-
Setelah kotak dialog Color Picker muncul, masukkan kode warna #ff5d6c pada kotak yang disediakan.

-
Buatlah Shape menggunakan Pen tool dengan bentuk seperti nampak pada gambar berikut.

-
Aktifkan Convert Point tool untuk membuat efek lengkung.

-
Klik pada segmen yang ingin diberi efek lengkung. Klik dan tahan sambil menggeser salah satu convert point ke kanan secara perlahan agar membentuk lengkungan yang diinginkan.

-
Selanjutnya memilih segmen yang lain. Klik dan tahan sambil menyeret pointer ke kanan secara perlahan agar membentuk objek yang diinginkan.

-
Jika telah selesai maka akan terbentuk sebuah asesoris modern seperti nampak pada gambar berikut.

-
Aktifkan layer Shape 1, buatlah duplikat layer tersebut dengan cara mengklik dan tahan sambil menggerakkan ke ikon Create New Layer.

-
Jika berhasil, pada Palet Layer akan muncul hasil duplikasi layer tersebut dengan nama Shape 1 copy.

-
Aktifkan layer Shape 1 copy kemudian tekan Ctrl+T untuk mentransformasikan. Klik tombol mouse kanan dan pilih Flip Horizontal. Setelah selesai klik tombol Commit pada option bar atau dapat juga menekan tombol Enter.

-
Kurangi tingkat kepekatan (opacity) dengan cara menggeser slider pada menjadi 50%.

-
Aktifkan Direct Selection tool.

-
Buatlah seleksi untuk memilih dua buah segmen yang akan dipindahkan secara bersama-sama.

-
Gunakan tombol panah ke kiri untuk menggeser dua buah segmen tersebut.

-
Langkah selanjutnya adalah membuat ilustrasi yang sama untuk memperindah tampilan. Buatlah duplikat layer Shape 1 sekali lagi dengan cara menggeser layer tersebut ke ikon Create New Layer. Kemudian modifikasi bentuknya menggunakan Convert Point tool sehingga akan membentuk sebuah latar belakang yang modern. Ubahlah opacity-nya menjadi 20%.

-
Berikutnya, aktifkan Pen tool dan buatlah Shape yang berbentuk seperti gambar berikut.

-
Seperti biasa, aktifkan Convert Point tool untuk membuat bagian yang lengkung.

-
Sehingga akan didapatkan sebuah bentuk interface yang impresif.

-
Duplikasi Shape 2 dengan cara menyeret layer tersebut ke ikon Create New Layer. Kemudian ubahlah bentuknya agar lebih menarik lagi. Untuk memodifikasi, gunakan Convert Point tool dan Direct Selection tool. Jika mengikuti petunjuk buku ini, bentuk shape akan seperti nampak pada gambar berikut.

-
Terakhir, aktifkan Rectangle tool.

-
Kemudian buatlah Shape berbentuk kotak memanjang. Jangan lupa memberi warna Shape tersebut dengan kode warna #ea1c30.

4.1.3. Membuat Tombol
Setelah sebelumnya membuat bentuk interface untuk halaman situs, langkah selanjutnya adalah membuat tombol yang eksklusif.
-
Pertama kali, aktifkan Rectangle Rounded tool.

-
Buatlah sebuah tombol berbentuk kotak.

-
Aktifkan Direct Selection tool kemudian buatlah seleksi untuk memilih empat buah segmen di bagian bawah.

-
Geser ke kanan sebanyak 10 kali menggunakan tombol tanda panah ke kanan.

-
Berilah efek bayangan (Drop Shadow) dengan cara mengklik ikon Layer Style (f) di bagian bawah Palet Layers.

-
Setelah kotak dialog Layer Style muncul, aturlah beberapa spesifikasi seperti nampak pada gambar berikut. Setelah selesai klik OK.

-
Langkah selanjutnya adalah membuat beberapa duplikasi tombol tersebut dengan cara menggesernya ke ikon Create New Layer.

-
Buatlah tiga buah tombol lagi dengan cara yang sama seperti sebelumnya. Anda dapat menduplikasi tombol yang sudah ada atau membuat tombol baru lagi. Jika Anda telah membuat tiga buah tombol, kira-kira bentuknya seperti gambar berikut ini.

4.1.4. Menambahkan Efek Khusus
Interface tersebut mungkin masih sangat sederhana, kita perlu memberi efek khusus agar terlihat menarik. Ada beberapa teknik ketika membuat efek khusus pada tombol (button) yaitu memberi warna putih agar kelihatan seperti “button gel” atau hanya memberikan efek shadow saja.
-
Pertama kali aktifkan layer yang bentuk objeknya seperti nampak pada gambar berikut.

-
Menuju ke palet Path, ubahlah path tersebut menjadi seleksi dengan cara mengklik tombol ikon Load path as selection di bagian bawah palet Path.

-
Buatlah layer baru dengan nama “Light”. Kemudian aktifkan Brush tool, pilihlah ukurannya 9 pixel. Pada option bar, kurangi opacity menjadi sekitar 6% saja. Tekan huruf D lalu huruf X.

-
Goreskan pada bagian yang lengkung secara perlahan-lahan sehingga akan terbentuk warna seperti nampak pada gambar berikut.

-
Sekarang tekan tombol Ctrl+Shift+I atau pilih menu Select > Inverse untuk membalikkan posisi seleksi. Tekan huruf X untuk memilih warna Foreground menjadi Hitam.
-
Arsirlah secara perlahan-lahan pada bagian yang lengkung menggunakan Brush tool sehingga akan memiliki efek bersinar dan muncul bayangan.

4.1.5. Membuat Heading
Umumnya judul utama sebuah situs pribadi maupun perusahaan berada di bagian atas. Nama Domain dapat dijadikan sebagai judul heading dengan tujuan untuk lebih mengingatkan kepada pengunjung tentang alamat situs. Sebagai contoh, nama domain Anda : dix-um.com. Ambillah nama domain tersebut sebagai judul heading.
- Untuk membuat sebuah heading, pertama kali aktifkan Horizontal Type tool.

- Kemudian, klik ikon Foreground Color untuk menentukan warna teks. Setelah kotak dialog Color Picker muncul, masukkan kode warna #ea1c30.

- Ketiklah judul heading, misal: Dixs-um.com, pilihlah jenis huruf (font) yang tidak berkait (Sans Sherif).

- Buatlah layer baru dengan nama “Color-head”, kemudian buatlah seleksi berbentuk kotak menggunakan Rectangle Marquee tool.

- Aktifkan Gradient tool, kemudian pada option bar pilihlah tipe Linier. Aturlah warna Foreground (#ea5765), dan Background (#ffffff).
- Letakkan pointer di atas dan tarik ke bawah untuk membuat warna gradasi. Tekan Ctrl+D untuk membuang seleksi.

4.1.6. Menambahkan Image/Gambar
Gambar yang ditampilkan dalam sebuah situs dapat berupa foto maupun clipart. Pada umumnya, ilustrasi yang digunakan dalam bentuk fotografi karena memiliki beberapa kelebihan diantaranya, warna realistis, bentuknya sesuai dengan objek sesungguhnya, lebih alami, dan masih banyak lagi kelebihannya.
Oleh karena yang akan kita buat adalah situs pribadi, tidak ada salahnya menempatkan gambar (foto) pribadi seseorang dalam halaman utama. Baiklah, langsung saja kita akan mencoba melakukannya.
-
Pertama kali bukalah foto yang akan dijadikan ilustrasi di halaman muka situs.

-
Pilih menu Window > Arrange > Tile Vertically untuk menampilkan dua buah dokumen.

-
Aktifkan layer yang bergambar orang, klik dan tahan sambil menyeret layer tersebut ke dokumen Situs Pribadi.

-
Jika gambarnya terlalu besar, ubahlah ukurannya dengan cara menekan tombol Ctrl+T kemudian seretlah salah satu titik pegangan (handle) ke tempat tujuan.

-
Aktifkan Horizontal Type tool, dan ketikkan beberapa kata sebagai identitas situs tersebut.

4.1.7. Menambahkan Teks untuk Menu
Tombol-tombol yang telah dibuat tersebut belum dapat berfungsi sebagai menu karena tidak ada teksnya. Nah, pada bagian berikut ini kita akan mencoba menambahkan teks pada beberapa tombol yang telah dibuat agar dapat berfungsi sebagai menu.
Menu tersebut dapat berupa mouse over maupun menu pull down. Jadi sebaiknya Anda memikirkan sejak awal sebelum memutuskan untuk memilih bentuk yang diinginkan. Apabila Anda mengikuti petunjuk dalam buku ini, bentuk menu yang akan dibuat adalah menu pull down.
-
Langkah yang pertama, aktifkan Horizontal Type tool kemudian buatlah area teks dengan cara mengklik pada tempat tombol sambil ditahan dan menyeretnya ke bagian lain membentuk kotak teks.

-
Buatlah teks sebagai menu (misal: Home, Profile, Gallery, News, dan Contact). Anda bebas memilih jenis huruf (font), penulis menggunakan jenis font Myriad Pro 10 point. Gunakan warna putih untuk teks tersebut.

-
Lakukan hal yang sama untuk membuat menu di bagian lain.

4.1.8. Memotong Gambar (Slice)
Adobe Photoshop memang dapat diandalkan dalam segala hal, terbukti beberapa bidang sangat memerlukan software yang satu ini diantaranya untuk keperluan fotografi, percetakan, animasi, periklanan, maupun untuk membuat website.
Salah satu keunggulan Adobe Photoshop dalam membuat sebuah halaman web adalah adanya teknik Slice. Dengan fasilitas tersebut, gambar akan secara otomatis terpotong sesuai dengan garis Slice. Anda tidak perlu memotong secara manual kemudian menyimpan potongan gambar tersebut satu per satu.
Hal yang perlu diperhatikan ketika memotong gambar adalah membaginya sesuai keperluan saja. Artinya, jika gambar tersebut akan digunakan sebagai tombol menu maka sebaiknya dipotong sesuai masing-masing judul menu tersebut. Misal menu Home harus terpisah dari menu Profile. Jangan memotong gambar yang memiliki dua menu karena akan mengalami masalah ketika mengeditnya dalam Macromedia Dreamweaver.
-
Sebelum memotong gambar menggunakan Slice tool, kita memerlukan beberapa garis bantu untuk menandai bagian mana saja yang akan dipotong. Letakkan pointer pada ruler guide di sebelah kiri tangan Anda, klik dan tahan sambil menyeret ke kanan.

-
Buatlah beberapa garis bantu untuk menandai bagian yang akan dipotong. Apabila mengikuti pentunjuk dalam buku ini, kurang lebih seperti gambar berikut.

-
Sekarang buatlah garis bantu secara horisontal dengan cara mengambilnya dari ruler guide di atas (horizontal ruler), sehingga hasilnya akan nampak seperti gambar berikut ini.

-
Setelah tersusun beberapa garis bantu, langkah selanjutnya adalah memotong gambar tersebut menggunakan Slice tool. Kita harus memilih bagian mana saja yang perlu dipisahkan, dan umumnya semua tombol harus dipisahkan karena memiliki fungsi yang berbeda. Sedangkan untuk bagian yang akan digunakan sebagai latar belakang, sebaiknya tidak perlu dipisahkan. Untuk memotong bagian tersebut, pertama kali aktifkan Slice tool. Perlu diingat, setelah mengaktifkan Slice tool secara otomatis akan muncul angka 1 di sudut kiri atas. Hal itu memiliki arti gambar tersebut telah siap dipotong.

-
Letakkan pointer di sudut kiri atas.

-
Kemudian klik dan tahan sambil menyeret ke sebelah kanan sesuai luas yang diinginkan.

-
Setelah memotong gambar tersebut secara otomatis akan muncul angka 2.

-
Letakkan pointer di atas angka 2, klik dan tahan sambil menyeret ke kanan untuk memotong gambar.

-
Setelah memotong gambar tersebut secara otomatis akan muncul angka 3 dan 4. Hal ini dikarenakan Adobe Photoshop secara otomatis memotong pada bagian lain agar bentuknya tetap utuh. Anda dapat memotong gambar pada area yang telah ditandai angka tersebut.

-
Langkah selanjutnya adalah memotong tombol-tombol yang ada secara terpisah. Letakkan pointer pada angka 3, klik dan tahan sambil menyeret ke bagian lain yang telah ditandai dengan garis bantu.

-
Lakukan dengan cara yang sama untuk memotong bagian lain sehingga akan terbentuk seperti gambar berikut.

-
Untuk bagian yang memiliki fungsi sama, sebaiknya tidak perlu dipisah/dipotong.

-
Perlu diperhatikan, ketika memotong pada bagian lain usahakan irisannya tepat pada irisan sebelumnya agar tidak muncul irisan lain yang tidak diinginkan. Jika hal itu terjadi, hasilnya tidak akan maksimal dan tidak sesuai seperti yang kita harapkan. Anda dapat memotong gambar yang terlalu besar menjadi beberapa bagian agar proses koneksi lebih cepat ketika menampilkan gambar.

-
Langkah selanjutnya, irislah tombol-tombol pada bagian kanan.

-
Berikutnya, memotong gambar yang bukan berfungsi sebagai tombol.

-
Untuk gambar yang akan dijadikan latar belakang, irislah menjadi dua bagian saja seperti nampak pada gambar berikut.

-
Begitu pula pada bagian lain, irislah gambar sesuai keperluan.

-
Apabila sudah mengiris gambar menjadi beberapa bagian maka akan nampa sepeti gambar berikut.

-
Dan untuk langkah selanjutnya adalah menyimpan dokumen tersebut menjadi web (Save for web). Pilih menu File > Save for Web.

-
Maka akan muncul kotak dialog Save for Web. Klik tombol Save.

-
Kemudian akan muncul kotak dialog Save Optimized As. Tentukan folder untuk menyimpan file kemudian beri nama file tersebut, misal index lalu pilih HTML and images untuk Save as type, Seting=Default Setting, dan Slice=All Slices. Setelah selesai klik tombol Save untuk menyimpan.

-
Setelah menyimpan dokumen tersebut, akan nampak nama file index.html dan folder images yang berisi beberapa gambar yang telah dipotong menggunakan Slice tool.

-
Tahap selanjutnya adalah mengeditnya menggunakan Adobe Macromedia Dreamweaver untuk menambahkan teks dan membuat menu pull down agar tampilan situs lebih menarik dan lebih profesional. Teknik pembuatannya akan dibahas pada bab selanjutnya dalam buku tersebut, silakan baca artikel terkait di sini http://slametriyanto.net/2008/03/31/ebook-web-professional-dengan-photoshop-dreamweaver. Silakan beli bukunya ya..
ARTIKEL YANG BERHUBUNGAN:
- Tutorial: Mengedit Web dengan Dreamweaver Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan...
- Digital Painting dengan Adobe Photoshop Dengung kecanggihan software yang bernama Adobe Photoshop masih saja menggema...
- Konsep Dasar Membuat Website Sebelum membuat web secara profesional, tugas penting sebagai seorang pengembang...
- Crop and Slice Tools Tool-tool dalam kategori ini umumnya digunakan untuk mengedit image maupun...
- Tutorial Wordpress: Membuat Posting Baru Wordpress merupakan salah satu bagian terkecil dari CMS yang jumlahnya...
- Drawing and Type Tools Untuk memilih dan mengedit path yang dinginkan. Caranya: aktifkan Path...
- Selection Tools Alat-alat dalam kelompok ini umumnya digunakan untuk membuat seleksi pada...
Saat ini masih aktif bekerja di Pusat Dokumentasi dan Informasi Ilmiah – LIPI (
January 18th, 2007 at 12:18 pm
Terima kasih juga buat mbak Sary yang selalu setia menanti posting dan mendoakan diriku ini. Terus terang, saya juga masih dalam taraf belajar sehingga masih bergantung pada internet untuk mencari artikel yang bagus seperti yang Anda lakukan. Semoga sukses juga buat Miss Sary.
Salam,
Slamet R
January 18th, 2007 at 9:52 am
Terimakasih pak atas hadirnya blog bapak ini, sangat berguna dan bermanfaat buat orang2 yg ingin belajar membuat website, seperti aku ini. Aku selalu membaca pos baru yg masuk di blog bapak ini. Saat ini selain belajar dari internet (termasuk blog bpk ini) aku juga sedang kursus. Abis pengen banget sich bisa bikin web yg bagus, apalagi website yg dinamis ‘n interaktif. Pokoke tak doaken Bapak Sukses terus, Pasti aku beli buku ini. Makaci
January 18th, 2007 at 6:15 pm
tutorial yabg sangat baik.. terima kasih
January 19th, 2007 at 1:39 pm
Terima kasih buat mas Yadi atas komentarnya.
Yach… daripada terkena pasal tentang hak cipta mendingan saya masukkan foto keluarga, dan yang pasti tidak akan terkena proses hukum.
Thanks pula atas doanya, semoga mas Yadi juga sukses.
). Mas Yadi ‘kan udah dari dulu aku ajak untuk menulis dan nanti bisa dikirim ke salah satu penerbit.
Mari kita sama-sama belajar menulis,… mudah-mudahan bisa dijadikan sumber penghasilan lain yang halal (… maklumlah PNS
January 19th, 2007 at 11:33 am
keren mas artikelnya, hehehehe….
btw. itu photonya istri sampeyan ya
) keren…..memang mas slamet ini orangnya family minded semua logo dan image dihasilkan dari keluarga sendiri
)
sukses untuk mas slamet…aku pingin berguru nulis buku ama sampeyan….
January 20th, 2007 at 6:35 am
terima kasih Pak Slamet Riyanto sudah sharing ilmunya,saya sudah lama mencari artikel/tutorial design web yang berbahasa lokal,akhirnya ketemu juga.
ditunggu Pak episode berikutnya:)
January 23rd, 2007 at 3:44 am
Untuk mas Teguh, insya Allah saya akan membuat topik yang berbeda tapi masih ada hubungannya dengan web dan Internet.
Salam,
Slamet R
February 11th, 2007 at 2:12 pm
Kirimin saya tutorial/ teknik – tehnik belajar desain donk, saya pengen banget belajar desain, tapi gak ada dasar sama sekali tentang desain..
lagipula sekolahnya juga mahal lo.. he..;)
thanks lo..
February 20th, 2007 at 10:08 pm
numpang nyedot ilmu dari tutorial anda
sebelumnya trims deh untuk terbitin artikel seperti ini dan dah mau share ilmu sama kita2 yang membutuhkan
klo leh tolong posting lagi donk trik2 yang mungkin bisa membantu
all about web design gitu lah
February 21st, 2007 at 3:19 am
Untuk mas Pandoe, mohon maaf saya belum bisa memenuhi keinginan Anda untuk mengirimkan tutorial tentang web design. Melalui website ini, saya pikir juga sudah mewakili keinginan Anda
February 21st, 2007 at 3:24 am
Untuk mas Hary, thanks atas comment-nya.
Insya Allah saya akan memuat beberapa artikel yang berhubungan dengan Desain Grafis (website, publikasi, multimedia, animasi, maupun seni lukis).
Not only about web design, but all about graphic design
February 22nd, 2007 at 4:59 pm
TERIMA KASIH PAK, ATAS TUTOR INI, SAYA INGIN BELAJAR DESAIN. BISA GA TUTOR YG SEBELUMNYA DIKIRIM KE EMAIL SAYA. MATUR THANK YOU.
February 23rd, 2007 at 8:12 am
gimana cara slice biar rapih tu!!!!
February 23rd, 2007 at 9:54 am
Wah beruntung sekali bisa membaca web ini…
cocok dibuat untuk referensi..
Teng Kyu.. Teng Kyu..
February 23rd, 2007 at 1:12 pm
Terimakasih pak atas pembelajarannya, sangat membantu saya dalam belajar membuat web…soalnya mas didat (ssstt..pelit), email saya ga di balas2…padahal aku lagi nyari tau ttg cara membuat web terutama ttg konversi ke blog engine pak kalo kita dah buat desain (misal blog) web pribadi. Ini sangat membantu saya dalam proses pembelajaran desain…mudah2an amalnya bertambah melimpah..Ok pak..Amien
February 24th, 2007 at 12:23 am
He…he….he… terserah anda saja kan anda yang buat tutorialnya yang penting ada web designnya ya saya suka.
Btw saya naksir berat sama buku anda yang ini. apa buku anda sudah terbit atau baru mau diterbitkan tolong kasih konifirmasi donk via email klo sudah terbit biar saya lekas dapet nih buku, dah ga sabar mau baca, mas.
Oh ya klo ada artikel membuat site pake css (css-template) tolong publish donk atau klo mau terbitkan buku yang gituan tolong konfirmasi aq ya mas.
thanx…
February 24th, 2007 at 5:05 am
bisa tolong neh?aku pengen baut blog di internet, tapi aku ga tau caranya gmn? Mungkin ada tutorial dll.
I coba di Friendster blm bs.
February 24th, 2007 at 12:33 pm
Saya banyak sekali sudah membaca buku-buku anda, selain praktis dan juga mudah untuk dicoba. Saya mau bertanya bagaimana cara mmbuat comment seperti ini dan ketika di submit pesan ini masuk kemana
February 26th, 2007 at 7:16 am
Untuk mas Yeyeb, terima kasih telah membeli buku-buku karya saya.
Secara default, komentar dalam situs pribadi saya sudah secara otomatis disediakan oleh Wordpress, dan tergantung pada template yang digunakan. Pesan yang masuk dapat diatur dengan dua pilihan yaitu: 1. komentar secara otomatis akan tampil di web tanpa di-approve oleh admin (ini sangat berbahaya jika ada pesan yang berisi spam) 2. komentar akan tampil setelah di-approve oleh seorang admin (sebaiknya menggunakan opsi ini)
Salam.
February 28th, 2007 at 1:54 am
saya mau tanya aja pak.
1. apa judul buku yang dicetak di Datakom Lintas Buana yang bapak karang?
2. apakah buku itu sekarang sudah terbit?
3. kira2 dimanakah saya bisa mendapatkan buku itu dan berpa harganya?
3. apakah dibuku itu juga dijelaskan bagaimana mengedit desain web yang awalnya kita buat dari adobe photoshop CS2 yang disimpan dalam format html ke MC Dreamwever?
terimaksih banyak atas infonya dan ilmunya
February 28th, 2007 at 3:23 am
Untuk mas Harfiyanto, saya coba menjawab satu persatu:
1. Ada beberapa judul buku yang telah diterbitkan oleh Datakom Lintas Buana sejak tahun 2003 (Adobe Photoshop 6, Tips dan Trik Adobe PageMaker 7, Mendalami Adobe Photoshop 7, Praktikum Adobe Photoshop CS2)
2. Untuk buku Web Design dengan Photoshop dan Dreamweaver saat ini sedang proses editing untuk dicetak.
3. Insya Allah kalo sudah terbit bisa didapatkan di beberapa toko buku (Gramdedia, Gunung Agung, Kharisma, dll)
4. Dalam buku tentang Web Design dengan Photoshop & Dreamweaver memang membahas secara step by step mulai dari merancang awal (sketsa), mendesain web dalam Photoshop sampai memasukkan content-nya dengan Macromedia Dreamweaver.
Salam,
February 28th, 2007 at 3:42 am
Untuk Sdr/Sdri Artic,
Agar slice nampak rapih, kita perlu beberapa teknik:
1. Buatlah slice sesuai kebutuhan
2. Potongan slice yang satu dengan yang lain harus tepat pada garis yang sama, caranya: memperbesar tampilan (Ctrl dan +)
Salam,
February 28th, 2007 at 5:57 am
gimana cara ngedapetin buku2nya. ? coz klihatanya mudah tapi kren. kalo bisa informasinya ya. sya pemula dlm maslah bikin web dan dsainnya. thank’z ya.
February 28th, 2007 at 7:51 am
untuk pmula spt sya., web apa yg hrs dibikin? tapi kren n mudah?
March 1st, 2007 at 10:07 am
Untuk Yuza Yulians,
Anda bisa membuat web dinamis maupun statis. Kalo untuk web dinamis, ada beberapa software yang free diantaranya Jooma, Mambo, Wordpress, Drupal, osCommerce, dll tergatung kebutuhan. Apakah untuk web portal, web galery, web personal, dll.
Sedangkan untuk membuat web statis, anda bisa memanfaatkan Macromedia Dreamweaver.
Salam
March 6th, 2007 at 3:32 am
contoh gambarnya dong kasih
biar bisaa dilihat en dibayangin soalnya gini kan buta
March 6th, 2007 at 3:54 am
bagus banget aku suka tanks
March 6th, 2007 at 11:25 am
Terima kasih Pak tutornya, semoga bermanfaat dan dapat imbalan pahala dari Allah SWT, amin
Kalau ada tutot yang lain saya juga mau dikirim ke email saya
March 6th, 2007 at 12:24 pm
Silakan disebarluaskan, asal mencantumkan sumbernya
Salam
March 12th, 2007 at 3:52 am
Makasih Pak. ini yang emang lagi saya cari tentang pembuatan desain web.
March 15th, 2007 at 7:39 am
Makasih Mas…..modulnya membantu banget tuk mata kuliah yang sedang saya tekuni….
March 17th, 2007 at 2:49 pm
thank banget atas informasi yang diberikan tentang adobe photoshop. Tapi di sini kurang jelas Adobe Photoshop versi apa yang digunakan, Karena setiap versi mempunyai kelebihan dan kekurangan masing – masing. Dan setiap versi mempunyai tool yang agak berbeda antar yang satu dengan yang lain
March 19th, 2007 at 5:24 am
boleh hantar pada saya tutorial membuat atau bisnes card menggunakan adobe photoshop
March 20th, 2007 at 6:13 am
Terima kasih untuk Sdr. Ikha,
Terima kasih atas koreksinya, memang saya tidak mencantumkan versi Adobe Photoshop yang digunakan. Namun Anda bisa menggunakan versi 7 ke atas karena pada masing-masing versi tersebut tool yang digunakan untuk membuat website sudah tersedia.
Salam
March 24th, 2007 at 5:41 am
please give me a more learn about photoshop cs2
March 27th, 2007 at 1:17 am
Mas aku pelajar kelas 1, aku udah sih diajarin tp belum puas. Bisa ga kirimin aku modul ke alamat e-mailku wahyu_friend@yahoo.co.id
Makasih yah
March 27th, 2007 at 4:53 am
Untuk dik Wahyu,
Makasih udah mengunjungi situsku, namun maaf permintaan kamu belum bisa saya penuhi. Saya tidak akan memenuhi dari rekan-rekan semua untuk mengirimkan artikel melalui email. Terima kasih
Salam
March 28th, 2007 at 8:46 am
Terima kasih banyak atas tutorialnya saya akan memuat web sendiri.Sudah lama saya cari informasi seperti ini di internet ternyata ini baru mantap
Horas
March 28th, 2007 at 9:01 am
Pak saya mau tanya apa bisa membuat web dengan adob potoshop 7.0 kalau bisa bagaimana caranya pak?trims sebelumnya
March 28th, 2007 at 9:56 am
Matur nuwun ilmunya Mas, dengan lihat situs ini, agak naik’an dikit level desainnya, tentu saja masih harus banyak belajar.
March 28th, 2007 at 10:52 am
Untuk pak Hutagaol,
Terima kasih atas komentarnya.
Horas
March 28th, 2007 at 11:05 am
Untuk mas Anang,
Anda dapat menggunakan Adobe Photoshop versi 7 untuk mengikuti tutorial ini karena semua fasilitas yang diperlukan untuk membuat web site sudah tersedia.
Salam,
April 11th, 2007 at 10:26 am
mas, tlg kasi info dong, bagaimana cara buat website seperti yang mas punya ini. dan pake program apa? Matur nuwun,nggih…
April 11th, 2007 at 10:32 am
Terima kasih untuk mas TJ Moeda,
SItus saya ini menggunakan software Worpress yang dapat didownload secara gratis.
April 16th, 2007 at 12:20 am
good article.Thx
April 18th, 2007 at 1:57 am
wah makasih banget mas slamet…dr dulu nyari trik bikin objek yg meliuk2 itu..lom nemu2…skrg dah nemu…alhamdulillah makasih sekali lg mas slamet..pengen ikutan kelas komunitas mas slamet di BM..lom sempet2 neh…
April 18th, 2007 at 2:53 am
Untuk mas Furqan,
Terima kasih atas komentarnya. Mudah-mudahan ilmu yang Anda dapatkan dapat di-share ke rekan-rekan lain yang membutuhkan.
Salam
April 19th, 2007 at 3:45 pm
Mas saya mau tanya, mas punya account di wordpress ????tapi kok url -nya web.id ?????????Tolong dong kasih tau caranya. maksih ya
April 19th, 2007 at 3:52 pm
Tanya lagi ya mas
ada ngak mas plugin dari photoshop yang bisa di download gratis (he..he..heee) kalo ada kasih tau doang tempatnya
April 29th, 2007 at 11:21 am
thanks banget y maz atas sharing artikelnya…
mungkin saya akan banyak belajar lagi biar bisa kaya maZ
-piyu-
May 1st, 2007 at 12:29 pm
Terimakasih sama mas web atas tutorialnya. Saya jadi pengen nyoba bikin website ini….
May 8th, 2007 at 6:09 am
tanque boat pak ‘MET’ atas tutornya, tapi tolong di lengkapi sekaliyan donk pak ‘MET’, sampe jadi web gitu!!!
May 8th, 2007 at 6:46 am
Untuk mas Yeyeb,
Domain web.id daftarnya GRATIS ke Kominfo tapi sudah tutup tanggal 30 April 2007. Tunggu aja, mungkin akan dibuka lagi.
Untuk plugin photoshop yang free, Anda dapat mencarinya dari internet pake mbah Google.
Salam,
May 12th, 2007 at 3:18 am
Btw ini bagus banget dimakah saya dapat membeli tutorial ini, klo ada tolong contact by email di moeghand@yahoo.com trus sekalian klo ada tutorial interaktifnya karena saya masih bingung ketika harus membuat sesuatu garis atopun yang lainnya.
May 15th, 2007 at 8:49 am
mas tolong kasih aku tutorial membuat web site dg macromedia dreamweaver.
sama tanya bags mana buat website pake dreamweaver atau photoshop.
and bgs banget web site nya mas Riyanto
May 15th, 2007 at 9:08 am
mas tlg kasih aq tutorial nya (mwmbuat web site dari php dan photoshop)dan bagusan mana buat buat web site dari photoshop ato dreamweaver
May 17th, 2007 at 11:27 am
terimakasih atas materi yang anda publikasukan di situs http://www.ilmukompuetr.com
May 17th, 2007 at 3:10 pm
Bagusssss Banget. moga mbah slamet smakin luas pengetahuannya n slalu di share ke kita2. biar orang kaya saya yang baru belajar tercerahkan. thanks
May 22nd, 2007 at 11:18 am
makasih tutorialnya pak slamet, sangat membantu, saya mo tanya pak bagaimana membuat desain web terutama membuat lengkungan menggunakan path tapi supaya kelihatan halus, maksudnya tidak begerigi pada tepiannya. terima kasih
May 23rd, 2007 at 5:59 am
Untuk mas Yoyok,
Anda bisa memanfaatkan Path tool untuk membuat garis lengkung. Masalah tepi yang bergerigi, ada beberapa faktor: yang pertama bisa saja resolusinya terlalu kecil (untuk web standar yang digunakan adalah 72 pixel), dan bisa saja Anda membuat bentuk lengkung dari Path yang diubah menjadi seleksi. Sebaiknya gunakan Path yang berisi.
Salam
May 24th, 2007 at 4:06 am
mas, ada gak website yang menyediakan cara membuat kerangka web dengan bahasa indonesia untuk windows
May 26th, 2007 at 5:51 pm
buatin we buat aku terserah bentuknya ok
June 2nd, 2007 at 4:31 pm
Btw saya naksir berat sama buku anda yang ini. apa buku anda sudah terbit? atau baru mau diterbitkan?, dan kira2 kapan terbitnya? tolong kasih konifirmasi donk via email di: raykhouw@gmail.com or sms di: 081808905988, klo sudah terbit biar saya lekas dapet nih buku, dah ga sabar mau baca. Thanks for your sharing…
June 4th, 2007 at 4:02 am
Untuk mas Raymond,
Thanks atas atensinya. Mudah-mudahan segera terbit buku tersebut, jadi tunggu aja yach..:)
Nanti kalo sudah terbit insya Allah akan saya posting di website ini.
Salam
June 4th, 2007 at 9:08 am
tutorial bapak menarik sekali nih !
tapi saya ga sabar ingin bertanya nih pak…
gimana ya cara To add HTML text to a slice di photoshop ke dreamweaver,tapi tidak menghilangkan gambar backgroundnya yang sudah saya buat ? karena saya ingin melanjutkannya/diedit kembali di dreamweaver? tanpa merusak keaslian layout yang telah saya buat…
Terima Kasih banyak saya Ucapkan…
June 6th, 2007 at 4:23 am
Terima kasih, dengan adanya pengembangan website ini pekerjaan saya dalam pengelolaan web lebih fress….
June 7th, 2007 at 10:12 am
terima kasih atas informasinya,
web ini sangat menarik sekali
June 7th, 2007 at 2:53 pm
thanks for your tutorial, it’s my inspiration
June 18th, 2007 at 4:38 am
Pak slamet,
mau nanya soal gambar, adakah yang pernah membuat vektor menggunakan firework,terimakasih.
June 27th, 2007 at 7:01 am
Assalamu’alaikum mas slamet…moga dgn berbagi ilmu mas selalu dlm keadaan slamet sentosa. Mas…ardhi mau tanya seputar pengguna’an tool photosop kadang2 kalau kita menggunakan erase or stamp tampilan ikon aktifnya kadang ga muncul cuma menyerupai titik saja jadi kita kadang tidak bisa menyesuaikan hasil object yang kita kerjakan, tolong ya mas…gimana cara utk memunculkan bentuk ikon yang cuma berbentuk titik tsb menjadi (lingkaran bulat or box ) sblumnya terima kasih banyak.
July 3rd, 2007 at 8:57 am
thanks berat Pak Slamet Riyanto atas artikelnya..menarik habisssssss jujur deh apa yang saya cari selama ini akhirnya kujumpai di http://slametriyanto.web.id/?p=24,
so sekali lagi thank u
Big Regard’s
Terry
July 3rd, 2007 at 12:11 pm
terima kasih banyak atas ilmunya terutama pembuatan web dengan photoshop, saya sedang belajar membuat web.
dengan ini sangat terbantu semoga mas slamet selalu jaya terus
July 5th, 2007 at 9:41 am
# Untuk Ardhi, waalaikum salam. Untuk menampilkan ukuran tool (baik Eraser, Paint, dll), anda bisa menekamntombol CapsLock.
# Untuk Terry, terima kasih atas doanya.
# Untuk Rido, terima kasih atas doanya.
July 6th, 2007 at 8:37 am
tlong donk,,bgaimana cara yang mudah plus cpet untuk membuat tampilan atau trik cpet membuat websait dari photoshop…tlong..soalnya sya dapet tugas dari perusahaan tempat saya PKL untuk membuat websait perusahaan tersebut. bagaiman???????????????
July 6th, 2007 at 8:40 am
tlong ajari asaya membuat websait lebih detail lagi pak…..soalnya setelah sya mencoba saya tidak dapat membuat sebagus dan semenarik ,seperti yang telah sya ikuti di website bapak…tolong lebih detail lagi.soalnya sya dapet tugas dari perusahaan,tempat saya PKL skarang ini ,untuk membuat website..bisa khan,,,
July 6th, 2007 at 8:42 am
tlong di kasih jawabannya di su5y4@yahoo.co.id…secepatnya pak..terima kasih
July 11th, 2007 at 9:05 am
maturnuwun pak tutornya, mantep tenan. akhirnya saya bisa slice juga……
sukses selalu….
July 14th, 2007 at 2:49 am
SIP dah!!!
July 18th, 2007 at 8:42 am
Emang Ciamik nih Bos satu ini..bravo buat mas slamet ya sukses slalu
July 20th, 2007 at 1:54 am
bagus banget artikelnya………..
makasih ya dah maw bagi2 ilmunya……….
oh ya… mas punya file artikel web design lainnya…?
tolong kirim ke email qu dong… please……….
bwat belajar………..
July 20th, 2007 at 8:10 am
terimah kasi pak atas ilmunya,semoga bermanfaat bagi saya yang pengen belajar website sendiri,pak bisa ga kirimin tip2 yg lainnya ttg : tutorial website,photoshop,karena saya pingin banget pak jd orang spt bapak,ini alamat email aku pak: maxi_alps@yahoo.com
July 20th, 2007 at 8:28 am
Boleh dong kirim via e-mail..??
July 22nd, 2007 at 8:39 am
Wah… ini web yang i cari-cari. Btw, i mau nanya ni kalo mau upload web gimana caranya mas. Web yang dah i bikin pake php,database My Sql. Tapi i ga bisa cara upload. I cuma bisa upload yang statis. Nah.., kalo yang ada databasenya i mah kagak bisa. Mau nanya ke teman ga da yang dekat, pada jauh….! Baca di buku kurang jelas.. n kurang ngerti. Biz i rada telmi. Jawabnya kirim ke emailku ya Mas. Ato buku yang kudu i beli, judulnya ape? Thank’s
July 30th, 2007 at 6:15 pm
Dear pak Slamet
Saya sudah baca beberapa tulisan bapak…..waaauuu mudah dipahami, saya percaya pasti bukunya mudah dipahami juga. Saya ingin beli bukunya….cuma bagaimana caranya untuk bisa dapatkan bukunya….saya sekarang tinggal jauh dari tanah air tepatnya Ohio-USA.
GBU,
Asso
August 8th, 2007 at 4:05 am
mantep………… abis bos
nih dia yg ak tunggu2. desain yg uh…… mewah deh
n klau bisa bos… contoh desain yg lain ya
biar ak bs blajar terus. ok bos
pengeran seng bales bos.
slm dr gua oyik
August 14th, 2007 at 12:00 pm
Makasih atas sharing ilmunya, tutorial yang mak nyussss……………….!!!!Mas, bukunya kok nggak terbit-terbit. Saya tiap ke toko buku nanyain buku mas yang ini kok belum ada. Tolong di-email ya kalau udah terbit bukunya.
August 15th, 2007 at 8:35 am
pak…bagaimana agar animasi yg dibuat diflash bsa brjalan di fiendster
August 20th, 2007 at 6:09 am
Untuk tutorial membuat web dengan photoshop CS2 ini sepertinya saya sudah pernah baca di website IKC (ilmukomputer.com). Apa artikel ini diambil dari website yg sama? Memang sih, saya lupa siapa penulis artikel itu.
August 20th, 2007 at 12:48 pm
Mas ada ngak plugin dari Dream weaver yang bisa di download gratis kalo ada kasih tau doang tempatnya
August 21st, 2007 at 2:47 am
## Untuk mas Riyanto, memang saya menulis pula di situs IlmuKomputer.Com. Jadi isinya sama, dan tentunya penulisnya juga sama…
## Untuk mas Dadan, Anda bisa langsung mendapatkan plugin di situs resmi Dreamweaver (http://macromedia.com) atau bisa searching menggunakan Google
August 21st, 2007 at 3:38 am
wah Terima kasih bgt ya bapak. materinya keren abis!!!!
semoga sukses selalu untuk bapak.
August 25th, 2007 at 7:01 am
matur suwun atas ilmunya mas…bs ngak aku dapat modul-modulnya mas…
August 29th, 2007 at 6:51 am
Ass.
Trima kasih banyak mas slamet atas imfonya. semoga masa ditambah ilmunya dan kesehatannya amien
August 31st, 2007 at 9:45 pm
Pak Aku tautkan postingannya di blog ku… boleh yach.. thank b4
September 11th, 2007 at 11:06 am
bagus lo tips nya… tapi bisa gak kalo pakek asdobe yang lain… Saya tunggu lo, tips2 oK lainnya ^-^
October 4th, 2007 at 7:22 am
bagus sekali tips bapak
apa bapak sering memberikan tips untuk membuat web???
October 9th, 2007 at 4:09 am
thank’s banget…tips ini adalah tips yang paling bagus tuk pemula buat web kek saya…
October 24th, 2007 at 1:10 am
Wah bagus sekali artikelnya, saya baru tahu kalau photoshop bisa digunakan untuk membuat design web. Mas Slamet kalo design webnya sudah jadi, untuk mengaplikasikannya apa harus digabung dengan format html gak ?
Kalau perlu digabung dengan format html, saya akan sangat senang apabila Mas Slamet buat artikel lanjutannya
Thank’s ya…
November 6th, 2007 at 9:59 am
Anda benar2 hebat, saya umur 17 thn pgn jadi webmaster saya mohon anda untuk mengajari aku membuat web dengan animasi 3d…………. Plisssssssssssssssss…………..
December 5th, 2007 at 8:26 am
Pa slamet, terima kasih banyak untuk tutorialnya, ini sangat membantu saya.
btw pa, ada yang ngejiplak tutorialnya bapak and ngaku2.Kesannya dia yang buat tutorial and buat bukunya.
Sorry pa bukan ngadu domba, tapi sebel banget ama orang2 yang kerjanya ngejiplak aja terus nagku punya dia lagi…
kayak orang malaysia aja, segala diembat and diaku.
nih dia orangnya pa :
http://de2widi26.multiply.com/journal/item/28/Membuat_Web_dengan_Gabungan_M.Dreamweaver_dan_Photoshop
December 5th, 2007 at 9:29 am
## Untuk dik Indra,
Maaf, saya kurang familiar dengan program 3D
## Untuk Atoet,
Terima kasih atas informasinya…
December 9th, 2007 at 2:27 am
hi,,
aku mau sarannya donk,,
cara membuat buku tamu atau buku pengisian seperti yang ini tuh gimana???
membuatnya sih sudah bisa tapi, cara menulis script nya gimana?
…..
December 19th, 2007 at 5:36 am
salam kenal. pak disini saya mau tanya, apakah buku bapak tentang web ini terjual diseluruh toko buku.dan dapatkah saya pesan melalui email
December 29th, 2007 at 3:15 am
Salam kenal
Terimakasih atas ilmu yang diberikan ya…. mudah2an berkah amin
January 5th, 2008 at 11:53 pm
salut Pak.. ilmunya, gak tanggung2 sharingnya… mau donk pak tips triknya yg lain… Terimakasih Banyak…
January 9th, 2008 at 7:16 am
please donk mas, terusin belajarnya jd tanggung nich….
January 11th, 2008 at 4:36 am
thank mas…bner2 membantu ….
January 15th, 2008 at 2:58 am
Terimakasih atas tutor yang bapak berikan ini, apakah seri buku ini sudah dapat kita temui di toko buku karisma atau gramedia…dan apakah dalam buku itu kita langsung masuk ke dreamwaver pak…?kalau boleh tahu apa judul buku ini pak…?terima kasih sebelumnya
January 16th, 2008 at 3:16 pm
makasih ya mas atas ebooknya bisa buat nambah ilmu untuk kita semua yang membutuhkan. Terus tingkatkan isi – isi yang berkualitas.
January 21st, 2008 at 5:16 am
saya selalu kesulitan dengan tool pen, artikel ini cukup membantu
January 24th, 2008 at 3:43 am
mas……gimana ya saya ini tidak punya fasilitas apapun
paling banter nebeng sebentar baru bisa buka internet n komputerpun begitu.saya ini mau pinter desain web tapi saya nda punya komputer
January 26th, 2008 at 4:50 am
Mas riyanto, saya udah cari bukunya di toko2 buku kok nggak ada semua, apa belum terbit ?
Soalnya saya pengin beli segera.
January 30th, 2008 at 2:36 am
Assalamu’alaikum…
Mkasih yah Pak Slamet. Berkat anda insyaAllah tugas desain web saya dari dosen bakalan mudah. Tolong kalo ada Artikel yang baru bisa tidak dikirim ke email saya.
Semoga Allah selalu memberikan yang terbaik buat anda.
Amin
February 23rd, 2008 at 8:13 am
Sungguh… Hebring..
bagikan setitik embun dipadang gersang.
Sedikit tapi pas banget!
bonus dong pak, buku buat kami, maklum GTT ( dibawah PNS khan? heheheh)
February 27th, 2008 at 6:45 am
pak slamett..
saya mampir , sekalian blajar motong ga pake pisau
)
March 1st, 2008 at 7:56 am
sangat lengkap tutorialnya keren ada yang lain lagi gamakasih sebelumnya
March 5th, 2008 at 12:17 pm
saluuuut…..
hari gini masih ada orang baik kaya’ pak/mas slamet
yang mau berbagi ilmu
bagi semuanya sangat bermanfaat
tapi masih ada yang kurang…..
bahas tentang CORELDRAW dong… please
terima kasih
March 8th, 2008 at 4:38 am
trims & salu….t
March 8th, 2008 at 5:41 pm
saya termasuk yg sangat terbantu oleh artikel2 mas slamet….
gini mas…aq kan moderator di forum djawir.com
untuk bagian photo editing dan design grafis…
aq akan sangat senang jika mas mau bergabung disana…
apalagi kalo bersedia aktif membantu meramaikan posting disana untuk semua teman2 yg haus ilmu…
saya yakin teman2 juga akan banyak yg interest terhadap karya2 anda… baik ebook, buku, atopun yg lain.
trims.
hengkish
March 27th, 2008 at 6:04 am
Terima Kasih …banyak Mas Slamet, Artikelnya Bagus sekali saya sangat terbantu dalam mendesign web.
regard,
Agus K
April 4th, 2008 at 6:28 pm
HALLO BOSS GAMBAR NYA ….SEMUA HILANG……….TOLONG DUNK DI PERBAIKI…
April 9th, 2008 at 3:13 am
tutorialnya detail bgt bang!
August 12th, 2008 at 12:26 pm
wwow….
i’m so glad for finding this page…
salut buat authornya…
akan saya coba^^
THX
August 17th, 2008 at 5:23 pm
trm ksh atas infonya…
smoga amal ibadahnya diterima Tuhan YME…
INI YG SAYA CARI !!!!
regrds,
[deemust]
August 30th, 2008 at 1:59 pm
kayanya udah g perlu ngomong lagi, udah diwakilin sama smua…tapi yang pasti…terima kasih banget loh…BTW, mas kalo beli bukunya dimana?ada ditoko bku dimana aja???
August 31st, 2008 at 4:34 pm
I do not believe this
September 8th, 2008 at 1:37 am
waduh…. telat ni pak slamet…..
masa saya baru baca sekarang untuk artikel sebagus ini….
boleh copy ga’…. tek relate ke blog saya….
trus kalo boleh lagi nih…. tek relate juga ke blog tempat saya kerja (Pondok Pesantren Miftahussalam Banyumas) sekalian buat belajaran santri….
terimakasih atas semuanya….
September 10th, 2008 at 1:48 pm
Mas saya mau tanya tentang proses slice…
sayakan sudah melakukan slice pada gambar, waktu di preview di mozila sih normal aja mas rapi di lihatnya tapi pas di preview di IE terlihat potongannya. itu gimana solusinya mas.
terima kasih sebelumnya
September 22nd, 2008 at 6:29 am
Perempuan, leh minta e mailmu ga..?
kalo boleh tolong kirim ya ke roziqin_SSi@yahoo.com
September 23rd, 2008 at 5:35 pm
thanks banget coy
September 26th, 2008 at 4:36 am
thanks for that
October 6th, 2008 at 11:07 pm
terima kasih atas tutorialnya kalau ada tolong berikan contoh membuat gambar seperti lukisan
October 25th, 2008 at 9:28 am
mas, ada g tutorial gratisan untuk autocad 2004?
November 13th, 2008 at 4:41 am
salam kenal….saya newbie…saya sangat senang sekali dgn artikel di http://www.slametriyanto.net karna sangat membantu saya dalam menjawab semua pertanyaan yg ada dalam pikiran saya tentang dunia web yang sedang saya tekuni saat ini….dan saya mengharapkan bapak webmaster http://www.slametriyanto.net bisa mengirimkan artikel tentang dunia web ke email saya yg beralamat di aridnk@yahoo.com SALAM oPENsOURCE….
November 29th, 2008 at 5:24 am
pak saya bingung?!
kan di friendster/myspace itu ada add coment/add us dsbnya terus about us,profile,favorit musik itu gimana masukin nya?klo di adobe sm dreamweaver?
December 11th, 2008 at 2:21 am
Wah makasih banget mas tutorialnya
December 26th, 2008 at 5:33 am
Thanx ya…
Tutorialnya mbantu aq bgt…
December 26th, 2008 at 7:45 am
terima kasih pa atas ilmunya, mudah2an ilmu ini bermanfaat terutama bagi saya yang masih belajar
January 21st, 2009 at 6:58 am
Bagaimana cara membuat websait yang mudah?trimakasih
February 13th, 2009 at 3:32 am
mas kasih tau dong gmn upload design webnya klo udah punya domain. maklum pemula.. maturnuwun
February 13th, 2009 at 3:46 am
# Untuk Dewem, ada beberapa CMS yang dapat digunakan untuk membuat Blog, Portal, E-Commerce dan lain-lain secara gratis. Tinggal pilih, anda mau buat web jenis apa, silakan download sourcenya di http://opensourcecms.com
# Untuk Emha, setelah memiliki domain anda harus memiliki web hosting sebagai tempat meletakkan semua file kita. Ada beberapa situs penyedia web hosting gratis. Silakan searching pake Google
February 25th, 2009 at 7:46 am
makasih ya pak. tutorialnya.
February 25th, 2009 at 8:22 am
# Untuk Agung, makasih juga atas kunjungan dan komentarnya.
March 1st, 2009 at 7:10 am
makasih sekali ya pak atas tutorialnya..habis gue cuman bisa corel ma photoshop doank sih..
thanks.
sukses selalu buat bapak..thanks.
March 1st, 2009 at 7:37 am
# Untuk kodok ijo, makasih juga telah berkunjung semoga sukses buat anda
March 5th, 2009 at 9:46 am
mas Slamet, kok aku bikin diphotoshop terus aku slice tool hasilnya waktu dibuka didreamweaver jadi agak pecah dan renggang setelah potongan tersebut aku buat link
March 5th, 2009 at 4:09 pm
# Untuk Setyo Utomo, kadangkala gambar memang mengalami distorsi resolusi sehingga nampak pecah. Untuk masalah tampilan yang renggang, Anda perlu membuat CSS agar dapat menghilangkan kerenggangan tersebut karena biasanya sebuah gambar yang diberi link akan membuat space hyperlink.
March 6th, 2009 at 2:42 am
mas terima kasih ya, aku mau beli buku mas slamet yang khusus membahas pembuatan website dinamis dengan photoshop cs2 dan dreamweaver cs3 ,terutama yang membahas pemakaian css itu tadi .terus kalau aku pakai software cs2dan cs3 nya bajakan nanti setelah di upload bermasalah nggak mas legalitasnya .kan formatnya html ya mas.
tapi bukunya judulnya apa mas dan di gunung agung atau gramedia ada nggak
March 6th, 2009 at 3:51 am
# Untuk Setyo Sudomo, setahu saya tidak ada masalah meskipun menggunakan software ilegel. Untuk mendapatkan buku tersebut, anda bisa mendownloadnya di http://slametriyanto.net/category/e-book/tutorial-dreamweaver/
March 6th, 2009 at 6:20 am
Maaf Mas ,saya nanya lagi kalau mas Slamet Riyanto punya artikel tentang penggunaan css sebagai kelanjutan dari web design dengan photoshop dan dreamweaver nggak? kalau ada boleh nggak aku download atau kalau ada bukunya yang karangan mas sendiri aku mau beli.soalnya saya mau pakai untuk TA saya mas maklum sudah kerja baru bisa sekolah.
March 6th, 2009 at 7:14 am
# Untuk Setyo Sudomo, maaf saya tidak punya. Untuk mempelajari ttg CSS silakan kunjung tutorialnya di http://www.w3schools.com/css/
March 6th, 2009 at 8:46 am
Mas Slamet terima kasih sekali ,kalau yang tutorial bahasa indonesia kira kira ada nggak hehehe maklum bahasa inggrisnya pas pasan
mas dengan css problem saya yang kemarin bisa ya mas diatasi ,jika punya buku yang bisa direferensikan ke saya ,saya pingin beli mas
March 11th, 2009 at 3:27 pm
wah ini yg saya cari. beli bukunya dimana mas?
tolong juga dunk cara bikin web dengan ms. word,
terima kasih
March 13th, 2009 at 3:03 am
terima kasih sama yang bwt ni………..karena telah membelajari saya dalam langkah awal saya belajar adobe photoshop
March 13th, 2009 at 7:58 am
# Untuk Mahmud, makasih juga atas kunjungan dan komentarnya.
March 13th, 2009 at 8:19 am
mas slamet riyanto makasih banget atas tutorial2 yang diberikan ini bermanfaat sekali buat saya khususnya dan buat semua teman2 yang ngeliat blog ini…..mas aku doain semoga ilmu yang telah diberikan akan membuahkan amal dikehidupan yang akan datang…makasih ya mas aku doainn maju terus blog ini.amin
March 14th, 2009 at 4:30 am
# Untuk Rafael, makasih atas kunjungan dan doa dari Anda. Amiin..
March 24th, 2009 at 8:02 am
Pak Slamet Riyanto yth, gimana caranya menggabungkan desain tsb dengan CMS, bisakah desain tsb kita buat menjadi theme untuk wordpress, aura atau joomla?
March 28th, 2009 at 2:11 am
assalammu’alaikum pak.Riyanto
Saya tu pingin bisa buat web,tapi gimana ya ??? saya harusnya pake dreamweaver,joomla,atau php.menurut bapak yang mudah yang mana ya?dan tolong beri petunjuk dasar membuatnya.
Terima Kasih …
wassalam
March 28th, 2009 at 3:28 am
# Untuk Heroes Soetimbul, waalaikum salam wrwb. Jika ingin membuat web dengan dreamweaver maupun php maka anda harus mengetahui bahasa pemrogramam html dan php dari dasar sampai mahir. Namun jika ingin membangun web dengan Joomla, Anda dapat membuatnya secara cepat meskipun pemahaman tentang bahasa html dan php sangat terbatas (bahkan belum ngerti sama sekali). Jadi belajar php dan html sambil jalan ketika “mengoprek” Joomla untuk tingkat lanjut.
March 31st, 2009 at 12:29 am
ThankS Bung atas infonya !!!!
Oooo…begitu ya bung,berarti perlu dipelajari html & php untuk pengetahuan dasarnya.Mungkin Bung slamet punya tutorialnya ?
March 31st, 2009 at 11:45 pm
# Untuk Heroe Soetimbul, untuk lebih lengkapnya silakan kunjungi website http://ilmukomputer.org
April 1st, 2009 at 4:26 am
Assalamu’alaikum Pak Guru. Minta ilmunya ganti template wordpress dengan template dari komputer. syukron Wassalam
April 3rd, 2009 at 1:11 pm
Pak, mau tanya kalau mau masukin animasi flash ke joomla gimana ya Pak ?? Misalnya mau ditempatin di banner gimana Pak
April 8th, 2009 at 2:11 am
Pak aku juga mau tanya ! trus kalo kita ingin menambahkan mesin pencari di web kita spt yang diatas bagmana pak ? apa kita gambar kotak dulu, lalu ?
April 30th, 2009 at 3:41 am
begus pak!kalo bukunya dah terbit.judulnya apa pak?
teruz kalo menambah pasilitas u chat gimana pak?
May 3rd, 2009 at 2:48 pm
Blog saya dgn wordpress Blog Latihan bisa gak ya pak?
May 3rd, 2009 at 8:18 pm
Alhamdullilah.. ketemu juga dengan site yang penuh manfaat…maju terus mas pantang mundur….
May 8th, 2009 at 4:23 am
pak mau tanya punya ndak cara implementasi file dari potoshop yang kita desain untuk web dimasukkan ke joomla
May 8th, 2009 at 4:44 am
# Jumadi, kita bisa mendesain template joomla sendiri seperti yang saya buat untuk website http://jasamarga.com
May 11th, 2009 at 12:22 am
desainya pake program apa pak, saya kurang ngerti penjelasannya
May 11th, 2009 at 12:17 pm
pak boleh dong minta panduan membuat web menggunakan php dan flash makasih sebelumnya
May 11th, 2009 at 1:01 pm
# Desainnya menggunakan photoshop kemudian diolah menggunakan dreamweaver, notepad, atau wordpad.
# Ghepe, hmm saya belum membuat tutorial ttg php karena ilmu saya sangat terbatas. Kalo Flash mungkin nanti bisa saya buat..
May 11th, 2009 at 1:59 pm
Pak slamet, klo desain awalnya pki photoshop apa nnt ga’ berat websitenya, trus klo pki photoshop nnt bisa dikasi file script php ga’? tq
May 20th, 2009 at 7:38 am
Terima kasih Tutorialnya Pak, sangat bermanfaat
May 23rd, 2009 at 4:00 am
Tutornya bermanfaat sekali mas..
salam kenal…
mohon ijin saya copy untuk belajar..
makasih..
maju terus Ilmu Pengetahuan Indonesia…
May 24th, 2009 at 11:41 pm
terima kasih sudah membuat saya menjadi pinter…
May 26th, 2009 at 4:02 am
makasih pak..tutorial yang bermanfaat dengan bahasa yang mudah dimengerti..xie xie
May 31st, 2009 at 1:48 pm
eah pros dokt smart full
June 3rd, 2009 at 6:50 am
pak pakai pent toolnya ko susah banget sih tolong donk ajarin. bales di email aku aja pak. hendro_dewa_ju2r@yahoo.co.id
June 3rd, 2009 at 6:18 pm
salam kenal pak saya rony asal timor leste senang sekali membaca tutorial karya bapak ni.btw pak kira2 bukux bapak terjual di jogja nga soalx sekarang saya lagi kul di jogya.
June 15th, 2009 at 1:35 am
salam kenal. pak bagaiman cara supaya banner yang dibuat di photo shopt terdapat efek gerakan. seperti di flash. tolong bales di and_choer@yahoo.com
June 15th, 2009 at 4:01 am
June 22nd, 2009 at 2:21 pm
slm knal..
pak slamet mw nanya dong…
saya kan pake joomla pak, tp msh pake versi yg lama,blm di update..cra ngupdate’y gmn y pak??
mksh
June 30th, 2009 at 2:38 pm
tutorial yang bagus sekali saya mendapat tambahan ilmu bermanfaat setelahnya. Saya juga ingin belajar mendesain form login dengan photoshop, tetapi saya kesulitan membuat tombol login hasil desain photoshop untuk dijadikan button action. Mohon bantunnya. TQ
July 6th, 2009 at 3:48 pm
terima kasih tipsnya, saya baru punya blog bagaimana caranya meningkatkan pengunjung blog
July 7th, 2009 at 2:28 pm
Ass mas slamet
saya minta bantuan pencerahanya lagi nih…..
mas, dalam DATABASE di joomla Apa nih bedanya tabel yang awalannya Jos dan tabel yang awalanya bak???????????????????
Minta pencerahannya y mas hehehehe
Mksih mas…………..
July 12th, 2009 at 3:47 am
Wah…. Keren Mas…
July 17th, 2009 at 2:03 am
Assalamu’alaikum. Terima kasih Tutorialnya Pak, sangat bermanfaat, semoga Bapak semakin berkah ditambah lagi ilmunya sehingga bisa ngajarin kita semua.
Jazakumullah khairal jaza…
July 18th, 2009 at 7:06 am
Terima kasih atas sharing ilmunya. Semoga dibalas oleh Allah SWT dengan berlipat ganda. Amin.
July 18th, 2009 at 8:29 am
assalamu’alaikum, makasih pak tutorialnya sangat menambah ilmu saya di bidang desain, saya lagi mencoba belajar website, selama ini saya hanya ngoprak-ngaprik listing program ja, ternyata dilihat bikin web menyenangkan…..sekali lagi terima kasih
July 19th, 2009 at 6:11 pm
assalamualaikum wr.wb
bapak rianto sebelumnya salam kenal dari saya, saya mahasiswa di slah satu universitas di malang, sebenarnya saya mahasiswa pendidikan bahsa inggris tapi saya sangat tertarik di dunia komputer, apalagi ketika saya menemukan web bapak, saya termotifasi untuk terus belajar. saya ucapkan banyak terima kasih kepada bapak dan mohon bimbingannya.
wassaalamualaikum wr.wb
August 10th, 2009 at 2:15 pm
aduh makasih banyak atas tutorialnya sangat bagus soalnya saya anak smk jurusan rekayasa perangkat lunak ya pelajaranya seperti membuat web ,& pemograman^^ . . . .
August 21st, 2009 at 4:09 am
masih butuh bantuan nya nih…
buat foto jadi kartun
maklum neng ni pemula
thax
August 25th, 2009 at 6:50 pm
pak… mau tanya?
maksud dari color picker dibawah kotak warna ada tulisan Only Web Colors,ada kotak kecil untuk tempat mencentang atau tidak. Itu maksudnya apa? lalu pengaruhnya apa pada pemilihan warna?
trima kasih…..
September 8th, 2009 at 9:54 am
Wah.. Ulasan-nya lengkap dan luar biasa.. kapan yah website sy bisa di desain sehebat itu… selama ini sy buat website dengan membeli script yg sudah tersedia… Oh yah, apakah produk Webforinstant bisa mengatasi ini ngak yah ?
October 10th, 2009 at 9:42 pm
Banyak yang mendoakan Pak Slamet ni. Saya juga mendoakan Bapak yang berdedikasi tinggi dlm mencari dan menyebarkan ilmu pengetahuan, pokoknya semoga sukses selalu. Saya juga berkantor di Gunungkidul nih, di belakang kantor Depag. Saya juga (baru) sedang berusaha merangkak “ke atas” seperti Pak Slamet saat ini melalui ilmu di bidang komputer dan IT. Jadi mohon saling mendoakan. Barokallah.
October 23rd, 2009 at 3:03 am
makasih mas ilmunya,sy coba2..tp mohon izin ngopy ya mas…
October 26th, 2009 at 2:32 pm
Mas makasih banget ilmunya, and sukses selalu dalam menjalani hidup ini, salam kenal buat semuanya and sekali lagi makasih banget mas ilmunya,,,
October 26th, 2009 at 3:15 pm
@ Miss Sary, makasih juga telah setia mengunjungi blog ini. Semoga bermanfaat dan jangan lupa diamalkan…
November 11th, 2009 at 6:28 pm
Ass mas saya seorang pelajar dari SMK N 1 Kota Bekasi…..saya masih dibilang pemula dalam membuat atau mendesain web
saya ingin membuat halaman web buat forum dari menggunakan macromedia dreamweaver??
bisa share gag sama saya??
November 29th, 2009 at 12:20 pm
Saya juga masih pemula n belajar, setahu saya ada CMS untuk forum, contohnya phpBB, tinggal instal aja di webhostimg gratis juga ada auto installer..
December 13th, 2009 at 10:44 pm
mas wajah saya ganteng
December 16th, 2009 at 3:49 pm
subhanallah, ilmux… terimakasih!
January 12th, 2010 at 9:42 pm
kok sakti ya mas bikin desain sotopopnya
February 21st, 2010 at 12:21 pm
mas or mbak nie, thanks heavy ilmunya…… mudah2′a ilmunya berkembang trussssssssssssssssss.
April 28th, 2010 at 1:36 pm
mantep… ane bener2 new bie,
tapi setelah liat, baca n praktek udah jadi dech…
thanks berat mas
May 2nd, 2010 at 7:21 pm
saya mendapatkan ilmu yg luarbiasa dari anda…
terimakasih Y….atas ilmuX….
May 10th, 2010 at 5:58 pm
info yang bagus nih,
maklum saya masih newbie …
hehe
thanx tutorialnya …
June 7th, 2010 at 11:00 pm
keren mas. makasih
June 14th, 2010 at 6:50 pm
ini negh…yg gw cari makasih banyak y mas slamet, smoga sukses terus amin
June 14th, 2010 at 6:55 pm
ogh..lp mas tambahin rss donk bt lgganan artikelnya ?
June 29th, 2010 at 10:39 pm
wah web ini sangat membantu..
thanks
June 30th, 2010 at 2:04 pm
Keren banget.. salam kenal mas. senang sya mampir ke sini
July 2nd, 2010 at 11:30 am
keren banget,,,
makasih atas ilmunya,,
July 6th, 2010 at 3:18 pm
Wuah, TUTOR na MAnTafFFF ABIZZZ mass
Matur Nuwun!!!
selama ni yg saya cari karena kalo tutorial web programing udah pada ngebeludak, kalo web design masih jarang!!! ^_^
July 14th, 2010 at 11:09 am
Kereeen masssss… terimakasih atas ilmunya.. Terus semangat untuk beramal ilmu bermanfaat yah mas.. tx
July 20th, 2010 at 7:55 am
Mas Slamet ini udah kebanyakan pahala, sebab bagi-bagi ilmu terus….
July 22nd, 2010 at 9:07 am
wah,…………
keren,…….
thank you brow,……..
makasih wat tutorialnya,……..!!!