Bagaimana Cara Menciptakan Template Website Sederhana Dengan Macromedia Dreamweaver 8
Hai teman-teman...!!! Kali ini aku akan memposting sebuah tutorial di website kami ini, sehabis hampir berminggu-minggu tidak memposting di website ini. Alasan aku tidak memposting itu di karenakan adanya urusan yang harus di selesaikan. Nah, Judul postingan tutorial saya kali ini ialah "Bagaimana Cara Membuat Template Website Sederhana Dengan Macromedia Dreamweaver 8".
Untuk teman-teman pemula ibarat saya, yang gres terjun kedunia computer, sebelum kita lanjut ke tutorial "Bagaimana Cara Membuat Template Website Sederhana Dengan Macromedia Dreamweaver 8", alangkah baiknaya kita mengenali si website itu sendiri. Langsung saja apa sih itu website?
Website ialah suatu kumpulan-kumpulan halaman yang menampilkan aneka macam macam isu teks, data, gambar membisu ataupun bergerak, animasi, suara, video maupun adonan dari semuanya, baik itu yang beersifat statis maupun yang dinamis, yang dimana membentuk suatu rangkaian bangunan yang saling berkaitan dimana masing-masing dihubungkan dengan jaringan halaman atau hyperlink.
Nah, kalo kita sudah mengenali si website itukan enak. Kan ibarat pepatah tak kenal maka tak saying hehe... mungkin sehabis kenal si website, tanpa basa-basi lagi kita pribadi saja ke tutorial "Bagaimana Cara Membuat Template Website Sederhana Dengan Macromedia Dreamweaver 8". Yaudah ikuti langkah-langkahnya :
Langkah pertama tentu saja kita harus membuka aplikasi Macromedia Dreamweaver 8 nya.
Sebelum kita berlanjut ke proses pembuatan template website-nya, aku sarankan teman-teman untuk menciptakan folder websederhana dan images. untuk folder websederhana itu fungsinya untuk penyimpanan file tamplate yang akan kita buat nanti dan folder images fungsinya untuk penyimpanan desain gambar Header templatenya. oh iya aku lupa teman-teman juga harus sudah menciptakan gambar headernya entah itu dari aplikasi photoshop, coreldraw, flash dan lain-lain dengan resolusi 1061x140. Lalu header tersebut simpan di folder images tadi. Lihat pola dibawah ini :
sehabis menciptakan foldernya dan gambar headernya silahkan klik html di lembar kerja aplikasi Macromedia Dreamweaver 8 nya.
Lalu pilih design => insert => table => kemudian atur settingan ibarat gambar di bawah ini, kemudian klik ok.
sehabis klik ok, maka ibarat inilah tampilan awal dari kerangka website sederhananya.
Untuk baris yang pertama itu untuk Header Web, Nah, pribadi saja kita buat headernya dengan cara, letakan kursor mouse dibaris pertama => klik insert => images => kemudian pilih gambar header yang sudah teman-teman buat tadi yang di simpan difolder images => isi alternate text dan long description, kemudian klik ok.
Setelah itu untuk baris kedua kita akan menciptakan sajian bar, letakan kursor dibaris kedua => klik insert => pilih table => atur settingan ibarat gambar dibawah ini =>klik ok. Kemudian sesuaikan ukuran sajian barnya.
Selanjutnya, kita beri nama kolom sajian barnya ibarat gambar dibawah (note: kalau teman-teman membuat tema templatenya berbeda dengan tema template yang aku buat, teman-teman tak perlu mengikuti nama-nama sajian kafetaria yang aku buat ibarat gambar dibawah, tetapi silahkan teman-teman buat sesuka hati dan sesuai kebutuhan tema website teman-teman) dan kalau teman-teman ingin merubah warna teks nama sajian bar, warna background dan bordernya silahkan lihar gambar di bawah ini.
Baris ke tiga kita buat dua kolom, dimana yang satu buat konten dan satunya lagi buat side kafetaria Media Social, caranya klik split cell => atur settingan split cellnya ibarat gambar dibawah ini => kemudian ok
Selanjutnya kita akan menciptakan side kafetaria Media social dibaris ke 3 dikolom sebelah kanan, pribadi saja kolom sebelah kanan tersebut ketik nama "Social Media" => kemudian sehabis itu kita buat kolom untuk nama-nama social media. Caranya, klik dikolom social media tadi=> klik insert => klik table => atur settingan ibarat gambar dibawah ini => klik ok.
Lalu ditiap kolom-kolom tersebut ketik nama-nama social media seperti Facebook, Twitter, Google+, Email dan Youtube. ibarat gambar dibawawah ini. Dan Jika teman-teman ingin mengubah warna teks semua sosial media, warna background, dan bordernya caranya sama ibarat tadi di atas.
Terakhir baris yang ke empat itu untuk footer, ya udahlah untuk footer kita isi dengan simbol CopyRight saja. Caranya, ikuti langkah-langkahnya ibarat gambar dibawah ini.
dan inilah hasil dari template website sederhana yang telah kita buat tadi.
Setelah itu kita simpan, klik file => Save As => isi file name-nya dengan index.html => kemudian atur posisi lokasi penyimpanannya di folder websederhana yang telah kita buat tadi => klik save.
Untuk menjalankan template website sederhana yang kita buat tadi silahkan buka dengan
mozilla firefox, kemudian tekan F12.
Semoga Postingan aku kali ini dapat bermanfaat untuk teman-teman, oh iya silahkan teman-teman pemburu ilmu pengetahuan kunjungi postingan kami yang lainnya, yang pastinya mengedukasi dan bermanfaat. Ok Terima Kasih.
Sumber http://pelajaranonline1.blogspot.com/
Untuk teman-teman pemula ibarat saya, yang gres terjun kedunia computer, sebelum kita lanjut ke tutorial "Bagaimana Cara Membuat Template Website Sederhana Dengan Macromedia Dreamweaver 8", alangkah baiknaya kita mengenali si website itu sendiri. Langsung saja apa sih itu website?
Website ialah suatu kumpulan-kumpulan halaman yang menampilkan aneka macam macam isu teks, data, gambar membisu ataupun bergerak, animasi, suara, video maupun adonan dari semuanya, baik itu yang beersifat statis maupun yang dinamis, yang dimana membentuk suatu rangkaian bangunan yang saling berkaitan dimana masing-masing dihubungkan dengan jaringan halaman atau hyperlink.
Nah, kalo kita sudah mengenali si website itukan enak. Kan ibarat pepatah tak kenal maka tak saying hehe... mungkin sehabis kenal si website, tanpa basa-basi lagi kita pribadi saja ke tutorial "Bagaimana Cara Membuat Template Website Sederhana Dengan Macromedia Dreamweaver 8". Yaudah ikuti langkah-langkahnya :
Langkah pertama tentu saja kita harus membuka aplikasi Macromedia Dreamweaver 8 nya.
Sebelum kita berlanjut ke proses pembuatan template website-nya, aku sarankan teman-teman untuk menciptakan folder websederhana dan images. untuk folder websederhana itu fungsinya untuk penyimpanan file tamplate yang akan kita buat nanti dan folder images fungsinya untuk penyimpanan desain gambar Header templatenya. oh iya aku lupa teman-teman juga harus sudah menciptakan gambar headernya entah itu dari aplikasi photoshop, coreldraw, flash dan lain-lain dengan resolusi 1061x140. Lalu header tersebut simpan di folder images tadi. Lihat pola dibawah ini :
sehabis menciptakan foldernya dan gambar headernya silahkan klik html di lembar kerja aplikasi Macromedia Dreamweaver 8 nya.
Lalu pilih design => insert => table => kemudian atur settingan ibarat gambar di bawah ini, kemudian klik ok.
sehabis klik ok, maka ibarat inilah tampilan awal dari kerangka website sederhananya.
Untuk baris yang pertama itu untuk Header Web, Nah, pribadi saja kita buat headernya dengan cara, letakan kursor mouse dibaris pertama => klik insert => images => kemudian pilih gambar header yang sudah teman-teman buat tadi yang di simpan difolder images => isi alternate text dan long description, kemudian klik ok.
Setelah itu untuk baris kedua kita akan menciptakan sajian bar, letakan kursor dibaris kedua => klik insert => pilih table => atur settingan ibarat gambar dibawah ini =>klik ok. Kemudian sesuaikan ukuran sajian barnya.
Selanjutnya, kita beri nama kolom sajian barnya ibarat gambar dibawah (note: kalau teman-teman membuat tema templatenya berbeda dengan tema template yang aku buat, teman-teman tak perlu mengikuti nama-nama sajian kafetaria yang aku buat ibarat gambar dibawah, tetapi silahkan teman-teman buat sesuka hati dan sesuai kebutuhan tema website teman-teman) dan kalau teman-teman ingin merubah warna teks nama sajian bar, warna background dan bordernya silahkan lihar gambar di bawah ini.
Baris ke tiga kita buat dua kolom, dimana yang satu buat konten dan satunya lagi buat side kafetaria Media Social, caranya klik split cell => atur settingan split cellnya ibarat gambar dibawah ini => kemudian ok
Selanjutnya kita akan menciptakan side kafetaria Media social dibaris ke 3 dikolom sebelah kanan, pribadi saja kolom sebelah kanan tersebut ketik nama "Social Media" => kemudian sehabis itu kita buat kolom untuk nama-nama social media. Caranya, klik dikolom social media tadi=> klik insert => klik table => atur settingan ibarat gambar dibawah ini => klik ok.
Lalu ditiap kolom-kolom tersebut ketik nama-nama social media seperti Facebook, Twitter, Google+, Email dan Youtube. ibarat gambar dibawawah ini. Dan Jika teman-teman ingin mengubah warna teks semua sosial media, warna background, dan bordernya caranya sama ibarat tadi di atas.
Terakhir baris yang ke empat itu untuk footer, ya udahlah untuk footer kita isi dengan simbol CopyRight saja. Caranya, ikuti langkah-langkahnya ibarat gambar dibawah ini.
dan inilah hasil dari template website sederhana yang telah kita buat tadi.
Setelah itu kita simpan, klik file => Save As => isi file name-nya dengan index.html => kemudian atur posisi lokasi penyimpanannya di folder websederhana yang telah kita buat tadi => klik save.
Untuk menjalankan template website sederhana yang kita buat tadi silahkan buka dengan
mozilla firefox, kemudian tekan F12.
Semoga Postingan aku kali ini dapat bermanfaat untuk teman-teman, oh iya silahkan teman-teman pemburu ilmu pengetahuan kunjungi postingan kami yang lainnya, yang pastinya mengedukasi dan bermanfaat. Ok Terima Kasih.
