Home » Tutorial Dreamweaver » Membuat website di dreamweaver CS3

Membuat website di dreamweaver CS3

Kemarin aku sudah kasih download template website yang simple, bagi yang belum download silahkan download disini.

Setelah anda mendownload file tersebut, extrak filenya kedalam komputer anda, terserah anda mengextraknya dimana. Kemudian dalam hasil extrak terdapat folder images, disana ada beberapa file yang sudah aku pecah sebagai bahan pembuatan website di dreamweaver.

Copy folder images tersebut kemudian paste kedalam folder

D:\website\xampp\htdocs\websiteku.com

Sekali lagi aku ingatkan sebelum memulai tutorial membuat website di dreamweaver cs3 ini sebaiknya anda melakukan setting site di dreamweaver cs3 tutorialnya bisa di lihat disini.

Membuat website di dreamweaver cs3 tidak sesulit yang orang bayangkan, kita hanya perlu memahami sedikit kode dan beberapa tool yang sudah di sediakan oleh adobe dreamweaver, membuat website di dreamweaver anda hanya akan bermain klik mengklik dan sedikit sekali mengetikkan kode2.

Kemarin ada seorang teman yang ingin belajar mebuat website di dreamweaver, dia bertanya kepada aku..

Membuat website di Dreamweaver harus menginstall XAMPP?

aku rasa membuat website di dreamweaver tidak perlu jika anda membuat website berbasis html, anda cukup menaruh filenya dimana saja yang anda suka

Untuk membuat website di dreamweaver yang pertama yang perlu kita lakukan adalah membuat file index.php. Website yang akan kita buat memiliki bagian :

  1. Header
  2. Menu navigasi
  3. Konten
  4. Sidebar
  5. Footer

Langsung saja kita akan membuat website di dreamweaver,  buka program Adobe Dreamweaver anda,  Create new pilih php

ceate new Membuat website di dreamweaver CS3

Simpan file tersebut, tekan CTRL + S simpan dengan nama index.php dalam folder tempat anda menginstal XAMPP

D:\website\xampp\htdocs\websiteku.com

Berikutnya anda membuat file baru, tekan CTRL + N pada Blank Page pilih CSS kemudian klik create, simpan dengan nama style.css dalam folder yang sama dengan file index.php

Kembai ke file index.php, klik tab index.php pada document toolbar, kemudian klik Code, tambahkan script berikut di atas tag </head>

<link href="style.css" rel="stylesheet" type="text/css" />

Script tersebut berfungsi menghubungkan file CSS dengan index.php

menghubungkan file css dengan file index Membuat website di dreamweaver CS3

Mengatur Body Website

Masih dalam file index.php, klik icon New CSS Rule yang ada di bagian kanan, jika di layar anda tidak terdapat CSS Stylenya anda bisa menekan Shift + F11 untuk menampilkan tab CSS Style.

icon new css rule Membuat website di dreamweaver CS3

Setelah muncul Window New CSS Rule, isi pengaturan sebagai berikut :

  • Selector Type : Advanced (Ids, pseudo-class selectors)
  • Selector : body
  • Define in : style.css

window new css rule Membuat website di dreamweaver CS3

Jika sudah klik ok. Maka akan muncul jendela CSS Rule Definition for body in style.css, isikan pengaturan sebagai berikut :

  1. Type = Font : Arial, Helvetica, sans-serif, size:13 pixel, color : #000000
  2. Background  = Background color : #CCCCCC
  3. Box = width : 900 pixel

CSS Rule Definition for body in style css Membuat website di dreamweaver CS3

Jika sudah klik OK, simpan file index.php dan style.css anda tekan CTRL + S

Mengatur Link Website

Sekarang kita akan mengatur warna, ukuran, dan style Link secara default.

Klik icon New CSS Rule, isi pengaturannya sebagai berikut :

  • Selector Type : Advanced (Ids, pseudo-class selectors)
  • Selector : a
  • Define in : style.css

Setelah muncul CSS Rule Definition for a in style.css, isikan pengaturannya sebagai berikut :

Type:

  • Color : #ff6000
  • Pada Decoration centang None

Jika sudah klik ok.

