oodonk.files.wordpress.comoodonk.files.wordpress.com/2012/03/... · Web viewOke bos, sebelum kita...

6
PENDAFTARAN PEMAIN SEPAKBOLA BUTULAN FC BERBASIS WEB Kini perkembangan teknologi sangatlah pesat. Maka kita juga harus dapat mengikutinya, agar kita tidak menjadi orang yang ketinggalan jaman. Kini dunia internet sangatlah berkembang dengan pesat, disini saya/ gue, akan membuat sedikit tutorial pembuatan web sederhana. Dimana tema yang saya ambil adalah pendaftaran pemain sepakbola untuk sebuah tim yaitu Butulan FC. Ya udah langsung aja bagaimana langkah-langkahya, ikuti perintah berikut ini: 1. Oke bos, sebelum kita mendisain tampilan dari web. Instal dulu aplikasi macromedia Dreamweaver8 sebagai disainnya. 2. Kalo udah diinstal. Jalankan aplikasinya. 3. Untuk membuat web baru, pada bagian create new pilih aja HTML. 4. maka akan muncul tampilan lembar kerja untuk mendisain suatu web. 5. sesuai dengan judul web yang akan kita buat maka untuk titlebar browsernya kasih nama dengan "Pendaftaran Pemain Sepakbola".

Transcript of oodonk.files.wordpress.comoodonk.files.wordpress.com/2012/03/... · Web viewOke bos, sebelum kita...

Page 1: oodonk.files.wordpress.comoodonk.files.wordpress.com/2012/03/... · Web viewOke bos, sebelum kita mendisain tampilan dari web. Instal dulu aplikasi macromedia Dreamweaver8 sebagai

PENDAFTARAN PEMAIN SEPAKBOLA BUTULAN FC

BERBASIS WEB

Kini perkembangan teknologi sangatlah pesat. Maka kita juga harus dapat mengikutinya, agar kita tidak menjadi orang yang ketinggalan jaman. Kini dunia internet sangatlah berkembang dengan pesat, disini saya/ gue, akan membuat sedikit tutorial pembuatan web sederhana. Dimana tema yang saya ambil adalah pendaftaran pemain sepakbola untuk sebuah tim yaitu Butulan FC. Ya udah langsung aja bagaimana langkah-langkahya, ikuti perintah berikut ini:

1. Oke bos, sebelum kita mendisain tampilan dari web. Instal dulu aplikasi macromedia Dreamweaver8 sebagai disainnya.

2. Kalo udah diinstal. Jalankan aplikasinya.3. Untuk membuat web baru, pada bagian create new pilih aja HTML.4. maka akan muncul tampilan lembar kerja untuk mendisain suatu web.

5. sesuai dengan judul web yang akan kita buat maka untuk titlebar browsernya kasih nama dengan "Pendaftaran Pemain Sepakbola".

Page 2: oodonk.files.wordpress.comoodonk.files.wordpress.com/2012/03/... · Web viewOke bos, sebelum kita mendisain tampilan dari web. Instal dulu aplikasi macromedia Dreamweaver8 sebagai

6. kemudian untuk langkah selanjutnya kita ketikan judul, untuk tampilan pada web.untuk penyesuaian/penataan letak dari tulisan dapat kita sesuaikan dengan menggunakan tools-tools pada menu properitis.

7. selanjutnya kita akan membuat form-form pada web, tentukan form apa saja yang akan

dicantumkan. Klik insert Pilih tabel , atur berapa jumlah rows dan columns. Sesuaikan dengan jumlah

form yang akan dibuat. Bila sudah klik ok. Maka akan muncul tabel. Seperti gambar dibawah ini.

“Fungsi dari tabel adalah untuk merapikan form-form yang nantinya yang kita buat”

Page 3: oodonk.files.wordpress.comoodonk.files.wordpress.com/2012/03/... · Web viewOke bos, sebelum kita mendisain tampilan dari web. Instal dulu aplikasi macromedia Dreamweaver8 sebagai

8. Kemudian isi tabel sesuai dangan form yang akan kita buat. Pada baris pertama kita isikan Nama dan untuk kolom kedua baris pertana kita

menggunakan form text field.

Pada baris kedua kita isikan Alamat “ alamat pendaftar” dan untuk kolom kedua baris kedua kita menggunakan form text field juga.

Pada baris ketiga kita isikan Tempat dan Tanggal Lahir, dan untuk kolom kedua baris ketiga kita menggunakan form text field(untuk tempat lahir) dan form list/menu(untuk tanggal lahir).

Pada baris berikutnya kita isikan dengan Status dan untuk kolom keduanya kita menggunakan form checkbox. Untuk status terdapat dua opsi yaitu “menikah” dan “belum menikah”.

Dan seterusnya hingga semua baris terisi. Dan hasilnya adalah sebagai berikut:

Page 4: oodonk.files.wordpress.comoodonk.files.wordpress.com/2012/03/... · Web viewOke bos, sebelum kita mendisain tampilan dari web. Instal dulu aplikasi macromedia Dreamweaver8 sebagai

9. Dan kita juga dapat menambahkan berbagai variasi untuk tampilan web kita. Untuk menambahkan sebuah gambar atau pun sebuah lagu/nada.

10. Untuk menambahkan gambar pada web kita. Berikut langkah-langkahnya: Kilk insert Pilih image Kemudian pilih gambar yang akan dimasukan. Kemudian save. Maka gambar akan muncul pada lembarkerja. Dan akan tampil pada web anda

nantinya.

11. Dan berikut hasilnya:

Page 5: oodonk.files.wordpress.comoodonk.files.wordpress.com/2012/03/... · Web viewOke bos, sebelum kita mendisain tampilan dari web. Instal dulu aplikasi macromedia Dreamweaver8 sebagai

12. Setelah semua sudah selesai didisain. Kemudian simpan projek anda. Klik file Kemudian save all Simpan pada folder anda. Agar data dari document anda tidak tercecer.

13. Oke broo, web sederhana sudah jadi. Selamat mencoba.