cara membuat website sederhana

Assalamu'alaikum

kali ini saya akan share bagaimana caranya membuat website dengan adobe dreamweaver. Cara membuat website menggunakan Dreamweaver ternyata mudah dipelajari lho, yuk kita lihat tutorial nya.
Setelah semua bahan untuk design dan content web sudah siap, langkah membuat website berikutnya adalah menerjemahkan design yang telah kita buat kedalam bahasa pemrograman. Ada 2 cara untuk membuat script website, yaitu :

• Dengan cara Instant, Instan disini kita bisa dengan mudah menerjemahkan design kita kedalam bahasa pemrograman dengan bantuan software – software semacam dreamweaver, frontpage dan lain – lain.
• Dengan cara manual, Apabila anda lebih prefer membangun website anda secara manual, maka baca ulasan berikut ini: untuk text Anda harus merubahnya ke dalam file yang berformat HTML (umumnya berakhiran .htm atau .html) agar dapat dibaca oleh program Internet Explorer/Firefox (browser Anda). Apabila Anda belum mempelajari bahasa HTML, CSS, Javascript dan lain –lain anda bisa baca – baca artikel yang sudah kami sediakan di web prothelon.com. Untuk pembuatan web secara manual hanya membutuhkan notepad atau notepad++

Nah, untuk kali ini yang akan kita bahas adalah cara membuat website menggunakan dreamweaver. Adobe Dreamweaver memberi kemudahan untuk merancang dan menata halaman demi halaman website, dengan menyediakan berbagai Tools yang siap pakai. Sangat mudah untuk menyisipkan elemen-elemen apapun yang kita perlukan, seperti Text, Gambar, atau Media lain sekalipun (suara, film, animasi flash, dll.)
Dengan cara ini kita bisa membuat halaman website yang canggih dan dilengkapi dengan berbagai media masa kini, tanpa harus tahu sedikitpun pemrograman di dalamnya. Adobe Dreamweaver telah menyiapkan berbagai perangkat siap pakai dan akan menuliskan kode-kode yang diperlukan ketika kita menggunakan perangkat tersebut.

Nah, berikut ini kita akan latihan cara membuat website sederhana dengan bantuan macromedia dreamweaver :

• Buka aplikasi dreamweaver, klik html.
• Membuat table, dengan cara insert – Table – Isikan Rows = 1, Columns = 1, Table Width = 100 %
• Setelah membuat table, arahkan Kursor ke dalam tabel yang kita buat tadi.
• Buat table yang kedua yang nantinya akan digunakan sebagai layout website kita, seperti contoh : Rows = 4, Columns=2 dan Table Width = 900 Pixel, Tabel ini bisa anda atur sesuai dengan kebutuhan anda
• Atur table mulai dari Header, Footer dll
• Membuat menu dengan cara, Insert – Spry – Spry Menu Bar
• Menu ini bisa kita pilih, apakah akan horizontal atau vertical.
• Save!

Catatan Penting : Pembuatan website diatas merupakan salah satu cara perancangan web yang berbasis Table. selain menggunakan table sebetulnya ada cara lain yaitu dengan menggunakan Div atau campuran keduanya Div+Table. kedua cara memiliki plus minus masing-masing dan anda akan mengerti dengan sendirinya seiring dengan pengetahuan dan pengalaman anda dalam membuat website.
Lihat kan? Ternyata cara membuat website menggunakan dreamweaver tidak sedulit yang dibayangkan. Selamat mencoba.

demikian artikel yang saya sampaikan semoga bermanfaat bagi agan agan semua. tunggu artikel ane selanjutnya.

Wassalamu'alaikum wr.wb

sumber :

http://prothelon.com/belajar/cara-membuat-website/cara-membuat-website-menggunakan-dreamweaver

cara sederhana membuat html

Assalamu'alaikum wr.wb

halo semua... berhubung ini adalah posting pertama maka saya akan berbagi mengenai cara sederhana membuat html.cara membuatnya cukup mudah dengan modal Notepad dan browser saja kita bisa membuat web.langung saja caranya cekidot...
Hyper Text Markup Language atau HTML adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

• langkah pertama yang harus dilakukan adalah membuka Notepad. caranya cukup mudah dengan klik search pada start lalu ketik "Notepad" lalu muncul tampilan seperti gambar dibawah ini.

• selanjutnya coba ketik kode html berikut ini

<html>
<head>
<title> ini judul html </title>
</head>
<body>
<h1> Ini Main Heading </h1>
<p> ini Isi dari Main Heading <p>
<h2> Ini Sub-Heading</h2>
<p> ini isi dari sub heading </p>
<h2> Sub-Heading Tambahan</h2>
<p> ini isi sub heading tambahan </p>
</body>
</html>

keterangan kode html :

• <html> : berfungsi mengawali setiap kode html yang dibuat (wajib ada)
• <head> : berfungsi untuk menandakan judul halaman web 
• <title>  : berfungsi memberi judul pada halaman web yang dibuat
• <body> : berfungsi memberi isi halaman web
• <h1>,<h2>,<h3>  : heading untuk memperbagus halaman web
• <p> : memberi paragraf
• </   > : untuk mengakhiri kode html yang dibuat.

 

setelah itu simpan dengan klik "file" pilih "save" lalu muncul kotak dialog save

tentuka nama file dan jangan lupa untuk menambahkan ".html" diakhir penulisan nama lalu klik save.

untuk mengecek hasil dari pembuatan kode yang telah dibuat caranya buka kode html dengan browser yang Anda miliki.

• contoh penulisan kode html seperti gambar dibawah ini

dan ini hasalnya

demikian artikel yang saya sampaikan semoga bermanfaat bagi agan agan semua. tunggu artikel ane selanjutnya.

Wassalamu'alaikum wr.wb