Selanjutnya kita akan mengatur css link pada saat hover atau pada saat cursor berada di atas link. Klik kembali icon New CSS Rule, isi pengaturannya sebagai berikut :

  • Selector Type : Advanced (Ids, pseudo-class selectors)
  • Selector : a:hover
  • Define in : style.css

Setelah muncul CSS Rule Definition for a in style.css, isikan pengaturannya sebagai berikut :

Type:

  • Pada Decoration centang Underline
  • Jika anda ingin mengubah warna link pada saat hover klik icon kotak yang ada di sebelah tulisan color, kemudian pilih warnanya.

Jika sudah klik ok.

Memuat Header Website

Setelah tadi kita mengatur bagian body dan link website, sekarang saatnya mengatur bagian header dari website.

Pilih file index.php, kemudian ketikkan script berikut dan letakkan di bawah tag <body>

<div id="header"></div>

Sekarang kita akan mengatur CSS untuk headernya, caranya sama seperti mengatur CSS pada body. Klik icon New CSS Rule, isi pengaturannya sebagai berikut :

  • Selector Type : Advanced (Ids, pseudo-class selectors)
  • Selector : #header
  • Define in : style.css

Setelah muncul CSS Rule Definition for #header in style.css, isikan pengaturannya sebagai beriku

Type:

  • Size : 12 pixel
  • Color : #FFFFFF

Background:

  • Background image : klik browse pilih header.jpg dalam folder images
  • Repeat : no-repeat

Box :

  • Width : 860 pixel
  • Float : Left
  • Height : 110 pixel
  • Padding : centang same for all, kemudian isikan 20 pixel

Jika sudah klik OK, kemudian simpan file style.css anda. Untuk melihat preview website anda tekan F12

Selanjutnya kita akan memasukkan logo website dan deskripsi website kedalam header, caranya klik cursor anda setelah <div id=”header”> kemudian klik insert = > image = > logo.jpg

Usahakan logo yang anda buat tingginya / weight tidak lebih dari 80pixel, jika logo anda melebihi dari 80 pixel, anda dapat merubah ukurannya dengan cara :

melalui Design View, klik gambar logo anda kemudian pada panel Property yang secara default berada di bagian bawah, pada H / Height isikan 80

panel property Membuat website di dreamweaver CS3

Masih tetap pada Panel Property, pada Link klik icon folder yang ada di sebelah kiri tulisan Edit, kemudian pilih file index.php. Ini berfungsi pada saat logo di klik akan mengarah ke halaman index atau halaman depan website anda.

Pada bagian border isikan 0, dan pada Alt ketikkan logo websiteku atau nama website nama anda.

Dibawah code

<a href="index.php"><img src="images/logo.png" alt="logo websiteku" border="0" /></a>

ketikkan

<p>Deskripsi website anda disini</p>

ganti tulisan deskripsi website anda disini dengan deskripsi/penjelasan website anda.

Simpan file index.php dan style.css tekan CTRL + S, kemudian lihat previewnya tekan F12 atau refresh browser anda tekan F5.

Memuat Menu Navigasi Website

Setelah kita membuat Header, selanjutnya kita akan membuat navigasi website yang berada di bagian bawah header. Navigasi isi akan berisi link – link yang akan mengarah ke halaman tertentu seperti profile, gallery, atau contact.

Pilih file index.php, kemudian ketikkan script berikut dan letakkan di atas </body>

<div id="navigasi"></div>

Sekarang kita akan mengatur CSS untuk navigasiny. Klik icon New CSS Rule, isi pengaturannya sebagai berikut :

  • Selector Type : Advanced (Ids, pseudo-class selectors)
  • Selector : #navigasi
  • Define in : style.css

Seleah muncul CSS Rule Definition for #navigasi in style.css, isikan pengaturannya sebagai berikut :

Background:

  • Background image : klik browse pilih bg-nav.jpg dalam folder images
  • Repeat : no-repeat

Box :

  • Width : 860 pixel
  • Float : Left
  • Height : 35 pixel
  • Pada bagian padding hilangkan centang same for all, left :20 pixel dan right: 20 pixel
  • Pada bagian margin centang same for all isikan 0 pixel

Jika sudah klik ok, simpan file index.php dan style.css.

Selanjutnya pada Design View, klik di dalam Menu Navigasi kemudian klik Insert > Table

menu navigasi Membuat website di dreamweaver CS3

