Tutorial: Mengedit Web dengan Dreamweaver
Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih praktis dibandingkan harus membuat kode html.
Ketika dokumen Adobe Photoshop (download: situs_bisnis.zip) tersimpan dalam bentuk web maka secara otomatis akan membuat tag html sendiri sehingga tidak perlu bersusah payah mengetik kode html. Anda dapat membuktikan sendiri seperti nampak pada gambar berikut.
1. Mengubah Objek menjadi Background
Tidak semua gambar (image) yang pada web yang telah kita buat diganti. Jika image tersebut berfungsi sebagai tombol, maka Anda dapat menambahkan menu pull down agar tampilan website lebih menarik. Anda juga dapat membuat tombol dalam bentuk mouse over, dan lain sebagainya.
Pada bagian ini, kita akan mencoba membahas tentang teknik penggantian objek gambar menjadi latar belakang (backgrdound) agar kita dapat memasukkan beberapa komponen di dalamnya (teks maupun grafik).
-
Pertama kali, bukalah file index.html menggunakan Macromedia Dreamweaver.
-
Setelah file terbuka, tentukan terlebih dahulu image mana saja yang akan di jadikan latar belakang dan bagian mana saja yang akan dijadikan sebagai tombol. Sebagai contoh, klik image di bagian bawah teks New Product.
-
Pada bagian Properties, tertulis Src = images/index_26.gif. Hal itu berarti kita tidak dapat memasukan teks di atas gambar tersebut karena objek tersebut adalah image, bukan merupakan background. Tekan Del untuk menghapusnya.
-
Klik pada Background URL of cell untuk memilih gambar yang akan dijadikan latar belakang (background). Oleh karena nama file yang baru saja dihapus adalah index_26.gif maka gunakan file tersebut sebagai latar belakang.
-
Ketikkan images/index_26.gif pada kolom Bg.
-
Lakukan hal yang sama pada bagian lain apabila ingin dijadikan sebagai latar belakang agar kita dapat memasukkan objek berupa teks, animasi, maupun gambar.
2. Memasukkan Objek
Objek yang dimaksud dapat berupa animasi, gambar, maupun teks. Dalam Macromedia Dreamweaver proses memasukkan objek sangat mudah karena sudah disediakan tool yang sangat lengkap. Anda tinggal memilih objek apa yang akan dimasukkan. Berikut ini akan membahas masalah teknik memasukkan objek berupa teks.
-
Letakkan kursor pada tempat yang akan ditambahkan teks.
-
Pada penel Properties, aturlah beberapa spesifikasi seperti nampak pada gambar berikut.
-
Ketikkan beberapa kalimat yang berisi berita, kemudian aturlah format teks tersebut seperti nampak pada gambar berikut.
-
Anda bisa memasukkan image di antara teks tersebut. Untuk melakukan hal itu, pertama kali letakkan kursor di awal paragraf kemudian pilih menu Insert > Image.
-
Pilih file gambar yang akan dimasukkan dalam dokumen tersebut.
-
Apabila berhasil memasukkan gambar, maka akan terlihat objek tersebut berada di depan paragraf. Namun posisinya masih kurang sempurna karena susunan teks terdorong oleh gambar tersebut.
-
Agar tampilan lebih rapi, Anda dapat mengatur posisi gambar sehingga seluruh teks akan berada di sebelah kanan gambar. Untuk melakukan hal tersebut, pada panel Properties pilih Left untuk Align.
MEMBUAT LINK DAN NAVIGASI
Menu yang mudah digunakan (user friendly) dapat membantu pengguna ketika mencari informasi yang dibutuhkan. Sebaiknya menggunakan tombol menu yang umum, seperti: Home, Product, Service, dan Contact Us
Dalam Macromedia Dreamweaver, kita membuat Pop-up Menu, dan Jumping Menu secara mudah. Anda tidak bersusah payah menuliskan script yang panjang dalam bahasa Javascript karena telah disediakan tool yang sangat mudah dan fleksibel.
1. Membuat Pop-up Menu
Keunggulan software Macromedia Dreamweaver dibandingkan dengan aplikasi lain yang sejenis adalah adanya tool untuk membuat menu pop-up yang dibuat dengan bahasa Java. Bagi mereka yang masih awan dengan bahasa Java, tidak perlu bingung karena disediakan panel Behavior untuk mempermudah dalam pembuatan menu pop-up.
Sebelum membuat pop-up menu terlebih dulu harus menyiapkan nama file sebagai link. Sebagai contoh: ketika user memilih menu PC maka yang akan muncul adalah pilihan nama computer seperti Acer, HP, BenQ, dan lain sebagainya. Dan ketika user memilih salah satu opsi (missal: Acer) maka akan terhubung ke file tersebut.
Dengan demikian, Anda harus membuat beberapa file dengan bentuk interface yang sama seperti halaman utama, yaitu menyimpan dengan nama lain (contoh: Save As > acer.html). Diasumsikan, Anda telah memiliki beberapa file sebagai link yang dimaksud.
-
Pertama kali, klik menu PC.
-
Jika panel Behaviors belum muncul, aktifkan terlebih dulu dengan cara memilih menu Window > Behaviors.
-
Pada panel Behaviors (berada di sebelah kanan), klik tombol Add (tanda plus) untuk membuka menu.
-
Selanjutnya pilih Show Pop up Menu.
-
Setelah mengklik pilihan tersebut, maka akan muncul kotak dialog Show Pop-up Menu yang masih kosong.
-
Pada Tab Contents, masukkan nama menu pada kolom Text (misal: Acer).
-
Kemudian masukkan alamat URL pada kolom Link.
-
Selanjutnya pada kolom Target, pilih _parent.
-
Untuk membuat menu yang baru, klik tanda plus (+) di bagian atas. Kemudian lakukan hal sama seperti pada tahap 6.
-
Selanjutnya, klik Tab Appearance untuk mengatur warna teks dan latar belakang pop up menu. Tentukan jenis dan ukuran font yang digunakan. Lalu tentukan pula warna teks dan warna cell ketika mouse berada di atas teks.
-
Klik Tab Advanced untuk menentukan lebar, tinggi dan warna border kotak pop up menu.
-
Klik Tab Position untuk menentukan posisi pop up menu.
-
Setelah selesai klik OK. Untuk melihat hasilnya, klik tombol F12.
-
Untuk mengasah keterampilan Anda, buatlah pop-up menu pada tombol lain.
2. Membuat Rollover Image
Macromedia Dreamweaver selain menyediakan tool untuk membuat Pop up Menu juga menyediakan tool untuk membuat Rollover Image sebagai tombol. Yang harus Anda lakukan pertama kali adalah menyediakan dua buah gambar yang ukurannya sama tapi warnanya berbeda.
-
Buatlah duplikasi gambar tombol yang telah ada.
-
Kemudian editlah file hasil duplikasi tersebut menggunakan Adobe Photoshop. Pilih menu Image > Adjustment > Hue/Saturation.
-
Setelah muncul kotak dialog Hue/Saturation, aktifkan pilihan Colorize. Kemudian geser Slider Hue maupun Saturation sesuai kebutuhan. Setelah selesai klik OK, simpan dokumen tersebut dengan cara menekan Ctrl+S.
-
Sekarang kembali ke Macromedia Dreamweaver. Klik gambar About Us.
-
Hapuslah objek tersebut dengan cara menekan tombol Del. Selanjutnya pilih menu Insert > Image Objects > Rollover Image.
-
Setelah muncul kotak dialog Insert Rollover Image, berilah nama gambar pada kolom Image name kemudian tentukan gambar asli pada kolom Original Image. Untuk mempermudah pencarian file, klik tombol Browse. Tentukan pula file untuk gambar rollover pada kolom Rollover Image.
-
Masukkan teks alternat pada kolom Alt, lalu tentukan nama file sebagai link ketika tombol tersebut di klik.
-
Untuk melihat hasilnya, tekan tombol F12.
Popularity: 66% [?]
mas, saya mau nanya… kenapa website yg saya buat itu kalo di browsing pake mozilla itu berubah lebih kekiri yang jadinya g prporsional gitu… padahal kalo pake IE itu proporsional. persis seperti preview di dreamweaver 8 yang sy pake… saya yakinnya sih masalah lebar halamannya…
btw website widthnya 950px. yang saya heran, koq bisa ada orang lain bikin website dengan ukuran lebih dari 800×600 tpi tetep terlihat proporsional di mozilla.
Semoga saya bisa cepat dapet tanggapannya.
oh iya… websitenya boleh diliat di http://www.inspiredkidsmagazine.com
thanks…
ym ID capunk_tangle
Terima kasih untuk mas Dadang,
Oleh karena masing-masing browser memilki fitur yang berbeda satu sama lain, maka kita tidak dapat “memaksakan” agar bisa tampil di semua jenis browser.
Solusinya: ketika ‘preview’ hasil tampilan, sebaiknya menggunakan browser yang sering digunakan orang yaitu IE sehingga kejanggalan tampilan dapat segera diperbaiki, buatlah ukuran layout standar (misal: 800×600 atau 1024×728). Karena beberapa user masing sangat jarang yang menggunakan monitor dengan resolusi di atas 1024×728. Buatlah perataan (align) di tengah-tengah halamanm, sehingga ketika dibaca dengan resolusi berapa pun tetap berada di tengah.
Salam
Pak saya mau tanya, apa sih yang dimaksud popup dalam pembuatan web sih? Sebelumnya mohon maaf karena saya masih dalam tahap awal dalam belajar tentang dunia web. terima kasih
Dalam arti sempit, pop-up yaitu sebuah reaksi ketika user memberikan reaksi terhadap sebuah objek dalam website tertentu. Pop-up bisa dalam bentuk gambar, link, animasi, maupun objek lain. Tujuannya bermacam-macam, bergantung pada si pembuat situs tersebut.
Pop-up menu sering digunakan untuk mempercantik tampilan situs agar lebih menarik. Hal ini sangat berguna jika memiliki beberapa menu yang ingin ditampilkan. Dengan adanya pop-up menu, hanya menu tertentu saya yang ditampilkan, sedangkan menu yang lain akan muncul ketika mouse berada pada di atas menu tersebut. (mouse over). Biasanya, pop-up menu menggunakan bahasa Java. Namun Anda juga bisa membuat pop-up menu lainnya dalam bentuk flash.
Salam,
mas saya mau tanya g mana caranya ya mislan waktu kita udah instal app servernya trus kitakan dah buat menunya misal home waktu kita klik home biasanya kan muncul ratikel g mana ya caranmya gw dah pusing nih
Kang / Mas Anda begitu peduli dengan pecinta design lainnya tetapi bagi saya Andalah yang Best Of The Best karena jarang lho yang mau share ilmu seperti ini apa-apa ujung-ujung nya duit lagi kasian khan bagi mereka yang punya kemampuan tetapi tidak mempunyai biaya….salut untuk Anda….
Untuk mas Kuslan
Anda pake program apa? bisa lebih detail? Biar saya jawabnya juga tidak melenceng dari pertanyaan Anda
Untuk mas Dony,
Thanks atas komentarnya, saya dapat ilmu dari dari orang lain, dan sudah menjadi kewajiban saya untuk memberikan ilmu yang saya ketahui meskipun cuma satu kalimat. Mudah-mudahan ilmu yang saya share bermanfaat bagi teman-teman yang membutuhkan, tidak menyesatkan.
Salam
terima kasih banyak mas..
atas kesediannya nulis artilkel ini.
membantu banget….
sukses mas..
wah bagus mas trim ya atas tipsnya
terimakasih atas tips and trik nya pak slametriyanto
mas mau tanya saya baru belajar buat web. saya pakai visual studio 2005 dan baru belajar photo shop juga gimana caranya design animasi/ gambar web dari photo shop di aplikasikan ke vs 2005
thank’s
kepada yth,
bapak slamet riyanto
di tempat
pak saya ingin buat web sendiri, tapi saya masih awam dalam pembuatan web.yang saya tanyakan bagaimana solusinya pak. dan sofware apa saja yg saya butuhkan untuk pembuatan web saya sendiri.
dan saya tertarik atas buka karangan bapak.dimana saya bisa dapatkan buku tersebut dan brapa harganay .
terima kasih.
hormat saya,
nasrul
# Untuk mas Joni, terus terang saya tidak pernah pake visual studio untuk membuat website. Software yang sering saya gunakan adalah Adobe Macromedia Dreamweaver, Mambo/Joomla, dan kadang-kadang Frontpage. Sedangkan untuk membuat animasi sederhana, Anda bisa memanfaatkan Adobe Image Ready yang terinclude dengan Photoshop versi 7 - 9.
# Untuk mas Nasrul, Anda bisa membuat web menggunakan software open source yang terbagi menjadi beberapa kategori. Di antararanya situs portal (Mambo/Joomla, dll), blog/situs pribadi (Wordpress, dll), E-Learning (Moodle, Atutor, dll), e-Commerce (Zencart, osCommerce, phpShop, dll).
Anda tinggal pilih kategori situs kemudian download program tersebut di situs < a href="http://opensourcecms.com">OpenSourceCMS. Install di PC Anda, dan masukkan content yang diperlukan. Setelah selesai upload ke Internet, tentunya harus punya domain dan hosting.
salam sejahtera buat bapak slamet riyanto…pak saya ingin bertanya,,kebetulan aya sedang PKl diperusahaan besar..dan perusahaan itu menugaskan kepada saya untuk membuat website.nah,,disitulah kebingungansaya…sebenarnya jurusan kmata kuliah yang saya ambil adalh programmer dan teknisi komputer…tetap saya masih bingung dan masih terbilang pomula..saya susdah mencoba dengan menggunakan desain photoshop,,tapi begitu sulit buat saya…saya pngen cara seperti mengedit web dengan dreamweaver..tlong pak,, jawabannya saya tunggu di su5y4@yahoo.co.id..sebelumnya terima kasih.
mas, saya mau tanya bagaimana caranya memasukan file flash ke dreamweaver. kok gak bisa di preview ya mas
mas gmn caranya menghubungkan antara link dari halaman web yang kita buat antara macromedia mx ma macromedia fireworks, coz saya coba gak bisa tuh. Trus biasanya software yg sering dipake ap y???
harap maklum msh amatiran
# Untuk mbak Susya, waduh saya minta maaf tidak bisa memenuhi permintaan Anda untuk mengirimkan artikel tersebut.
# Untuk mas Yandi, coba Anda pilih menu Insert > Media > Flash. Tapi terlebih dulu letakkan kursor di area yang diinginkan. Semoga berhasil.
# Untuk Malakian, terus terang saya belum pernah make Macromedia Firework tapi sekilas saya lihat menu2 nya 85% sama dengan Photoshop. Oleh karena saya sudah 10 tahun lebih menggunakan Photoshop, jadinya tidak bisa berpaling ke lain hati :).
wowww keren sekali thanks bangetsssssssss
Asslmkm…..
Bravo…mas Slamet…..
oiya, mass mao tanya…situsnya bwat donwload plug in flash apa ya?? coz uda nyari do Gogle ga dapet 2…
hatur Nuhun before after…
mas, mkasih byk udah mau share ttg web..
trus trang aku msh sangat baru dalam hal ini dan sangat pengen bsa membuat web. Btw, bsa gak mas mengirimkn pada saya cara mendesain web menggunakan dreamweaver, cos aku baru tau buka programx doang tp gak tau tools2x fungsi2x buat apaan
my mail: thechannelstones@yahoo.co.id
makasih sbelumnya…
Pak Slamet,,,,pakabar,saya mampir lagi niy :D, tahap desain ama ngeditnya sudah kelar trs mau disisipin PHP gmn biar web nya interaktif ama pengunjung, sebelumnya terimakasih atas penjelasannya dan kalo bisa sekalian tutorialnya di posting.
salam
buku yang udah mencakup semua tutorial bikin situs dari adobe ampe dreamweaver apa siy?oya kalo mau select image pake magnetic lasso tool supaya yang tersave cuman bagian gambar aja tanpa background gimana caranya yak?
masih kurang data yg Qperoleh ttg dreamweaver
To : mas slamet riyanto
——————————-
punya situs selain yang ada di slametriyanto.net ga’ mas…
————————————————————————–
terima kasih.
terima kasih atas kebaikan mas Slamet yang telah banyak menolong saya memberi pengetahuan yang sangant berharga bagi saya. Tuhan memberkati.
assalam… lam kenal aja .. saya baru ngunjungi situs ini dan saya pengen mendalami bidang web designer trims…wasss
buat pak Slamet riyanto. trima kasih mau membagi ilmunya sampai sedetail ini. sy baru berkunjung kesini. Mohon ijin copy ya Pak. Usul ya pak, kalau berformat *.pdf mungkin lebih baik lagi. trima kasih
Mas mau nanya kl mau buat menu pop up dari flash button gimana ya caranya, saya pake behaviour kok menu show pop up menunya ga aktif, tolong banget dong mas, saya pake dream weaver, tks
Oh iya mas satu lagi kl image header mau ditaro teks di gambarnya gimana ya?, saya rubah jadi back ground kok jadi gambarnya banyak?? please….tks
# Untuk mas/mbak Thian, memang kalo kita pake buat header dalam bentuk flash dan di atasnya terdapat menu pop-up maka tidak akan muncul karena tertutup oleh objek flash tersebut. Anda bisa menyiasati dengan cara memindahkan menu pop up di bagian bawah, atau ditambahkan pada menu tersebut.
# Untuk mas Ian, coba anda atur ukuran tabel sesuai dengan ukuran gambar (width dan height).
mas, saya guru di balikpapan, sy lg nyoba membuat web untuk sistem manajemen nilai siswa, menggunkan php. gimana cara (kode programnya) membuat supaya siswa yang login dapat melihat nilainya sendiri (manajemen sesi, sys udah nyoba tapi yang terbaca selalu data yang pertama pada tabel siswa
makasih mas
Pak Suradi yth, secara pribadi saya salut dengan Anda yang masih giat untuk mempelajari teknologi informasi dan komunikas. Terus terang, saya sedikit sekali mengetahui tengan bahasa php, jadi mohon maaf jika jawaban saya kurang memuaskan.
Untuk pertanyaan Anda, bisa saja menggunakan logika IF. Siswa diberi username dan password (misal: nomor induk siswa), jika siswa A dengan NIS 0001 maka akan menuju ke dokumen nilai siswa A, selain itu (ELSE) maka akan menuju ke halaman utama.
Untuk itu, anda perlu membuat database siswa yang berisi beberapa tabel (nama, nomor induk, jenis kelamin, nama orang tua, alamat, dll). Masukkan data siswa di database (MySQL) secara lengkap. Selanjutnya, di php tinggal membuat logika seperti di atas. Selamat mencoba, semoga berhasil
mas, web anda berantakan di browserku, aku pake mozilla firefox. kenapa ya?
mas, ada tutuorial tentang membuat design web dg dreamweaper 8, saya pemula, saya ingin sekali belajar membuat web. kalo ada totlong dong dikirimin ke email saya
trims
Yth Pak Slamet Riyanto….
Saya mau tanya, gmn ya caranya nyambungin design web yang udah saya buat ke database? saya pernah denger tentang mySQL,harus instal dulu ya? minta petunjuk buat halaman komentar dong pak…..makasih…
COOL !! lanjutin mas… saya dukung…
tutorial na bagus….dan bermanfaat..
pak thanks untuk ilmunya
saya mau nanya, bagaimana supaya web yg saya buat, flashnya tidak terblock oleh pop up block di ie ?
Terima kasih buat artikelnya, sangat membantu sekali
Mas Slamet…
Bravo.. buat mas Slamet…
Matur Suwun banget…..
Walau saya baru sekali ini buka web site mas Slamet, saya salut bangeeet
mugo- mugo di tambah rezekine……
nuwun sewu saya minta ijin copy artikel ini..
salam
Mas Slamet…
hebat..hebat..hebat..buat mas Slamet…
harat banar …..
Walau saya baru sekali ini buka web site mas Slamet, saya salut bangeeet
mudah-mudahan ditambahen lagi artikelnya……
saya minta ijin copy artikel ini..
salam
Hansbanjar
Hallo Mas saya mau tanya kalo buat script upload photo gimana ya ? tapi pake recordset dreamweaver. terimakasih
Ass. Mas
Makasih atas tutorialx…membantu saya banyak sekali untuk memberikan pelajaran ke anak didik saya…sekali lagi makasih..
thank’s ya mas atas informasi ini.
sangat bermanfaat bagi saya,
halo …….mr
ku mo nanya, nich
koq poo up ku ga’aktif ya
n gman sih daftarin websita kita
agar bisa online…………
tank y
Permisi,
Boleh nanya kaga, Mas Slamet? Gini loh. Aku kan baru belajar buat design web, trus aku pake photoshop. Nah, persis kaya yang Mas kasih di tutorial buat web ini. Nah, sebuah objek image aku jadikan background lalu aku sisipkan teks atau image lainnya. Permasalahannya, aku mau gambar itu tetap besar tetapi malah membuat bergeser dan terpisah satu sama lain.
Aku harap, Mas Slamet menangkap apa yang aku bicarakan.
Nah, ketika aku preview di browser (Mozila) webnya memang melebar tapi patah-patah. Ada solusi ngga, Mas?
Terima kasih
Mas…
Kelupaan nih…
Begini, saat kita membuat web dengan dreamweaver misalnya, apakah kontennya harus kita ketikkan dalam pengerjaannya? Jadi bagaimana dengan penambahan artikel atau content setelah web di upload? Bagaimana nanti manajemennya?
Maaf ya, Mas kalo kebanyakan tanya…
salam
Mas, bagaimana cara membuat (1). coment seperti ini, sehingga orang yang masuk dalam website saya bisa kasih komentar,catatan,maupun tulisan lain; (2) membuat tulisan yang selalu bergerak memanjang ke samping kiri (kayak di TV itu lho Mas). Saya pakai dreamweaver
waduh aku baru nemu nih, page..coba dari dulu mungkin jadi bisa banyak belajar….. saya sangat tertarik dengan pembahasan photoshop dan dreamweaver nya….. mas kasih tahu dong gimana caranya buat postingan di wordpress seperti tampilannya mas slamet..
maksudnya tulisan..bla..bla.terus selengakapnya atau continue reading…kesannya profesional gitu….nagkep maksud saya yah mas…terimakasih sebelumnya..
Mas mau nanya nih, apa bisa layer dijadikan tujuan dari link seperti kalo kita pakai frame, kalo bisa gimana ya caranya ? Thank’s
beruntung sekali saya menemukan situs mas!!
saya lagi belajar bikin wab, tapi secara otodidak karena saya masih duduk di bangku sma…. saya mau nanya mas” untuk membuat sebuah web yang bagus butuh apa aja? baik dari software yang di gunakan maupun fasilitas lain yang bisa di pake…
kalo mas punya turitorial yang komplit, sudilah kiranya mas membantu saya [tolong kirim ke e-mail saya aja ya mas] terimakasih banyak sebelumnya
Wahhh….
Jurus lagi nih…
mas,saya baru blajar bkin website pake dreamweaver 8 scra otodidak, tapi artikel diatas bagi sy msh terasa sulit n mbingungkan!!
bkin artikel yg lbh dasar donk soalnya sy pngen mulai dri awal..
tlong dbkin y mas.hehehe
slam knal…
saya mahasiswa di salah satu universitas baru nun jauh di sana ( Nusa Tenggara Barat ), internet masuk ke daerah saya udah sebulan yang lalu (desember 2008)saya sangat ingin bisa membuat web, saya sudah nginstall dreamwaver8 tapi gak tau cara menggunakannya….
sekiranya ada rejeki saya mendapat percikan ilmu Bapak, semoga menjadi ibadah yang kan dipetik dikemudian hari…
ralat..
bukan desember 2008 tapi desember 2007
kepada yth,
bapak slamet riyanto
di tempat
Pak saya baru menggunakan Dreamweaver CS3 untuk komputer saya. OSnya Windows Vista business. Saya membuat 2 frame (leftFrame dan mainFrame), untuk left frame saya masukkan flash button untuk pilihan menu. Saya sudah edit link dan target framenya adalah mainFrame, tetapi bukannya link tersebut mucul di mainFrame, dia malah membuka di windows baru. Permasalahan ini saya dapati untuk semua jenis flash (flash button, flash movie, flash text). Tetapi ketika saya coba untuk image dan text biasa, semua link to target frame berjalan normal.
hormat saya,
nasrul
# Untuk rekan-rekan pengguna blog ini, mohon maaf jika tidak semua pertanyaan saya jawab. Dan untuk permintaan penjelasan lewat email, mohon maaf tidak saya layani :D. Oleh karena sudah menumpuk komentar dan pertanyaannya, sehingga saya sendiri bingung mulai dari mana….
Salam,
Slamet R
# Untuk mas Herman, pop up gak muncul? Sudah mengikuti pentunjuk di artikel ini belum? TTg pembuatan situs online Anda bisa mendaftar di beberapa penyedia hosting dan domain. Harganya relatif murah, antara 150-500rb per tahun.
# Untuk Sinichi, gambar yang dijadikan background mungkin terlalu besar melebihi table sehingga mendorong bagian lain. Tampilan situs pada masing-masing browser berbeda, usahakan menggunakan Internet Explorer sebagai penguji. Oleh karena tersebut bersifat statis maka untuk menambahkan artikel baru maka harus membuat page (halaman) baru pula yang posisi dan gambarnya sama persis. Bedanya hanya pada isi artikel.
# Untuk mas Joko, blog ini menggunakan software open source, artinya tinggal menginstall dan menyediakan artikel. Untuk scriptnya sudah include di dalamnya. Teks yang berjalan, anda bisa menggunakan perintah (marquee)
# Untuk Kosasih, anda bisa memotongnya dengan tools yang ada Read more….
# Untuk mas Paijo, Layer bisa saja dijadikan link dalam bentuk Anchor (hanya mengarah teks yang dimaksud), kalo link seperti Frame setahu saya tidak bisa.
# Untuk Rifqi, mohon maaf tidak bisa mengemail ke Anda. Untuk membuat website yang bagus banyak sekali aplikasinya. Anda mau buat web portal, web pribadi, atau web apa? Jika sudah menentukan webnya, silakan download software gratis untuk membuat website di situs http://opensourcecms.com.
# Untuk Rofi, anda bisa belajar di situs http://tutorialized.com. Artikelnya lengkap dan bagus.
# Untuk Nasrul, coba tombol yang dari flash ditambahkan actionscriptnya, _parent. Artinya tidak akan membuka window baru. Secara default, flash membuka window baru jika mengarah ke salah satu link.
Pak Slamet, menanggapi pertanyaan saudara Nasrul. Saya sudah mencoba untuk mengganti target=”_parent”. Yang terjadi adalah flash button tersebut tidak membuka link di browser baru tetapi mengganti total browser yang sekarang terbuka dengan link dari flash button tersebut. (2 frame yang sudah saya buat sebelumnya menjadi hilang, ter replace dengan halaman link tersebut). Terimakasih
aku belum mengerti bagaimana cara membuat web dan membuat tampila-tampilannya.TOLONG DONG KIRIMIN KE E_MAIL AKU BAGAIMANA CARA MEMBUAT RANCANGAN, PROGRAM DAN LANGKAH-LANGKAHNYA,TRUS APA PROGRAM YANG DIGUNAKAN DAN BAGAIMANA ME_LINK_KANNYA KE INTERNET??? THANKS Y…
Mampir lagi nih..lama ga mampir kesini..ketinggalan tutorial nih…Moga Sukses selalu..!!
# Untuk mas Leo or Nasrul, apakah masing-masing frame sudah diberi nama? misal “rightFrame” dan “mainFrame”. Jika sudah, coba pada flash masukkan script ini:
on (release) {
getURL (”targetName.htm”, “mainFrame”);
}
# Untuk mas Novi Herman, maaf saya tidak bisa mengirimkan artikel dengan cara email. Untuk mempelajari cara membuat web, bisa juga baca-baca artikel di situs http://ilmukomputer.com
# Untuk mas Eko Priyanto, thanks atas komenter dan doanya.
Pak Slamet, Saya pakai dreamweaver 8, saya mau buat link ke website yang ada di internet (spt :google,yahoo, detik com dll). Tapi caranya gimana ya???
saya uda coba2, blm berhasil juga….Please banget ya pak bantuannya…
Terima Kasih banyak pak
DH,
Terima kasih banyak mas, saya sangat membutuhkan sekali pengetahuan seperti yang mas berikan, karena saya sangat tertarik sekalid dengan segala hal yang berbau-bau komputer, internet dll, tapi tlg kasih tau dong gimana cara bikin webmail,ditunggu! thank berat
pak de’.. saya ikutan nanya ni ahh..
jd gni kronologis na…
mungkin ini agak mnyimpang dari tutorial, tp kek na berkaitan deh.. heheheheh..
saya mo buat sebuah lyric lagu yg bsa jln ke atas gtu di sbuah gmbar [mungkin BG, kotak to apalah nma na, pink].. contoh bsa di liat disini,
di bagian >>> Letras para tu blog, pagina web o foros…!!!
nah.. itu kan ada kode yg bsa di kopas.. stlh di tlusuri.. trnyta, itu kode swf [sockwave]..
yg saya mo tanya.. utk program itu bsa kita dpt mlalui ’swish’ yah om? trus, itu brarti Js dung, sdngkan di situs2 trtntu.. ada Js yg ‘not allowed’.. nah tuk mnyikapi itu gmn kang?
itu yg prtma, slnjut na, klu kita mo donlot [yg gratisan tntu na, heheheheheh..] program swish yg mna yg bsa mndukung hal itu [running text/ behaviour, dll]?
puyeng nih gk bsa2 dari taon jebot, jatuh na gif lg gif lg.. gk mksimal krn cma 256 warna, trus jga ‘kasar’ hasil na.. gk seru!!!
o iy satu lg..
apa yah? ud deh sgtu aja.. mugo2 brkenan jawap..
mksh tuk ksmpatan na.. tutorial na keren pak guru.. berguna bgt bwt pemula spt saya.. psti jd bakal sering2 nengokin page satu ini deyh.. [smb8il nunggu2 jawapan mode on*]
mksd na kta2 “di sini” di atas adlh >>> http://www.quedeletras.com/letra-cancion-push-bajar-43720/disco-helloween/helloween-push.html
[ko gk jls yahh html di sini? pdhl tu di atas ada running text (marquee) kan?!?!?!
hmmmmmmm…
# Untuk Nopi R, anda bisa membuat link dengan beberapa teknik.
1. Link teks: seleksi teks yang akan dibuat link (misal Google), setelah terseleksi di bagian Properties masukkan alamat URL (misal: http://www.google.com).
2. Link Tombol: buat tombol (flash atau image), klik tombol tersebut, lalu pada Properties masukkan alamat URL (misal: http://www.slametriyanto.net)
3. Link Gambar: sama dengan no 2.
# Untuk Genial, program SWISH bisa mengekspor dalam bentuk swf. Untuk JS, bisa diatur pada Internet Connection. Untuk mendownload program SWISH, waduh maap aku kurang tahu. Tapi biasanya beli di beberapa toko yang menyediakan (ilegal)
wahhh saya mampir lagi nih pak guru..
mksh tuk reply na tempo hari…
hmm,,, mksd na ‘bisa di atur pada Internet Connection’ apa yah pak? [mklum gk ngrti hal2 berbau tekhnis, pink]
mksh sblm dan ssdah na…
Tolong dong kirimin tutorialnya tentang Dreamweaver n photoshop.kalo ada aplikasi bawaan adobe.
terimakasih…..
saya mau tanya boz,
apakah pengaruhnya jika saya terlalu banyak menggunakan file .swf (flash) ke dalam web?
padahal ukuran file .swf lebih kecil dibanding dengan file .jpg.
saya selalu merubah file .jpg menjadi .swf sebelum dipakai di dreamweaver.
terima kasih.
kalo bsa tutorial dreamweaver a yg lbh lgkp lg y mas…..
mas,saya ini pemula dan saya mau memasukan text pada tabel,tapi kenapa border tabelnya ikut bergerak meninggi sebanyak saya memasukan text,bagaimana cara menguncinya?thanks
cara masukin swf ke site kita?
forget about swish… i just wanna know how upload as swf file to our site.. please!!! reply ASAP!
OOT : Saya mau tanya web server mana yang gratis selain geocities.com. Yang mendukung javascript dan CSS. Kalo bisa nama webnya yang gak panjang-panjang. GRATIS lho pak..!!! :->
Mas Slamet, boleh ga aq minta software buat ngompres MP3 yg gratisan ato minta alamat situsnya. Balas di emailq! GPL
aku mo tanya ada yang bisa membuat cd interaktif dengan swish ga?
balas ke imail ku aja yaaaa
Mas, saya mau tanya caranya membuat web yang berbasis php dengan menggunakan software macromedia dreamweaver MX yang bisa di update yang bisa di link atau scriptnya bagaimana? terima kasih.bls di emailku.
mas slamet caranya buat web gimana di macromedia dreamweaver mx. trus cara nyimpen bagaimana, cara memanggil web itu jika lewat internet explorer bagaimana?
maaf baru pemula. balas ya/ terima kasih
Mas Slamet..
minta ilmunya ya
bwt tugas kuliah
makasih
Mas, minta tolong… saya bikin web (msh offline) pake macromedia. Hm… sy bikin pop up menu gitu. tapi… pengennya targetnya dia itu ke frame yang saya buat.Trus di javascriptnya diedit di mana nya ya pak, untuk membuat target framenya.
Di index phpnya berbentuk table gitu terus salah satu bagian table itu/kolom sebelah kanan saya tambahkan frame dengan script . Jadi frame nya itu didalam kolom table. Jadi yang frame cuman kolom itu. Mohon bantuannya yah… Terima kasih…
Mas, minta tolong… saya bikin web (msh offline) pake macromedia. Hm… sy bikin pop up menu gitu. tapi… pengennya targetnya dia itu ke frame yang saya buat.Trus di javascriptnya diedit di mana nya ya pak, untuk membuat target framenya.
Di index phpnya berbentuk table gitu terus salah satu bagian table itu/kolom sebelah kanan saya tambahkan frame dengan script |IFRAME name=”kanan” style=”BACKGROUND-COLOR: #88C20B”
src=”salam.htm” frameBorder=0
width=620 scrolling=”auto” height=800 scrolling=”auto” IFRAME|. Jadi frame nya itu didalam kolom table. Jadi yang frame cuman kolom itu. Mohon bantuannya yah… Terima kasih…
masssss saya pakai macromedia truss g mana caranya ya misal waktu kita udah instal app servernya trus kitakan dah buat menunya misal home waktu kita klik home biasanya kan muncul ratikel g mana ya caranmya gw dah pusing nih
tutorial yang baru saya dapat dari situs ini sangat membantu saya sekali mas.saya dapt tugas akhir kuliah bikin web statis,tapi di kumpul masuh lama dan perkuliahan web saya juga baru 2 kali pertemuan,tapi saya ingin duluan dari teman-teman saya,seminggu kemaren saya sudah mendapatkan banyak tutorial tentang bhasa html dan js…tapi dalam macromedia saya agak kurang mengerti pengunaannya mas…kadang gambar yang sudah saya desain di photoshop jadi berantakan, tampilannya….mas punya tutorial tentang penggunaan layer ngak Dremweaver ngak ?publish dong mas……sama css itu apa sich dan cara pengguanannya…..terima kasih mas atas tutorial yang sangat bagus ini……..
artikelnya bagus banget apalagi buat sy pemula. Cm dmn sy bs download dreamwaver gratis ya.Bisa bantu…tks
met siang mas…,tutorialnya sangat membantu banget bagi orang awan yang pengen membuat web..(thx a lot).
langsung aja neh mas….saya sudah bikin layout web pake photoshop, trus di import ke dreamweaver, kemudian yang jadi masalah adalah ketika saya akan memasukan text yang lumayan banyak ke dalam layout tersebut, maka layout tersebut akan pecah-pecah karena text yang dimasukan di tabel terlalu banyak..kalau yang di tutorialkan sedikit textnya..
nah gimana tuh mas cara memperbaikinya..bisa bantu mas!!
thx sebelumnya
tolong kasih tahu dong alamat free software video editing
1. klo dah jd sma d dreamweaver trs cara uploadnya gmn mas?
2.mas blogspot bs gk di edit pake dreamweaver?
mas, gw mau buat web tuk forum, bisa bantu gw tuk buat desing web nya
wow, tutorialnya keren pak!!
saya mo nanya pak, klo nge-design template buat blogger itu gimana caranya supaya bagus pak, soalnya setiap ngedit di adobe photoshop dan macromedia dreamweaver, HTML code-nya gagal terus, apa mungkin karena elemen halamannya yang terbatas yang membuat HTML code-nya selalu tidak berhasil, terima kasih pak, saya bersyukur nemuin website tutorial yang tidak pamrih, nanti saya buatkan link website bapak diblog saya!!,,,,tolong dijawab ya pak!!
# Untuk mas Hilman, biar nggak pecah gambar tersebut dijadikan sebagai background. Yang tadinya menggunakan (img src=) diganti menjadi (background=).
# Untuk Mas Ayo, anda bisa mendaftar membuat account di http://geocities.com. Lalu buatlah nama website baru, terus semua file diupload ke internet. Ingat, harus ada file index.html, atau index.htm, atau index.php. Jika tidak ada, maka website anda tidak dapat terdeteksi.
# Setahu saya, blogspot tidak menyediakan fasilitas editing file dari luar (eksternal file).
# Untuk mas Amir, Insya Allah saya akan bantu
# Untuk mas Askary, anda tidak menyebutkan secara spesifik kode HTML yang mana yang anda maksud.
maaf pak, saya tidak menyebutkan code HTML-nya.
Yang saya maksud itu sewaktu saya men-upload code HTML-nya di edit HTML, selalu tidak bisa
Apakabar mas Selamet
Saya Amir seorang pemula yang pengen bget bikin web… sedang bermain di Mbah Google ehh ketemu deh web yg bagus ini.
Mas tolong saya dunk saya baru mau memulai bwat tugas kuliah, saya pengen bwat website tempat kursus bahasa inggris. apasaja yang harus saya pelajari dan harus bisa, dan juga software apasaja yang harus saya instal pd komputer saya.,
mohon informasi dan saran bwat seorang yg awam dan pemula ini yg berkeinginan bisa membuat website.
mohon maaf sebelumnya
terimkasih ^_^
boss gw lagi belajar ngeblog neh…bagi artikel yah….thanks.
Mas tanya dong kok saya udah coba cara mas slamet yang ini : pada flash masukkan script ini:
on (release) {
getURL (â€ÂtargetName.htmâ€Â, “mainFrameâ€Â);
}
kenapa masih belum keluar ditargetnya ya? tapi masih bikin page sendiri
malem mas, saya masih awam masalah vb script dan java script. sebenarnya fungsi utamanya apa ya?
red:
“”Ingat, harus ada file index.html, atau index.htm, atau index.php.”"
LA INI YANG JD MSALAH, KATANYA KLO PAKAI DREAMWEAVER GAK PERLU TAU BAHASA html, atau index.htm, atau index.php?
TOLONG MAS AKU BNER2 PENGEN BELAJAR SAMPE BISA
html, atau index.htm, atau index.php..??
TOLONG BIMBING N INFO YG GRATISS2 TP BS BKIN WEB/BLOG SMP BNER2 SAYA BS LANCAR MAS..
MAKASIH BYK MAS ATAS BIMBINGANYA
mas dikasih alamat html dong mas biar bisa ng’link lewat friendster,kan enak??????????????!!!!!!!!!!!!!!!!!
Saya sudah biasa make dreamweaver, tetapi photoshopnya masih harus banyak belajar.
makanya untuk nambah penetahuan, aku ngikutan ijin donlot ebook2-nya ya mas ???
salut dan trims banget deh buat anda….
salam,
ang/Mas Riyanto saya sangat salut dan kagum mas mas, karena begitu banyak ilmu yang bermanfaat yang mas ajarkan, dah banyak kali pahala yang mengalir yah mas, semoga tetap nawaitu dengan keikhlasan yah kang.
Kangada beberapa artikel kang slamet yang aku download matur suwun yo kang,c uma ada beberapa artikel yang belum sempat aku dapetin kelanjutannya, seperti memebuat website artikel yang dari 1-7 saya baru dapet artikel yang 1-2 nya saja, yang 3-7 gimana dan dimana say bisa dapetinnya yah kang..?? (kalo boleh sih bisa request kang minta dikirimin gitu lho..) suwun kang..
terus bisa gak kang slamet riyabto bikin tutorial web Dreamweaver yang sampai online (dari design ampe upload dan online lengkap) kang..?
dan pembahasan MS yang komplit gitu kang dari CMS atau Cpanel yang sering dipakai pihak hosting untuk updatenya. kalo dah ada dimana yah kang saya bisa dapetnya.
matur suwun kang, sukses selalu
semoga amal kang riyanto selalu mengalir seperti halnya air bengawan solo kang
Amiiinnn
salam
Ade
Hebat x 3.
Mengajarkan ilmu kpd yg membutuhkan hingga di gunakan sampai akhir, slama itu pahala buat anda akan mengalir….
mas .. jgn lupa ya kirimin gw tutorial untuk mengkombinasikan template html biasa dengan joomla (jd bs di manage via joomla dengan template/gambar design kita)
thx ya .. GPL ya mas
thx
Pak, saya pemula yang ingin belajar mbuat website menggunakan joomla. bagaimana cara instalasi joomla? saya mau coba joomla 1.5.6. uda download tp ga berhasil trus instalasinya…
mohon dibantu…
thx
ada yg ketinggalan… apa sih fungsi, keunggulan dan kekurangan dari joomla itu…?
thx
ada yg tau ga cara bikin form transaksi pakai php klo ada kirimin email dong buat bkn TA nih
halo,
saya ingin tau bagaimana cara membuat suatu link di file HTML, ke suatu file movie..
jadi ketika ada satu button yg saya link ke satu file movie,
ketika kita klik, kita automatis memainkan movie itu..
bagaimana membuat sperti itu????
saya membutuhkannya…bagaimana melakukan hal itu dalam dreamweaver????
thax
mas……..
nanya nech…
kan diatas udah dijelaskan tentang membuat pop up menu dan rollover image……
gimana misalnya saya mau buat pake tulisan aja…..(kayak rollover text )
jadi yang ganti tulisan dan background tulisannya aja…
misalnya saya letakkan tulisan home dengan background putih, ketika disentuh
maka tulisan nya jadi berubah warna……..
makasih ya mas
Pak, saya mau nanya.. saya kan buat website terus saya upload di 000webhost.com yang gratisan, masalahnya di web saya itu ada videonya, kok gakmau keluar ya videonya. Tolong cepat ya pak karena buat tugas kuliah…… Makasih….
# Untuk Rahmad S, coba cek video yang di-embed (tempelkan) pada website anda sudah benar alamatnya? Kemungkinannya hanya salah link sehingga tidak dikenal.
Udah pak.. tapi knapa waktu saya lihat di komputernya kampus pake mozillla firefox tidak bisa…. tolong cepat… makasih atas jawabannya….
Pak, saya bisa minta tutorial Power Designer 6.0? saya kesulitan buat Context Diagram, DFD, ERD nich…..
makasih sebelumnya
thanks bangetzzzzz……………
mas tolong dong saya…! saya lagi cari tutorial macromedia 8, untuk pemula. bisa kirimin ga lewat e-mail saya m.suhanda@yahoo.co.id, saya lagi butuh banget untuk sekripsi saya. saya dah buat dari java tapi waktunya g cukp, jadi harus pake dreamwaver 8 biyar cepat. toloooong saya dong saya cari2 ga dapet2.