Tutorial web abdul malik karim

download Tutorial web abdul malik karim

of 30

  • date post

    06-Jul-2015
  • Category

    Documents

  • view

    64
  • download

    3

Embed Size (px)

Transcript of Tutorial web abdul malik karim

  • 1. TUTORIAL WEBRPLABDUL MALIK KARIMNISN : 9975510671

2. KATA PENGANTARKATA PENGANTARModuldenganjudul Web Design & Web Programing merupakanbahanacuan yangdigunakansebagaipanduandalam proses belajarTemanuntukmembentuksalahsatubagiandarikompetensibidangkeahlianTeknologiInformasidanKomunikasi.Modulinimencakuppenguasaankonsepfile-filegrafik, memahamidasar-dasarpemrogramanWeb,memahamiperintah-perintahpemrogramanWeb,danbagaimanamembangunsebuahaplikasipemrogramanberbasisWeb.PenyusunABDUL MALIK KARIM 3. Menginstal Adobe DreamWeaver Cs6PertamaKlik setup untukmemulaimenginstal: 4. Laluklik install:LaluKlik Accept: 5. Klik language untukmenentukanbahasadanKlikgambar folder untukmenempatkanlokasi dream Weaver,laluklik install:Mulaimenginstall: 6. Menginstallselesai: 7. LangkahPenyimpanan WebTulisnama web yang ingindibuat, LaluKlikgambar folder untukMenempatkan web yang ingindisimpan:Apabila folder sudahdibuatlalusimpan web di folder yang dibuat: 8. Apabilasudahdimpan, lanjutklik server-kliktanda plus +:Laluganti FTP menjadi Local/Network: 9. Hasilya,laluisidansimpan:LaluCheklist testing-simpan: 10. MulaiMembuat WebHal pertama yang sayalakukandalammembuat web adalahmembuatpokokdari web yangsayainginbuatadalahtable.Berikutlangkah-langkahnya :Pertamaklikinsert :Lalu klik TableLalu tentukan baris/rows dan colomnya: 11. Apabila sudah menentukan baris/rows dan colomnya lalu klik ok.Hasilnya:Apabila ada baris/rows yang ingin dihilangkan, blok baris yang ingin dihilangkan: 12. Lalu klik rows, Hasilnya:Apabila ada colom yang ingin dihilangkan, blok colom yang ingin dihilangkan: 13. Lalu klik cell, Hasilnya:Apabila table ingin diisi colom, caranya klik table yang ingin diisi colom laluklik insert-klik Table-tentukanberapa colom yang di isi. 14. Pertamaklikinsert :Lalu klik TableLalu tentukan baris/rows dan colomnya: 15. Hasilnya:Apabila ingin di isikan tulisan, klik table yang ingin ditulis:Hasilnya: 16. Apabila ingin meratakan tulisan, blok table yang ada tulisannya dan yang ingin diratakan:Lalu Horznya diganti dengan Center: 17. Hasilnya: 18. Mendesain WebApabila ingin memasukan gambar untuk background, caranya klik Page propertiesLalu klik browser, untuk mencari gambar yang ingin di jadikan background 19. Gambar ini yang terpilih:lalu klik ok: 20. Hasilnya:Apabila sudah selesai, simpan di folder yang pertama kamu buat lalu namakan webnya, lalu ok:Lalu seterusnya Buat Link Profile, Galery, dan About.Apabila sudah, lanjut ke pengisian Link di masing-masing Link.Lanjut Kebawah 21. Mengisi LinkApabila ingin mengisikan link ke home, caranya:Blok tulisan Home:Lalu klik Kanan-Make Link 22. Lalu masukan link yang dinginkan-Lalu ok:Apabila berasil, warna Home yang sudah diisikan link itu berubah dan ada garis Bawahnya.Hasilnya: 23. Apabila ingin mengisikan link ke Profile, caranya:Blok tulisan Profile:Lalu klik Kanan-Make Link: 24. Lalu masukan link yang dinginkan-Lalu ok:Apabila berasil, warna Profile yang sudah diisikan link itu berubah dan ada garis Bawahnya.Hasilnya: 25. Apabila ingin mengisikan link ke Galery, caranya:Blok tulisan Galery:Lalu klik Kanan-Make Link: 26. Lalu masukan link yang dinginkan-Lalu ok:Apabila berasil, warna Galery yang sudah diisikan link itu berubah dan ada garis Bawahnya.Hasilnya: 27. Tampilan daftar tamuCara membuat DATABASE 28. Ini hasilnya :Masukan kode koneksi : 29. Masukan index.phpTERIMA KASIH SEKIAN YANG BISA SAYA BUAT, MOHONMAAF APABILA BUKU TUTORIAL INI TIDAK DAPATDIMENGERTI OLEH ANDA YANG MELIHAT BUKUTUTORIAL INI