Setelah muncul jendela Table, isikan pengaturannya sebagai berikut :

  • Rows : 1
  • Columns : 4
  • Table Width kosongkan saja
  • Border Thickness kosongkan / delete saja.
  • Cell Padding : 5
  • Cell Spacing : 5

jendela table dreamweaver cs3 Membuat website di dreamweaver CS3

Jika sudah klik ok.

Selanjutnya didalam kolom table ketikkan menu website anda, perhatikan gambar berikut

menu website Membuat website di dreamweaver CS3

Sekarang kita akan memberikan link pada menu tersebut, caranya blok tulisan Home => pada panel property cari kolom Link klik icon folder kemudian pilih file index.php, lakukan hal yang sama pada menu lainnya, tetapi pada kolom link isikan saja # karena kita belum mempunyai filenya.

brows link file Membuat website di dreamweaver CS3

Untuk halaman profile dan yang lainnya akan kita bahas pada artikel berikutnya.

Sekarang kita akan mengubah warna link dari menu navigasi dengan mengatur CSS nya, caranya klik tulisan Home => klik icon New CSS Rule, isi pengaturannya sebagai berikut :

  • Selector Type : Advanced (Ids, pseudo-class selectors)
  • Selector : #navigasi a
  • Define in : style.css

Seleah muncul CSS Rule Definition for #navigasi a in style.css, isikan pengaturannya sebagai berikut :

Type:

  • Color : #FFFFFF (kode warna putih)

Jika sudah klik ok. Simpan file index.php dan style.css anda tekan CTRL + S, kemudian preview tekan F12

 

Memuat  Konten Website

Sekarang kita akan membuat konten website, konten ini adalah tempat berita atau artikel anda.

Pilih file index.php, kemudian ketikkan script berikut dan letakkan di atas </body>

<div id="conten-wrapper">

Klik icon New CSS Rule, isi pengaturannya sebagai berikut :

  • Selector Type : Advanced (Ids, pseudo-class selectors)
  • Selector : #conten-wrapper
  • Define in : style.css

Seleah muncul CSS Rule Definition for #conten-wrapper in style.css, isikan pengaturannya sebagai berikut :

Background:

  • Background color : #DDDDDD

Box :

  • Width : 860 pixel
  • Float : Left
  • Pada bagian margin centang same for all, isikan 0 pixel
  • Pada bagian padding hilangkan centang same for all, isikan top:0 pixel, bottom: 0 pixel, right:20pixel, left:0pixel

Pilih file index.php, kemudian ketikkan script berikut dan letakkan di bawah <div id=”conten-wrapper”>

<div id="conten"></div>

Sehingga kodenya menjadi seperti berikut :

<div id="conten-wrapper">
<div id="conten "></div>
</div>

Klik icon New CSS Rule, isi pengaturannya sebagai berikut :

  • Selector Type : Advanced (Ids, pseudo-class selectors)
  • Selector : #conten
  • Define in : style.css

Seleah muncul CSS Rule Definition for #conten in style.css, isikan pengaturannya sebagai berikut :

Background:

  • Background color : #FFFFFF

Box :

  • Width : 600 pixel
  • Float : Left
  • Pada bagian padding centang same for all, isikan 20 pixel

Jika sudah klik ok, simpan file index.php dan style.css.

Memuat  Sidebar Website

Sidebar adalah kolom yang ada di sebelah konten website anda, biasanya berisi menu – menu seperti berita terbaru atau link – link tertentu.

Pilih file index.php, kemudian ketikkan script berikut dan letakkan di bawah <div id=”conten”></div>

<div id="sidebar"></div>

Sehingga kodenya menjadi seperti berikut :

Klik icon New CSS Rule, isi pengaturannya sebagai berikut :

  • Selector Type : Advanced (Ids, pseudo-class selectors)
  • Selector : #sidebar
  • Define in : style.css

Seleah muncul CSS Rule Definition for #sidebar in style.css, isikan pengaturannya sebagai berikut :

Box :

  • Width : 200 pixel
  • Float : Left
  • Pada bagian margin centang same for all, isikan 0 pixel
  • Pada bagian padding centang same for all, isikan 10 pixel

Jika sudah klik ok, simpan file index.php dan style.css.

Untuk isi sidebar akan aku jelaskan pada tutorial berikutnya.

<div id="conten-wrapper">
<div id="conten "></div>
<div id="sidebar "></div>
</div>

 

Memuat Footer Website

Fotter adalah bagian bawah dari website yang biasanya bisa di isi dengan menu atau link tertentu, dan copyright anda.

Pilih file index.php, kemudian ketikkan script berikut dan letakkan di atas </body>

<div id="footer"></div>

Sekarang kita akan mengatur CSS untuk footer. Klik icon New CSS Rule, isi pengaturannya sebagai berikut :

  • Selector Type : Advanced (Ids, pseudo-class selectors)
  • Selector : #footer
  • Define in : style.css

Seleah muncul CSS Rule Definition for #footer in style.css, isikan pengaturannya sebagai berikut

Background:

  • Background image : klik browse pilih footer.jpg dalam folder images
  • Repeat : no-repeat

Block:

  • Text align : Center

Box :

  • Width : 860 pixel
  • Float : Left
  • Height : 80 pixel
  • Pada bagian padding centang same for all, isikan 20 pixel
  • Pada bagian margin centang same for all isikan 0 pixel

Jika sudah klik ok, simpan file index.php dan style.css.

Jika anda perhatikan semua susunan kode yang kita buat di file index.php tadi akan menjadi seperti ini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Websiteku</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="header">
<a href="index.php"><img src="images/logo.png" alt="logo websiteku" border="0" /></a>
<p>Deskripsi website anda disini</p>
</div>

<div id="navigasi">
  <table border="0" cellspacing="5" cellpadding="5">
    <tr>
      <td><a href="index.php">Home</a></td>
      <td><a href="#">Profile</a></td>
      <td><a href="#">Gallery</a></td>
      <td><a href="#">Contact</a></td>
    </tr>
  </table>
</div>

<div id="conten-wrapper">
<div id="conten"></div>
<div id="sidebar"></div>
</div>

<div id="footer"></div>
</body>
</html>

Pada Design View, klik di dalam konten website anda kemudian ketikkan kata sambutan atau judul konten anda. Untuk Merubah format judul konten anda caranya blok judul konten anda kemudian pada panel property => menu format pilih Heading 1.

Untuk memberikan link pada judul konten caranya blok judul konten anda, kemudian pada panel properti isikan link yang akan dituju, jika belum ada isikan dengan # saja.

Di bawah judul anda bisa isikan gambar, tetapi sebelumnya pastikan gambar anda tempatnya dalam folder images, caranya Insert = > Image => pilih file gambar anda => klik ok. Untuk mengatur gambar anda silahkan atur pada panel property. Kali ini aku memakai gambar yang aku comot dari google dan lebarnya 600 pixel.

Di bawah gambar atau disamping gambar anda bisa memasukkan teks sesuka anda yang berhubungan dengan konten atau website anda. Atau anda ingin measukkan penggalan dari halaman profile anda, itu terserah anda.

Setelah toturial membuat website di dreamweaver ini kita akan memecah file index.php, kenapa perlu di pecah? ya jawabannya agar nantinya kita mudah dalam mengedit file-file tersebut.

Sampai disini tutorial membuat website di dreamweaver, jika ada yang ingin anda tanyakan silahkan bertanya pada kolom komentar icon smile Membuat website di dreamweaver CS3

Bagi yang mau melanjutkan belajar membuat website di dreamweaver silahkan lihat kelanjutannya di Memecah File Index.php di Dreamweaver CS3

91 Komentar

  1. aan metal says:

    lumayan paham sob, makasih pencerahan nya :D :-)

  2. jokobodo says:

    numpang belajar smbilngopiom :-)

  3. saeful rizal says:

    thank tutorialnya, sangat bermanfaat bagi saya :D

  4. Pinasti says:

    mau nnya kenapa ya gue download dreamweaver tp tiap mau di install itu ngk bisa ?

  5. merta adi says:

    bli saya sudah berhasil buat semuanya tapi kok dari header sampai konten gak mau ditengah ya semua ada di samping kiri?
    solusinya bli? :?:

  6. welly says:

    terima kasih mous-design.com for tutorial membuat website di dreamweaver cs3. masih ada lagi kah tutorial website with dreamweaver?

  7. diah says:

    terima kasih, website ini sangat membantu :lol:

  8. lita says:

    mas sy bikin kok g lurus ya,,, head ma bodynya :((

  9. Pekku says:

    Website bagi sebuah usaha atau bisnis sangat diperlukan untuk menunjukkan identitas perusahaan. Selain itu dengan memiliki website, informasi perusahaanmu akan mudah ditemukan dengan mesin pencari. Untuk itu kami ingin membantu kamu yang masih terkendala dengan pembuatan website. Sekarang ada cara yang instant dengan menggunakan www.pekku.com. Harga mulai dari 56.000, bahkan ada yang gratis.

  10. yoga says:

    penjelasanyya udak bgus gan, tapi

    kalo bentuk video lebih bagus gan!
    thanks

  11. allecyaaaa claudy says:

    saya berhasil …thanks buat ilmunya

  12. Lika says:

    waw, postingan yg sangat membantu. Tapi, kok tampilannya ga ketengah. Gimana solusinya tuu? Thanks yaa, buat postinan yang sangat brmanfaat.

  13. Booegie says:

    Makasih bang ini yg lagi dicari2 :D :oops:

  14. ichwan says:

    pd saat saya tekan F12 kenapa yg muncul cuma layar warna abu-abu kosong ya mas?….apa ada yg terlewatkan?

  15. Fajar says:

    Terima kasih ilmunya betul2 manfaat, saya doakan sehat,panjang umur dan banyak rejeki yang barokah

  16. Fajar says:

    Terima kasih tutorialnya, betul-betul ilmu yang bermanfaat. Sekali lagi terima kasih, saya doakan Sehat,Panjang Umur, Banyak rejeki yang barokah dan manfaat

  17. [...] cr: http://mous-design.com/membuat-website-di-dreamweaver-cs3.html Share this:TwitterFacebookLike this:Like Loading… Bookmark the permalink. [...]

  18. Nando says:

    gan ane berhassil ngikutin tutorial ny ,thanks ya gan ni ilmu nya sangat bermanfaat :D

  19. Staci says:

    Just want to say your article is as amazing. The
    clarity in your put up is just cool and i could suppose you are a
    professional on this subject. Fine together with your permission let
    me to clutch your feed to stay up to date with coming near
    near post. Thanks 1,000,000 and please carry on the enjoyable work.

  20. Noni says:

    gan aku mau izin unduh ,tapi gimana yah ?

  21. warni munthe says:

    trimakasih kaka materinya. aku sudah praktekin loh bahasa dan cara caranya mudah dimengerti. aku berhasillll :D :D :D :D :D :D :D :D

  22. Rama Satria Wibawa says:

    Tolong Mas File Yg Diatas Corrupt/Error saya mohon dengan sangat tolong diupload kembali .Thanks Before

    Saya Tunggu Mas

  23. kangmas santoso says:

    matur suwun atas info dan ilmunya…sangat kebantu… :D

  24. anwar says:

    makasih http://mous-design.com/……. :D
    banyak pelajaran yang bisa saya ambil dari sini…..
    semoga suksess terus…… :-)

  25. abby says:

    Om…Makasih banyak berguna banget ilmunya untuk orang lain…semoga Allah menyayangi hambanya yang mau berbagi dengan sesama seperti anda…Amin :-)

  26. i gede says:

    sukseme atas penjelasannya..jika ada yg kurang dimengerti mohon bantuannya.. hehehe
    salam umat sedharma.. :wink:

  27. Dalam pembuatan konten yang harus di pertimbangkan faktor2 apa saja mas?

  28. Mas boleh minta Screen Shot hasilnya gk :D
    saya pengen tahu gimana sih jadinya, soalnya saya belum pernah pake dream weaver.

  29. Nindhya says:

    makasih gan… ngebantu banget tutorialnya :D

  30. Radit aditya says:

    Mantaaab Gan …
    tapi kasian kalau tutor kya’ gtu buat Newbie , Cz terlalu ribet dan harus ngasih Coding
    ( BAGI PEMBACA PASTI BRTANYA” DARIMNAKAH CODING” ITU DI DPAT ) ya lou masih baru buat pling langsung copy paste Coding dari agan ..
    ane uga masih Newbie tapi stelah lihat Tutor agan sama tutor di Adobe ternyata lebih simpel di Adobe
    ( meski agak bingung dgn bhasanya :lol: ) tapi sangat” simpel .. apalagi yg tutor di Adobe memakai JQuery dan HTML5 dgn tampilan Reponsif tentunya gk pakai rubah” coding tinggal klik” doang ,
    dan ada lagi tutor di Adobe sma persis dgn tutor agan .. dgn mengatur sdikit coding , CSS , tapi bagi ane tmbah bingung ,
    lou gk slah yg tutor di Adobe itu seorang perempuan , ktanya dia adlah penggila KODE” dlam HTML , keuntungannya pham soal Coding ialah bisa buat Themes dgn ringan , dan gk enknya tuh kalau di buka di beda” browser atau Mobile , tablet , ktanya sih agk berntkan ( kata staf yg kerja di Adobe :roll: )
    Maaf ya Gan. bukan mksud ane mencela ,

  31. Yudhi says:

    Om Admin :D ,. koq ketika saya tekan F12 untuk melihat hasilnya,. koq yang tampil selalu “XAMPP For windows” terus..
    saya sudah mengikuti langkah2 diatas dengan benar..
    lalu bgaimana cara untuk melihat hasil yang sudah kita buat..

    Terimak kasih banyak,. semoga allah memberikan kesehatan selalu untuk para adminnya,. biar bisa update terus,. hehehe :P

  32. Yusuf says:

    Terima kasih ilmunya bang, bang tolong dong buatin tutorial buat website profile yang bannernya pake jQuery bergerak2 gitu. terinmakasih smg Allah membalas kebaikan abang. salam

  33. Zhara says:

    Gan, kok berkasnya ga muncul ya? Sy sdh nyimpan filenya, tp gak terlihat filenya? Mohon penjelasannya y, gan.

  34. donatt says:

    mas qo footer ku ada di atas ya?
    jadi numpuk sama header di atas.
    solusinya gimana?

  35. lindawati says:

    Terima kasih atas infonya kami harap mampir kesini http://www.unsri.ac.id

  36. Rizal says:

    Terimakasih Atas Ilmunya :D sangat membantu pemula seperti saya

  37. Harrie says:

    Tanya Gan, biar pinter ah kayak Agan…untuk full screen khan di tekan F11 kok yang nongol tampilan XAMPP kenapa ya. trus kenapa hrs pake PHP, kalo pake HTML cara kerjanya sama apa ga.. makasih

    • chucky (admin) says:

      di browser tekan F11, klo keliatan XAMPP berarti anda sedang di tab XAMPP hehhehehe…,, PHP merupakan bahasa pemograman web yang bersifat server-side HTML=embedded scripting, di mana script-nya menyatu dengan HTML.

      • arief says:

        mas, kenapa pas saya preview f12, tampilan yg muncul d browser bukan web nya tapu tampilan xampp for windows, gmn solusinya ????
        makasihhhh :)

  38. EghyR01 says:

    Terima Kasih sobat udah mau membagi ilmunya .

  39. Solihin says:

    Makasih atas segala ilmunya… sangat bermanfaat buat saya ..

  40. predit says:

    boz kalo klik new rule css
    yang di define in ko ga muncul Define in : style.css
    tp munculnya (new styke sheet file),
    mohon bantuannya………
    terima kasih

  41. reyfan says:

    mas…kalau mo tampilan websitenya dibrowser kelihatan fullscreen gimana ? makasih

  42. pemula says:

    lanjutin juragan! udah asekk bgt nie..

  43. Bagus says:

    Terima kasih bos, sekarang aku udah bisa membuat website.
    Tetap lanjutkan tutorialnya ya…
    aku tunggu tutorial selanjutnya
    :D :-) :idea: 8)

  44. KIRS says:

    untuk link gallery. profile n contazzt us gimana cara pembuatannya, minta tutorialnyadonkkkkk

  45. Rudhimaya says:

    Untuk menjadi seorang web development sudah menjadi hal yang wajib atas penguasaan bahasa programming serta toll web seperti dream weaver,

    • chucky (admin) says:

      benar sekali mas broo… sebenarnya walaupun dreamweaver sudah menyedikan tool2nya secara otomatis , kita juga harus memahami bahasa pemrograman….. :D

  46. fia aja doonk says:

    Subhanallah,,nyata ada ya panduan membuat website yang detail bgd,,
    sngad mmbantu skali bagi kami yang awam dengan pmbuatan website,,
    Thank’s yaa.. ^^ :D

  47. daniel says:

    gan minta versi pdf nya donk gan…

  48. endo says:

    haduh bener2 berguna bgd bwt saya nih terima kasih ya atas tutorialnya

  49. endo says:

    terima kasih bgd nih gan bermanfaat bgd bwt ane

  50. za501 says:

    terimakasih telah berbagi ilmunya :)

    seblmnya sya mau tnya, sya menggunkan cs 5 utk selector di css rules nya kn gk ad advanced… klo menggunakan class bisa tdk ya ? mksh :-)

  51. mira says:

    Makasih ya informasinya…

    jangan lupa mampir kesini ya..
    http://quantamultimedia.com/

  52. Okta says:

    Bli saya belum mengerti sama sekali tentang cara membuat tampilan websitenya supaya berada ditengah-tengah tidak seperti sekarang alugnmentnya left??? mohon bantuannya….. Suksma! :lol:

  53. Revel says:

    ada tutorial buat membuat template di blogger gak dengan dreamwever cs 3 . .
    kalau ada tolong update donk . . .

    thanks udah mah berbagi :D

    • chucky (admin) says:

      setau saya, kalau membuat template bloger di dreamweaver sama saja seperti di webnya, kita harus mengetik manual kode2nya, karena bloger punya kode2 perintah sendiri….

      sama2 semoga dapat membantu :wink:

  54. MichaelL says:

    terimakasih sekali sangat membantu sekali ..
    saya mendapatkan tugas membuat web dari sekolahan inis pokoknya sangat membantu

  55. Safaruddin says:

    Mantap Gan… makasih tutorialnya
    Sangat membantu dalam peroses pengeditan web baru kantor saya
    Mudahan makin banyak rahasia-rahasia dreamweaver yang di ungkap berikutnya
    Terimakasih….

    • chucky (admin) says:

      Sama – sama Pak Safaruddin, saya juga ucapkan terima kasih banyak….
      semoga tutorial di atas dapat membantu Pak…. :D

  56. tiara says:

    Mas, lengkapi dengan vidio tutorialnya.. akan lebih mudah tuk mempelajarinya mas, trims

    • chucky (admin) says:

      Terima kasih mba Tiara saranya….mudah2an di tutorial berikutnya saya bisa buatkan video tutorialnya :-)

  57. Teguh says:

    Nice info,,
    gan bagaimana cara tampilan web nya berada di tengah?

    • chucky (admin) says:

      terima kasih mas Teguh…

      kalau mau tampilan websitenya di tengah2 layar monitor, itu bisa di atur melalui CSSnya….

      misalkan:

      body {
      margin:auto;
      }

      kalau melalui edit css rule:
      • Box : centang same for all pada margin
      • pada bagian top isikan auto

  58. herman rifai says:

    saya masih binging dengan lokasi file: D:\website\xampp\htdocs\websiteku.com bukankah seharusnya xampp jika sudah terinstall lokasinya di: C:\xampp\htdocs\websiteku tanpa dot com?

  59. lidya says:

    kk!!.. masih bingung sma pembuatan dasar-dsar web.a!!!!…
    kira-kira ada yang lebih praktis.a lagi gag???
    trimakasih

  60. [...] tutorial berikutnya kita langsung belajar bagaimana membuat website di Dreamweaver CS3, langsung saja klik disini. Related posts:Simple Web DesignAkhirnya setelah sekian lama tertunda [...]

  61. [...] anda masih ingat pada tutorial dreamweaver membuat file index.php yang belum di pecah, bagian navigasi masih menyatu dalam 1 file, jadi ketika anda ingin memberikan [...]

  62. [...] dreamweaver kali ini adalah kelanjutan tutorial kemarin yaitu membuat website di dreamweaver CS3, setelah kemarin kita membuat file index.php sekarang kita akan memecah file tersebut agar nantinya [...]

Komentar Anda!

Nama (Harus diisi)
Anda belum mengisi nama. Minimal 4 karakter. Maksimal 20 karakter.


Anda belum memasukkan email. Masukkan alamat email dengan benar. Minimal 5 karakter. Maksimal 30 karakter.


Minimal 5 karakter. Maksimal 60 karakter.

:D :-) :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: