Jumat, 13 Maret 2009

example CD-INTERAKTIF

example CD-INTERAKTIF

example CD-INTERAKTIF

example CD-INTERAKTIF

example CD-INTERAKTIF

example CD-INTERAKTIF

example CD-INTERAKTIF

example CD-INTERAKTIF

example CD-INTERAKTIF

FEATURE PSB ( Penerimaan Siswa Baru )

FEATURE SIM KASIR

Feature SIM AKADEMIK

FEATURE SIM ADMINISTRASI

tentang SIMse ( SISTEM INFORMASI MANAJEMEN SEKOLAH )

SISTEM INFORMASI MANAJEMEN SEKOLAH ( SIMse )

System ini kami kembangkan berdasarkan manual manajemen sekolah dan administrasi akademi sekolah ,apllikasi ini dirancang sesuai dengan standar manajemen sekolah ,yaitu pengelolaan sekolah berdasarkan STANDAR NASIONAL PENDIDIKAN ( SNP ) ,dengan Standar Nasional Pendidikan adalah criteria minimal tentang berbagai aspek dan dikembangkan sesuai dengan kebutuhan sekolah masing-masing ,karena kami tidak menawarkan berupa Produk tetapi menawarkan Custumisasi sesuai dgn kebutuhan Sekolah.
Adapun untuk beberapa manfaat dari SIMse ini adalah :
I. Manfaat Bidang AKADEMIK :
• Mempermudah proses penjadwalan
• Mempermudah proses akumulasi nilai ,nilai harian nilai tengah semester ,nilai akhir semester
• Otomotisasi presensi siswa permata pelajaran dan per hari pelajaran
• Mempercepat informasi tentang evaluisasi kemampuan akademik Siswa
• Otomotisasi transkip nilai baik berupa raport maupun print out biasa
• Wali kelas dapat mengontrol hasil akademik siswanya secara mudah dan cepat

II. Manfaat Bidang KEUANGAN :
• Pengelolaan Keuangan akan semakin mudah, karena Proses penerimaan SPP dari siswa terpusat dengan apllikasi BANKING
• Pengelolaan Keuangan akan semakin Transparan
• Laporan keuangan akan otomatis terbentuk ,dan akan di sesuaikan dengan kebutuhan Pembukuuan Sekolah

III. Manfaat Penerimaan Siswa Baru ( PSB )
• Proses penerimaan baru akan semakin cepat dan akurat
• Informasi quota penerimaan dan Nilai minimal akan selalu Real Time dihadapan Wali Murid
• Rangking berdasarkan Nilai, otomatis akan terbentuk
• Jurnal informasi penerimaan siswa baru akan otomatis terbentuk
• Laporan ststistik berdasarkan Nilai ,jenis kelamin ,Umur ,pekerjaan ,orang tua ,alamat asal akan terbentuk pomatis
• Calon siswa secara tidak langsung akan mengenal dunia Computer ,karena proses Input biodata calon siswa akan dilakukan oleh siswa sendiri
• Memperkenalkan dunia IT secara dini kepada Calon Siswa

IV Manffat Bidang ADMINISTRASI SEKOLAH
• Mempermudah proses penyusunan laporan yang diminta oleh pihak DINAS PENDIDIKAN
• Mang akuratkan kebijakan Sekolah terhadap tariff akun penerimaan dan akun pengeluaran
• Pengelolaan Kepegawaian akan semakin mudah dan cepat
• Kontrol KP,KGB dan Pensiun pegawai akan semakin cepat
• Informasi alumni ,siswa lulus ,siswa DO ,siswa meninggal Dunia akan tercatat data Historynya
• Bagian administrasi ,kepala sekolah akan semakin mudah menyusun rencana jangka pendek ,jangka panjang untuk meningkatkan Mutu Sekolahan

FUNGSIONALITAS Dari MODUL SISTEM INFORMASI MANAJEMEN SEKOLAH ( SIMse )

MODUL ADMINISTRASI SEKOLAH

Modul ini digunakan untuk mendata semua kebijakan sekolahan, tariff SPP ,pendataan Kepegawaian ,penDataan akun penerimaan ,akun Pengeluaran dan pendataan Master Sekolah



MODUL KEUANGAN/BANGKING SEKOLAH

Modul ini digunakan sebagai apllikasi layanan ,yang berupa anjunan KASIR ,apllikasi kasir akan menerima /mencatat semua transaksi keuangan baik berupa penerimaan SPP atau penerimaan siswa lainya dan juga apllikasi Bendahara yaitu aplikasi yg akan membantu BENDAHARA dalam Pembukuaan AKUTANSInya

MODUL Penerimaan Siswa Baru ( PSB )

Modul ini akan di gunakan sebagai Apllikasi Penerimaan Siswa baru apabila sekolahan belum tergabung dgn system Real Time Onlina ( RTO )

MODUL AKADEMIK

Modul ini akan digunakan untuk mengelola Manajemen Akademik mulai dari pencatatan siswa di terima , pendataan kelas ,Pendataan pararel Kelas ,pendataan Wali kelas ,pendataan Rombel ,Pendataan mata pelajaran ,Pendataan Kurikurum ,Pembuatan Raport ,pendataan Presensi ,pendataan nilai Siswa ,pendataan kenaikan kelas ,pendataan nilai ujian akhir ,pembuatan Raport ,pendataan Prestasi dan Pendataan data Kesiswaan.

CERITA USER EDUMEDIA

MARKETING…

Beberapa Waktu telah lewat ,kulalui Perjalanan panjang bagaimana menempuh hidup dalam kehidupan ini banyak suka dan duka yang telah dilewati..

Masih terasa beban tanggung jawad di pundak yang harus di pikul ,bergulat dengan sang waktu yang selalu memburu untuk terus melangkah maju kedepan ….dengan sedikit menoleh kebelakang..

Pada 4 th yang lalu aku berjalan mencoba menelusuri jalan Yogyakatta yang belum aku kenali…..baik arah utara selatan timur & baratnya ,kuberanikan diriku memasuki lorong-lorong Sekolahan mencoba menawarkan Produk yg bernama EDUMEDIA…

Dari pintu-kepintu ku ketuk pos-pos security “slamat pagi pak boleh kah saya minta waktunya sebentar “,kata saya.”ada apa mas ,jawab pak petugas keamanan di sekolahan ,kata aku lagi,kalau boleh saya bisa ngak bertemu dengan bapak pengajar Computer ,jawab Satpam,”ada keperluan apa mas?
Jawabku ,’mau menawankan Media pembelajaran Pak ..,’pak Satpam berkata ,’jangan mas pada lagi sibuk mengajar ngak bisa di gangu….

Aku berjalan keliling lagi ku ikuti hati nurani mengikuti arah hatiku berjalan menaiki Motor Cina yang masih punya Bapakoe..
Terus semangat aku berjalan
Sampai aku ingat di Satu sekolahan yg cukup Bonafit aku berhasil menelusup ke dalam tanpa lapor ke security langsung aku keruang Guru ,eh malah aku di persilahkan masuk dan bisa bertemu dengan Ibu Wakil Kurikurum yang akhirnya membeli semua Produk koe… hari pertama kuingat itu terimakasih Ibu Guru
Dirimu mengaisi haus dahagaku akhirnyaaaaa….hari PERTAMA itu..
Beberapa hari aku tau ..ternyata untuk masuk sekolahan susah ternyata….bagaimana memperkenalkan Produk yang memang baru di kenal oleh sekolahan ,walaupun Media Pembelajaran ini sebenarnya berguna untuk sekolahan di dalam mengenalkan program-program IT computer di Sekolahan..
Baik digunakan Pengajar dan siwa-siswinya…..

Itu beberapa KISAHku yang PERTAMA pengalaman untuk menjadi Marketing dgn target Sekolah…

Adapun untuk beberapa banyak sekolah yang telah memiliki Produk-produk Edumedia yang akhirnya Memakai ….

SMUN 1 YOGYAKARTA
“trimakasih pak Satrio mau menggunakan Produk kami walaupun baru sedikit,nambah lagi dong Pak.. ( AKU )

SMUN 2 YOGYAKARTA
“ Pak Joko kemarin ambil ama saya juga ,mohon maaf pak kalau ada kekurangan dari kami. ( AKU )

SMUN 3 TOGYAKARTA
Bu devi terimakasih setelah satu tahun menunggu waktu itu akhirnya memakai diriku (edumedia ) satu paket lagi..& pak maman yang nambah terus Media pembelajaran yang tiap tahun memang ada anggaranya ya pak.. Matur suwun ( AKU )

SMUN 7 YOGYAKARTA
Pak wakakurikurum baru beli sedikit nambah lagi bisa kok …maaf namanya saya agak lupa bisa bermanfaat ngih…( AKU )

SMUN 8 YOGYAKARTA
PAK HERRY trimakasih beli 2 kali ama saya…(aku)

SMUN 9 YOGYAKARTA
Pak media pembelajarannya beli banyak banget ama kita ,di gunakan kan pak Prihatin ,nuwun pak Parlan ..juga mohon maaf bila ada kekurangan …(aku )

SMUN 11 YOGYAKARTA
Pak BIDRON njenengan ambil satu paket semua ITEM judul dari kami,berkat njenengan kemarin Pertukaran Pengajar DIY dgn YOGYA saya promosi di HOTEL punya SMK 4 Yogya banyak sekali yang ambil..itu semua berkat njenengan …Matur sembah Nuwun ..mohon maaf tidak bisa Bantu perbaiki Lab Bahasanya lagi, pak teman udah pada Married…

SMUN 1 MUHAMADYAH YOGYAKARTA
Pak ganang suseno satu tahun pak akhirnya jadi ambil ..he he .kata njenengan Waktu siswa ada pertukaran pelajar dgn Jepang ..ke Jepang Beberapa Produk kami njenengan kasih untuk bekal anak siswa bapak..trimakasih atas kepercayaan menggunakan produk kami…

SMUN 2 MUHAMADYAH YOGYAKARTA
Pak widdodo terimakasih…PERPUSTAKAN udah menggunakan EDUMEDIA

SMU BOPKRI 1YOGYAKARTA
Bu retno..trimakasih pakai nya kok Macromedia2 aja yang di ambil 2 kali..yang lainya juga boleh kok bu jadi di angkat PNS ya bu…slamat deh..
Bu evita makasih juga ..

SMU BOPKRI 2 YOGYAKARTA
Pak terimaksaih….nambah lagi terus media pembelajaran dari kita..

SMU DEBRITO YOGYAKARTA
Pak hari nambah lagi pak media pembelajarannya …
SMU PANGUDILUHUR YOGYAKARTA
Belinya baru setengah paket lho pak ,nambah lagi pak..

SMU 1 PIRI YOGYAKARTA
Beli baru 6 item ..munkin nambah lagi pak..trimakasih

SMU BOPKRI 3 YOGYAKARTA
Sampai lupa beli 2 kali nambah lagi pak..

MAN 1 YOGYAKARTA
Bu inung namba terus setiap kali saya kesana..terimakasih ..

MAN 3 YOGYAKARTA
Pak toha terimakasih mengunakan produk kami

SMK 5 YOGYAKARTA
PAK TRI mohon maaf sedalam-dalamnya karena CD Proteksi kemarin njenenggan kecewa sama saya …mohon maaf pak

SMKN 1 YOGYAKARTA
Bapak maaf kemarin untuk program photoshop 7.0 pesenan bapak saya lupa..maaf ngih pak…

SMKN PEMBANGUNAN YOGYAKARTA
Pak sigit terima kasih untuk SMK pembangunan kemarin kita mau diberi kesempatan untuk Workshop tap kami ngak bisa..mohon maaf ngih pak…nuwun

SMKN 3 YOGYAKARTA
Pak harban sie Ketua Runpun di sekolah yg telah membeli ,juga pak subianto pengajar IT Computer ,pak pri di perpustakaan yang ambil satu paket dan ada yang 2 salah kami beri karena kemarin kehabisan stock kami pak..mohon maaf..sekaran di Perpustakaan Daerah ngih pak…

SMKN 6 YOGYAKARTA
Pak Sigit dan pak Kris lama juga baru jadi ambil akhirnya…terimakasih
Pak sigit Jadi Caleg pak Selamat Pak semoga sukses

SMK KOPERASI YOGYAKARTA
Pak bambang mohon maaf sekali kemarin minta untuk MAYOBE untuk Komputer Akutansi saya ngak ada ..ndak jadi bikin pak maaf..

SMK 2 MUHAMDYAH YOGYAKARTA
Terimakasih pak atas pengertianya

SMK 3 MUHAMADYAH
Maaf pak bila ada kekurangan dari kami …tentang produk kami ini..
SMK BOPKRI YOGYAKARTA
Pak sur…terimaksih

SMK Karya Rini YOGYAKARTA
Pak sur teima kasih berkat anda SMK BOPKRI jd ikut ambil produk kita

SMK 1DEPOK SLEMAN
Bp di Tata Usaha yang waktu itu ambil terimakasih semoga dapat memberikan manfaat ..udah nambah lagi pak terimakasih..

SMK2 DEPOK SLEMAN
Maksih pak maaf say lupa nama bapak…..ngak saya catat kemarin sich….

SMK/SMA PENERBANGAN SLEMAN
BU guru terimakasih

SMK MUHAMADYAH PRAMBANAN SLEMAN
Mencoba sedikit ngak pa pa pak terimakasih….

SMK DIPONEGORO SLEMAN
Nuwun pak…Kepala Sekolah

SMK KANISIUS KALASAN
Bu guru terimakasih mau mencoba produk kami

SMA 1 DEPOK SLEMAN
Bu mahda kurikurum terima kasih telah meng acc jadi beli juga smun 1 depok setelah sekian lama..kami kesana..

SMUN 1 KALASAN
Pak Joko terimaksih kepercaayaan akhirnya ambil produk kami

SMUN 1 NGEMPLAK SLEMAN
Pak sudah saya discon banyak maaf mentok harga kemarin itu..

SMUN 1 SLEMAN
BU DAN PAK terimaksih…….jd ambil juga..

SMU 1 GAMPING SLEMAN
Pak kepala akhirnya meberikan persetujuan juga setelah berulang-ulang kami kesana

SMA 1 PRAMBANAN SLEMAN
Bu guru terimakasih…

SMA MUHAMADYAH COLOMBO
Bu kurikurun yg telah menyetujui ambil produk kita ,sekarang ngasto jd Ibu Kepala Sekolah ..slamat bu..

SMPN 2 YOGYAKARTA
Pak didik matur suwun..kemarin rencana mau beli banyak lagi ..jadi nambah terimakasih

SMP 5 YOGYAKARTA
Terimakasih pak agus..ambil satu paket..terus nambah lagi pak rosyid ,terutama bapak AB alias Abdulrahman

SMPN 6 YOGYAKARTA
Nuwun……

SMPN 8 YOGYAKARTA
Pak tadi terimakasih ..pak sediain juga untuk di perpustakaan untuk anak-anak katanya….jadi ngak pak..

SMPN 9 YOGYAKARTA
Terimakaih pak HARNO ..sekarang sudah di DINAS ..Slamat pak ..

SMPN 12 YOGYAKARTA
Makasih pak

SMPN 14 YOGYAKARTA
Bapak Kurikurumnya terimakasih memberi saya motifasi walaupun njenengan mau Pensiun Semangat Mendidiknya bagus sekali pak ..terimakasih untuk Pengajarannya…

SMPN 15 YOGYAKARTA
Makasih…ambil sedikit ngak pa pa kok…

SMP PANGUDILUHUR YOGYAKARTA
Pak Thomas terima kasih….

SMP KANISIUS GAYAM YOGYAKARTA
Mohon maaf apabila ada kekurangan pak terimakasih

SMP MUHAMADYAH 2 YOGYAKARTA
Pak mustaqim terimakasih walaupun lama akhirnya beli juga

SMP MUHAMADYAH 4
Pak Zainal nuwun pak…..

SMP MUHAMADYAH 5
TERIMA kasih walaupun beli sedikit
SMP MUHAMADYAH 6
Pak Dwi haryono walaupun menghubungi njenengan agak susah akhirnya bapak beli juga ..nuwun

SMP PIRI 1 YOGYAKARTA
Terimakasih

SMP PIRI 2 YOGYAKARTA
Pak eko nambah lagi…….

MTS Wahid Hasyim YOGYAKARTA
Terimakasih..

SMP BOPKRI 3 YOGYAKARTA
Ibu semoga berguna tutorial nya dari kami..

SMP 1 BOPKRI
Terimakasih pak…….

SMPN 1 DEPOK SLEMAN
Nuwun pak Daryanto kurikurum yg akhinya mebeli juga

SMPN 3 DEPOK SLEMAN
Pak pri kurikurum keliru ngak namanya ya…maaf klu keliru pak..harap maklum..

SMPN 5 DEPOK SLEMAN
Terimakasih mau pakai juga nambah lagi pak..
SMPN 1 KALASAN SLEMAN

Pak guru muda yang ambil ..nuwun
SMPN 2 KALASAN SLEMAN
TERIMAKASIH…

SMP PANGUDI LUHUR KALASAN SLEMAN
Pak dua kali AMBIL LAGI nuwun.

SMP MUHAMADYAH 2 KALASAN SLEMAN
Terimaksih nambah lagi pak ..masih banyak yg belum diambil

SMP MUHAMADYAH COLOMBO SLEMAN
Bp roy terimakasih…

SMP DIPONEGORO Maguwohardjo DEPOK SLEMAN
Beli dua kali lagi pak..nuwun

SMP PIRI nganglik SLEMAN
Pak kemarin mau ada rencana pemgin menjual ,karena njenengan ada toko di rumah ,maaf pak belum bisa kami realisasikan permintaanya kemarin…

MTS Maguwuhardjo Sleman
Pak terimakasih mau coba..

SMP PENERBANGAN ADI SUCIPTO
Terimakasih ..

SMPN 2 NGEMPLAK
BU GURU mencoba boleh kok bu…..nuwun

SMPN 2 MLATI SLEMAN
Coba beberapa ya bu ..ngak pa pa kok..

SMPN 1 Piyungan BANTUL
Pak sekarang agak enakan ..mengajar di bantu tutorialnya..

SMP MUHAMADYAH PIYUNGAN BANTUL
Pak nambah lagi?

SMP 4 PRAMBANAN SLEMAN
Wah jalanya mau kesekolah naik lumaayan pak..tp njenengan jd ambiljuga ..Nuwun

SMP KANISIUS SLEMAN
Nambah yang banya bisa kok pak….

SMP MATARAM BANTUL
Pak semoga berguna …

SMPN 1 SLEMAN
Bu guru semoga berguna..

SMPN 3 SLEMAN
Pak agus & pak panidi yang tealh meberikan kesempatan kepada kami untuk menunjukan ke bapak kepala sekolah dan akhirnya di ambil oleh njenengan matur suwun…

Beberapa di WILAYAH DIY sekitarnya yang telah menggunakan Produk kami..dan masih ada beberapa sekolahan yang mungkin terlewatkan yang belum kami catat terimakasih karena telah menggunakan Produk Edumedia,semoga menjadikan manfaat bagi perkembangan IT Computer di Sekolahan.. amin



NB : Saran $ Kritik kami terima
Dengan senang hati ,untuk perkembangan
Inovasi kreativitas teamwork kami


PENGGUNA MEDIA TUTORIAL INTERAKTIF EDUMEDIA WILAYAH KLATEN JATENG

SMUN 1 KLATEN
Pak joko terimakasih bisa ambil banyak sampai 3 paket beli dari EDUMEDIA berkat pak Agus cahyu dan bp harjdo nuwun pak…SMU 1 Klaten paling panyak diantara sekolahan yang pernah ambil…semoga betul bermaanfaat bagi perkembangan IT di Sekolahan

SMUN 2 KLATEN
Beli satu paket lumayan pak bisa untuk perkembangan IT Disekolahan ..berkat ketemu bapak Kepala di Forum Di SMU 1 KLATEN akhirnya bapak meberikan ACC untuk jadi ambil…

SMUN 1 PRAMBANAN KLATEN
Beli separuh paket dah lumayan pak terimakasih betul-betul dimanfaatkan pak Kurikurum

SMKN 1 KLATEN
Pak Sulistyono akhinya beli juga setelah satu tahun kami Follow up terus….Maaf pak ngak jadi Bantu untuk Lab bahasanya ,teman udah Nikah pulang kampong..

SMK PETRUS KANISIUS KLATEN
Beli semua semoga berguna ..trimakasih

SMK GABRIEL KLATEN
Baru nyoba beberapa ..ngak pa pa.mungkin nanti nambah lagi bu guru..

SMK OWASIS JOGONALAN KLATEN
Pak bambang maaf pinnacle studionya kami ngak punya..beli yang produk kami aja pak ,nambah lagi bisa kok…….

SMA PADMAYANA utara SMA 1 Klaten
Mohon maaf klau keliru bu guru kemarin Arsip Nota kami kesingsal..he he..

SMK PGRI KALTEN
Mau nambah lagi pak…..

SMP N 1 PRAMBANAN KLATEN
Sesudah Tragedi Gempa Sekolahan Runtuh..saya masuk dan bisa bertemu untuk mendemokan ke bapak Sarono..berulang ulang kesana ,akhirnya mendekati pension bapak Keapal Sekolah akhirnya Pak Sarono ambil juga ngih pak …semoga bermaanfaat bagi perkembangan Sekolahan pak ..maaf apabila ada kekurangan di dalam media pembelajaran dari kami..
Pakai SIMse nya klau bisa pak………ok
Matursuwun pak susilonya juga…makasih..
SMP MUHAMADYAH PRAMBANAN KLATEN
BU kepala trimakasih mau mencoba produk kami..

SMP 1 MANIS RENGGO KLATEN
Bu kan udah di suruh ambil kalau di perlukan untuk perkembangan IT sama Bu Indah Kepala sekolah kok yang diambil Cuma sedikit bu..nambah lagi bu..

SMP 2 MANIS RENGGO KLATEN
Pak beli lumayan ..dapat untuk materi kurikurum yg ada di Sekolah aja ya.makasih Nambah dong pak..

SMP 3 MANIS RENGGO KLATEN
Berkat pak Pawono terima kasih pak..ada rentetan dari rekomendasi bapak..PC Nya lancar pak..SIM untuk di jati nom jg bisa dipakai …terimakasih banyak lo pak…maaf untuk impian Untuk perkembangan IT bapak untuk SMP 3 Manis Renggo sangat bagus ..maju terus pak pantang menyerah..semoga untuk SIMse dim anis renggo 3 nanti juga bisa pakai akhirnya…

SMP MUHAMADYAH 11 JOGONALAN KLATEN
Bu ATIK mau mencoba udah bagus terimakasih…….

SMPN 1 KLATEN
Semoga bermanfaat ..bagi perkembangan IT disekolahan ,menuju Sekolah Rintisan Mandiri ya pak..kembangkan dong IT nya terus..

SMPN 2 KLATEN
Beli di pameran …sama aja pak..temen2 kita juga terimakasih

SMPN 3 KLATEN
Pak Wasis tetap semangat untuk perkembangan IT Di sekolah ,hebat pak ..Maaf sampai sekarang belum kesana.SIMsenya belum pak untuk presentasi mohon maaf tertunda-tunda

SMPN 4 KLATEN
Pak agus terimakasih banyak akhirnya ambil.tapi bapak hebat nawarnya..SIMsenya maaf belum ada waktu lagi kami untuk presentasi

SMP Pangudi Luhur
Beli setengah paket Terimakasih.BRUDER

SMPN 1 JATINOM KLATEN
Pak broto ..pak Kasman Kepala Sekolah terimakasih kai di beri kesempatan untuk mengembangkan Sistem SIMse di sana..dan TUTORIAL EDUMEDIA semoga membantu untuk perkembangan IT di sekolahan disana..nuwun

Dan bebrapa sekolahan yang ambil beberapa dan tidak bisa kami sebutkan satu per satu..terimakasih telah menggunakan Produk dari kami semoga menjadikan manfaat bagi perkembangan IT Disekolahan khusunya untuk di wilayah KLATEN..

beberapa USER..EDUMEDIA

NAMA-NAMA BEBERAPA SEKOLAHAN DI
JAWA TIMUR ,JATENG,LAMPUNG & BALI SMP/SMU/SMK Sederajad

1. SMPN 1 KEDUNGGALAR NGAWI JATIM
2. SMPN 2 KEDUNGGALAR NGAWI JATIM
3. SMPN 1 SAMBIREJO MANTINGAN NGAWI JATIM
4. SMPN 3 SRAGEN JATENG
5. SMPN 1 JOGOROGO NGAWI JATIM
6. MTSN PARON NGAWI JATIM
7. SMK KOSGORO SRAGEN JATENG
8. SMPN 3 SRAGEN JATENG
9. SMPN 1 SAMBIREJO SRAGEN JATENG
10. SMKN 1 SAMBIREJO SRAGEN JATENG
11. SMAN PGRI SRAGEN JATENG
12. SMPN 4 SRAGEN JATENG
13. SMPN 1 BAWEN SEMARANG JATENG
14. SMPN 2 UNGARAN SEMARANG JATENG
15. SMK 1 BAWEN SEMARANG JATENG
16. SMPN 2 SRAGEN JATENG
17. DINAS PENDIDIKAN NGAWI Bp Samiron
18. MAN NGAWI JATIM
19. SMPN 5 NGAWI JATIM
20. SMP/SMK PPS NGRAMBE NGAWI JATIM
21. MAN NGEMPLAK NGRAMBE NGAWI JATIM
22. SMK MUHAMADYAH GONDANG SRAGEN JATENG
23. MAN GONDANG SRAGEN JATENG
24. SMA 1 GONDANG SRAGEN JATENG
25. SMPN 2 NGRAMPAL SRAGEN JATENG
26. SMP BERGAS SEMARANG JATENG
27. SMK KANISIUS UNGARAN SEMARANG JATENG
28. SMK WALISONGO SEMARANG
29. SMAN 1 SRAGEN JATENG
30. SMP PANGUDILUHUR SALATIGA SEMARANG JATENG
31. SMA 1 WIDODAREN WALIKUKUN NGAWI JATIM
32. SMK YOS SUDARSO WIDODAREN NGAWI JATIM
33. SMPN WIDODAREN/WALIKUKUN NGAWI JATIM
34. SMK WIDODAREN/WALIKUKUN NGAWI JATIM
35. SMPN 2 WIDODAREN/WALIKUKUN NGAWI JATIM
36. SMP MUHAMADYAH WIDODAREN/WALIKUKUN JATIM
37. SMK ISLAMIYAH WIDODAREN/WALIKUKUN NGAWI JATIM
38. SMPN 2 JOGOROGO NGAWI JATIM
39. SMAN 12 SEMARANG
40. MTS SUDIRMAN AMBARAWA SEMARANG JATENG
41. MAN MAGELANG JATENG
42. SMA DON BOSCO SEMARANG
43. SMA KESATRIAN SEMARANG
44. SMU UKSW SALATIGA SEMARANG JATENG
45. SMUN 7 SEMARANG
46. SMUN 1 SEMARANG
47. SMU PANGUDILUHUR SEMARANG
48. SMP SULTAN AGUNG SEMARANG
49. SMA SULTAN AGUNG SEMARANG
50. SMA SEMESTA GUNUNG PATI SEMARANG
51. SMU TERESIANA SEMARANG
52. SMA MASEHI SEMARANG
53. SMP YOHANES XV SEMARANG
54. SMK HIDAYAT SEMARANG
55. SMP KEBON DALEM SEMARANG
56. SMKN 6 SEMARANG
57. SMP YSKI SEMARANG
58. SMP YSKI SEMARANG
59. SMUN 1 SALATIGA SEMARANG JATENG
60. SMUN 3 SALATIGA SEMARANG JATENG
61. SMU KRISTEN SALATIGA SEMARANG JATENG
62. SMA SARASWATI DENPASAR BALI
63. SMUN 5 DENPASAR BALI
64. SMPN 1 NGRAMBE NGAWI JATIM
65. MTS SAMBIREJO NGRAMBE JATIM
66. SMPN 1 SINE NGAWI JATIM
67. SMPN 5 MAGETAN JATIM
68. SMPN 3 WIDODAREN/WALIKUKUN NGAWI JATIM
69. SMPN 5 WIDODARAN/WALIKUKUN NGAWI JATIM
70. MAN MANTINGAN NGAWI JATIM
71. SMK PENERBANGAN SURAKARTA SOLO JATENG
72. SMP MUHAMADYAH KEBAK KRAMAT KARANG ANYAR SOLO
73. SMKN 4 SEMARANG
74. SMUN 1 UNGARAN SEMARANG JATENG
75. SMUN 1 NGAWI JATIM
76. SMUN 2 NGAWI JATIM
77. MTS NGEMPLAK NGRAMBE NGAWI JATIM
78. SMU MUHAMADYAH WIDODAREN/WALIKUKUN NGAWI JATIM
79. SMPN 2 TEBANG TUNTAS LAMPUNG
80. SMAN 5 BANDAR LAMPUNG
81. SMPN 4 LAMPUNG
82. SMUN 2 LAMPUNG
83. SMPN 3 LAMPUNG
84. MAI SALATIGA SEMARANG JATENG
85. SMUN 1 AMBARAWA SEMARANG JATENG
86. SMPN 3 BAWEN SEMARANG JATENG
87. SMAN 1 GEDORA NGAMBE NGAWI JATIM
88. SMPN 3 NGRAMBE NGAWI JATIM
89. DINAS PENDIDIKAN SALATIGA Bp SEMARANG
90. DINAS PENDIDIKAN SRAGEN Bp JATENG



“DAN MOHON MAAF APABILA BEBERAPA SEKOLAHAN YANG PERNAH
MEMAKAI MEDIA-PEMBELAJARAN INI TIDAK BISA KAMI
SEBUTKAN SELURUHNYA ,MOHON MAAF APABILA ADA KESALAHAN
DI DALAM EJAN PENULISAN PADA NAMA SEKOLAH YANG SALAH
MOHON DI JADIKAN MAKLUM ADANYA..”





HORMAT KAMI



( ENDRO ARIANTO )
DISTRIBUTOR

Selasa, 10 Maret 2009

MERENCANAKAN WEB SITE ( sumber MACROMEDIA.COM )


OptionsDisable Get Free Shots
CENDANA WEBLOG
Everything about a computerHome About History Renungan TUTORIAL MACROMEDIA DREAMWEAVER
MERENCANAKAN SEBUAH WEBSITE

Dalam membuat website kita harus merencanakan dahulu apa tujuan dari pembuatan website ini, informasi-informasi apa yang akan diberikan dan kepada siapa informasi-informasi tersebut dituju. Macromedia Dreamweaver adalah salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk mendesain website yang lebih kreatif, anda dapat membuat sebuah site yang komplit. Untuk mendapatkan hasil lebih bagus, anda harus mendesain dan merencanakan wesite anda lebih dahulu untuk tiap-tiap halaman site yang ada.


Rencana dan desain sebuah site

Ketika memulai merencanakan membuat website, anda diharapkan melakukannya secara bertahap dan terencana untuk memastikan situs anda baik dan berhasil. Walaupun anda hanya akan membuat homepage pribadi yang hanya akan dilihat dan dikunjungi oleh teman dan keluarga anda. Bagi anda seorang staff pengajar situs pribadi anda bisa digunakan untuk memberikan informasi dan layanan ajar online untuk mahasiswa anda.


Menentukan tujuan anda

Menentukan tujuan site anda adalah langkah pertama kali yang harus anda ambil untuk pembuatan sebuah website. Tanya pada diri anda atau rekan anda tentang sebuah website. Apa yang anda harapkan bila anda mempunyai situs pribadi? Tulis semua tujuan dan harapan anda agar anda dapat mengingatnya saat proses mendesain website. Tujuan-tujuan tersebut akan sangat membantu anda agar tetap terfokus dan mempunyai target terhadap website yang anda inginkan. Sebuah website yang memberikan berita-berita dengan subjet tertentu sangat berbeda dengan website yang menjual produk atau komersial.


Memilih sasaran pengunjung situs

Setelah anda menentukan apa yang anda inginkan untuk menyelesaikan website anda, anda harus menentukan siapa saja, atau sasaran pengunjung situs anda. Sebenarnya ini adalah pertanyaan bodoh, siapa saja didunia dapat mengunjungi situs anda. Banyak orang mengunakan browser berbeda satu dengan lainnya, kecepatan yang berbeda, dan punya atau tidak punya media plug-in tambahan (contoh=speaker). Semua faktor-faktor tersebut dapat mempengaruhi dalam menggunakan situs anda. Maka anda harus menentukan target audience, setelah itu dapat mendesain website anda.


MEMBUAT, MEMBUKA, DAN MENYIMPAN DOKUMEN HTML

Dreamweaver menawarkan berbagai macam cara untuk membuat suatu dokumen. Anda dapat membuat baru, dokumen HTML yang kosong; Anda dapat membuka dokumen HTML yang sudah ada, atau jika untuk mempersingkat waktu, anda dapat membuat dokumen baru berdasarkan template (blangko).


Membuat dokumen HTML kosong baru :

Pada tampilan windows, pilih menu File > New.






Untuk membuka file HTML yang sudah ada :

Pilih menu File > Open

Anda dapat memilih file HTML yang anda inginkan.


Membuat dokumen baru berdasarkan template :

Pilih menu File > New from Template. Akan tampak dialog box, daftar template-template yang ada (anda harus membuat sebuah template terlebih dahulu sebelum membuat dokumen baru berdasarkan template)
Pilih salah satu template. Dokumen baru akan dibuat berdasarkan template tersebut.


Menyimpan dokumen :

Pilih menu File > Save.
Ketik nama file dan tentukan dimana anda ingin menyimpan file tersebut.
Catatan : Dreamweaver akan secara otomatis menyimpan file tersebut dalam bentuk htm atau html.

Klik button Save untuk menyimpan file tersebut.


Mengatur document properties

Judul halaman, background image dan warna-warna, teks dan warna link adalah dasar dari semua dokumen HTML. Judul halaman merupakan identitas dan nama dokumen. Background image atau gambar background dari halaman (kita bisa juga memakai warna untuk background) diatur untuk keseluruhan tampilan dari dokumen tersebut. Teks dan warna link membantu untuk pengunjung situs membedakan teks mana yang bisa masuk kehalaman lain, dan juga bisa membedakan dari warna teks link sudah dikunjungi atau belum.


Merubah judul halaman

Judul dari halaman HTML sangat membantu pengunjung tetap dapat memberitahu site apa yang sedang pengunjung buka, dapat dilihat pada menu bar windows dibawah. Jika anda memberi judul pada halaman tersebut maka tidak akan tampak identitas halaman tersebut pada tampilan window.


Untuk mengganti judul halaman :

Langkah-langkah :

Pilih menu Modify > Page Properties.
Klik kursor anda pada daerah kosong di halaman web. Lalu pilih Page
Properties dengan mengklik kanan mouse anda. Masukkan judul untuk halaman tersebut pada title text box.




DREAMWEAVER WORK AREA

Kita mulai dengan overview dari dreamweaver work area atau daerah kerja dreamweaver.

Jika anda belum masuk ke dalam program dreamweaver, klik 2 kali pada icon shortcut dreamweaver atau klik pada start menu pilih program lalu pilih program macromedia dreamweaver 4 , klik 1 kali pada icon dreamweaver 4.
Pada area kerja dreamweaver 4 akan tampak seperti di bawah ini :






Pada tampilan di atas adalah tampilan dimana dokumen yang akan anda buat dan edit.

Pada object panel terdapat icon-icon yang dapat anda klik untuk memasukkan object pada dokumen anda dan untuk merubah cara anda dalam pembuatan halaman web.
Launcher bar terdapat button-button untuk membuka dan menutup panel-panel icon dimana anda sering menggunakannya dalam bekerja.
Pada property inspector ditampilkan properti-properti dari object atau text yang dipilih dan anda dapat memodifikasi properti tersebut. (contoh = jenis text, ukuran text, dan sebagainya)

Untuk membuka tampilan windows, inspector dan panel-panel, gunakan

menu Window. Beri tanda check untuk memilih tampilan mana yang anda

perlukan pada tampilan window.


DOCUMENT WINDOW

Pada baris judul dari tampilan document window ditunjukkan judul halaman, nama folder dan nama file ada dalam tanda kurung. Bila file anda belum disimpan akan terdapat tulisan unsaved. Status bar, didapat pada bagian paling bawah document window, menunjukkan informasi-informasi tentang dokumen yang sedang anda buat.






Pada tag selector menampilkan HTML control pada text atau object yang anda pilih. Klik salah satu text atau object maka pada tag selector akan tampak HTML control, contoh anda dapat mengklik pada dokumen window, pada tag selector akan tampak tulisan disini menunjukan anda sedang bekerja pada body dari dokumen secara HTML. Pada Window size pop-up menu dapat melihat ukuran window yang ditampilkan dan anda dapat mengedit tampilan ukuran yang anda inginkan.


Disebelah kanan menu window size pop-up dapat anda lihat ukuran besarnya file dokumen dan waktu yang dibutuhkan untuk download file pada tampilan window.


Launcher bar yang terdapat di sebelah kanan bawah pada tampilan window, pada setting awal launcher bar buttons akan menampilkan Asset panel, HTML styles panel, CSS styles panel, Behaviors panel, History panel dan Code inspector.


Mengatur ukuran window

Pada status bar di dokumen window menampilkan dimensi atau ukuran window saat itu (dalam pixel). Jika anda mengklik ukuran window ini, Dreamweaver menampilkan menu window size pop-up, dimana anda dapat mengatur ukuran yang cocok untuk tampilan pada monitor anda. Untuk mendesain sebuah halaman pada ukuran spesifik yang terbaik, anda dapat memilih pada ukuran yang sudah ditentukan, mengatur ukuran yang sudah ditentukan itu sesuai dengan keinginan anda atau membuat ukuran baru.



Catatan : Pada ukuran window menggambarkan ukuran dimensi pada browser. Untuk contoh, anda menggunakan ukuran “536 x 196 (640 x 480, default)” jika pengunjung situs anda yang menggunakan Microsoft Internet Explorer atau Netscape Navigator, maka konfigurasi tampilan mereka 640 x 480.


TOOLBAR

Toolbar dreamweaver terdapat button-button yang dapat anda pilih dalam menampilkan dokumen anda secara cepat : Code (HTML), desain, dan gabungan keduanya yaitu tampilan secara HTML dan desain.Toolbar juga menampilkan button-button perintah yang terdapat pada sebelah kanan nama dokumen.



Untuk menampilkan dan menyembunyikan Toolbar, pilih menu View > Toolbar.
Untuk tampilan dokumen secara kode atau HTML , klik button Code View pada toolbar. Disini anda dapat mengedit atau membuat halaman web anda secara HTML
Untuk tampilan dokumen secara kode dan desain, klik button Code & Design View
Untuk tampilan dokumen secara desain, klik button Design View. Disini anda bisa mengedit atau membuat halaman web anda secara visual.
Untuk merubah nama dokumen, klik pada title lalu rubah nama dokumen sesuai dengan keinginan anda.
Anda dapat melihat halaman web secara browser (Internet Explorer) dengan mengklik button Preview Browser.
Pada Options menu, anda dapat memilih tampilan desain yang anda inginkan, contoh : anda dapat menambahkan tampilan Rulers(garis ukuran) untuk memudahkan anda dalam mendesain sebuah web.

OBJECT PANEL

Pada Object panel terdapat button-button untuk membuat dan memasukkan object seperti tabel, layer dan images. Untuk menampilkan dan menyembunyikan Objects panel, pilih menu Window > Objects.


Memasukkan sebuah Object :

Klik icon button pada Object panel, tergantung pada object yang dipilih setelah anda mengkik salah satu button maka akan tampil Dialog Box yang harus anda isi untuk memasukkan object tersebut. Object panel terdiri dari 7 kategori : Character, Common, Form, Frames, Head, Invisibles dan Special. Semua kategori tersebut menampilkan button untuk merubah tampilan : Standard dan Layout. Untuk saat ini kita hanya akan membicarakan kategori Common atau kategori yang umum dan biasa dipakai dan kategori Character.

Common

Kategori Common pada Object panel terdiri dari :

Image Memasukkan sebuah gambar atau image pada cursor. Dialog Box akan tampil sehingga anda dapat secara spesifik memilih file image yang anda inginkan.







Rollover Image Anda dapat secara khusus memilih 2 file image yang akan anda masukkan dan membuat 2 file image tersebut ditampilkan secara rollover.


Rollover adalah bila sebuah gambar atau image akan berubah menjadi gambar yang lain bila mouse pointer dikenakan pada image tersebut.







Table, menempatkan atau membuat tabel.








Tabular Data, membuat tabel, lalu mengisi tabel tersebut dengan data dari file yang lain (seperti Microsoft Excel atau dari database).




Navigation Bar memasukkan beberapa image untuk Navigasi masuk ke site yang lain.




Horizontal Rule, menempatkan garis horizontal pada halaman web.




Layer, membuat sebuah layer. Klik button layer, lalu tempatkan mouse pointer pada halaman kerja dan drag untuk mengatur ukuran dan lokasi dari layer tersebut.




E-Mail Link, membuat link sebuah e-mail.




Date, menempatkan tanggal pada halaman web. Dialog Box akan muncul untuk spesifikasi format dari tanggal, Dreamweaver akan mengupdate dari tanggal secara otomatis setiap kali anda menyimpan file.




Server-Side Include, memasukkan server-side termasuk dalam web page. Dialog Box akan tampil dimana anda dapat memilih sumber file yang ada di server.




Fireworks HTML, memasukkan file HTML yang sudah dibuat atau sudah ada yang dibuat dari program Fireworks.




Flash Button, memasukkan Flash Button pada halaman web.




Flash Text, membuat Flash text object.




Shockwave, menempatkan movie dari Macromedia Shockwave pada halaman web. Dialog Box akan muncul agar anda dapat memilih sumber file DCR daripada movie, atau anda dapat menggunakan Property inspector untuk menspesifikasi sumber file.




Generator, menempatkan object Macromedia Generator pada halaman web.




Layout and View, pada bagian View daripada Object panel terdapat button-button untuk anda pilih mode tampilan, Standard atau Layout.


Draw Layout Cell, membuat tabel cell secara individu pada tampilan Design View.




Draw Layout Table, membuat tabel secara individu pada tampilan Design View.




Character, pada kategori ini anda dapat memasukkan macam-macam karakter dari teks atau object. Pilih kategori Charackter ini dengan mengklik button paling atas di Object panel, pilih Character.





Kategori Character ini terdiri dari :


Line Breaking , membuat alinea baru.




Non-Breaking Space , memasukkan spasi pada teks atau object.




Copyright , memasukkan karakter Copyright.




Registered , memasukkan karakter registered




Trademark , memasukkan karakter Trademark




Dan berbagai macam karakter yang bisa anda masukkan pada dokumen anda.


PROPERTY INSPECTOR

Pada Property inspector anda dapat memeriksa dan mengedit elemen yang ada pada halaman web. (Elemen itu adalah object atau teks). Untuk menampilkan atau menyembunyikan Property inspector, pilih menu Window > Properties.




Selama ini anda mengedit dan membuat teks atau mengedit object didalam dokumen pada tampilan window, dengan Property inspector anda dapat mengeditnya denga cepat.(seperti contohnya : anda ingin merubah jenis fonts teks yang sudah anda buat dengan shadding teks lalu mengganti jenis font, atau pada object anda dapat merubah alamat URL atau link yang dituju).


Tampilan Property inspector sangat bervariasi tergantung elemen yang dipilih. Untuk informasi properties yang spesifik, pilih elemen yang diinginkan pada dokumen window lalu klik icon Help pada pojok kanan atas daripada Property inspector.


Memilih Jenis Font

Pada Property inspector bar, anda diberikan fasilitas dalam memilih jenisjenis teks atau font untuk penulisan pada pembuatan halaman web anda.




Mengatur format teks

· Ukuran teks atau font dapat diatur pada kolom size

· Anda dapat memilih align dari teks anda

· Membuat list numbering atau bullet


Bekerja dengan macam-macam warna

Pada Dreamweaver, ada bermacam-macam dialog box, seperti juga pada Property inspector ada menu untuk kotak-kotak pilihan warna untuk teks. Anda tinggal memilih warna-warna sesuai dengan keinginan anda.


Memilih warna pada Dreamweaver :



· Klik salah satu kotak warna pilihan.


Hyperlink

Membuat Hyperlink dari Property inspector

Anda dapat membuat hyperlink teks dari halaman yang dibuka ke halaman lain menggunakan fasilitas property inspector.

1. Pilih teks yang akan anda hyperlink.

2. Shadding teks tersebut (menekan tombol kiri pada mouse, pilih teks yang akan di link), lalu pindahkan kursor anda pada property inspector bar, klik pada area Link ketik nama file yang dituju.

3. Pindahkan kursor ke sembarang tempat, maka teks anda sudah hyperlink




Anda juga dapat memilih tujuan link dengan membuka lambang folder, maka akan tampak dialog box, dimana anda dapat memilih file yang anda inginkan.




Memasukkan Image atau gambar

Anda akan belajar dengan 2 cara untuk memasukkan image pada Dreamweaver , dengan menggunakan main menu dan dengan menggunakan Object panel.

1. Klik kursor pada tempat dimana anda ingin memasukkan image. (coba anda klik tempat paling atas pada dokumen anda)

2. Pilih menu Insert > Image

3. Tampak dialog box untuk memilih file image, buka folder images. Pilih file logo, pada dialog box sebelah kanan anda akan melihat preview dari image tersebut.



4. Klik select, maka image tersebut akan masuk pada dokumen anda.

5. Untuk cara dengan penggunaan Object panel ; Klik button insert image pada Object panel.





6. Maka akan tampak tampilan dialog box yang sama, lakukan seperti langkah sebelumnya.


Membuat rollover image

Rollover image adalah suatu image yang akan berubah ketika pointer dari mouse diarahkan pada image tersebut.


Rolover image terdiri dari 2 gambar atau image: image pertama akan tampak pada saat kita pertama kali loading browers, dan image kedua akan tampak ketika pointer diarahkan pada image tersebut. Pastikan kedua image tersebut ukuran yang sama, bila tidak sama maka tampilan site hasil desain anda tampak tidak teratur.

1. Klik button image rollover pada object panel




2. Maka akan keluar dialog box yang harus anda isi nama rollover image tersebut, memilih image pertama dan memilih rollover image atau image kedua (sebelumnya anda harus sudah menyiapkan image-image tersebut), alamat url atau link yang dituju bila image tersebut diklik.

3. Pastikan anda mengklik option Preload image rollover, untuk memastikan image rollover tersebut jalan bila dibrowse.

4. Klik OK untuk menutup dialog box tersebut bila sudah selesai.


Anda tidak akan dapat melihat hasil rollover image tersebut dalam tampilan dokumen window ; rollover image hanya akan tampak pada browser, anda tidak perlu menyimpan (save) dokumen anda terlebih dahulu.

· Tekan F12 > anda akan melihat dokumen anda pada web browser. Arahkan pointer anda pada image tersebut, maka akan tampak image yang berubah-ubah.

· Ketika anda selesai melihat file tersebut dalam tampilan browser, tutup window browser tersebut.

· Kembali dokumen anda pada Dreamweaver, pilih menu File > Save untuk menyimpan file anda tersebut.


Memasukkan Flash Button

Pada Dreamweaver anda diberikan kemudahan dalam mendesain website yang dinamis dengan adanya button-button menu pada tampilan dokumen anda. Macromedia Dreamweaver dapat langsung memasukkan Flash Button yang sangat dinamis dan animasi dalam berbagai macam bentuk. Klik menu flash button pada Object panel.



Maka akan keluar sebuah dialog box, yang harus anda isi, dengan memilih bentuk-bentuk button, menulis teks dan jenis hingga ukuran teks yang akan ditampilkan pada button tersebut, memasukkan alamat halaman lain (link).


Memasukkan Flash Text

Dreamweaver juga memberikan fasilitas hyperlink dengan flash text.

1. Klik menu flash text pada Object panel, maka akan tampak dialog box yang harus anda isi.




2. Maka akan keluar dialog box yang harus anda isi properties dari teks (jenis teks, ukuran, align, dan sebagainya), hampir sama dengan rollover image, flash text dapat disebut rollover text. Tetapi hanya warna dari teks tersebut yang dapat berubah (rollover).

3. Pastikan anda mengklik option show font, untuk memastikan textrollover tersebut jalan bila dibrowse.

4. Klik OK untuk menutup dialog box tersebut bila sudah selesai.


Anda tidak akan dapat melihat hasil rollover image tersebut dalam tampilan dokumen window ; flash text hanya akan tampak pada browser, anda tidak perlu menyimpan (save) dokumen anda terlebih dahulu.

· Tekan F12 > anda akan melihat dokumen anda pada web browser. Arahkan pointer anda pada image tersebut, maka akan tampak image yang berubah-ubah.

· Ketika anda selesai melihat file tersebut dalam tampilan browser, tutup window browser tersebut.

· Kembali dokumen anda pada Dreamweaver, pilih menu File > Save untuk menyimpan file anda tersebut.


BEKERJA DENGAN TABEL

Tabel digunakan untuk memformat data dalam posisi-posisi kolom dan baris. Perpotongan antara baris dan kolom dinamakan sel, dan kita dapat memasukkan data di dalam sel tersebut.


Memasukkan tabel

Untuk memasukkan tabel ke dalam halaman homepage, pertama-tama letakkan kursor ke tempat yang diinginkan. Kemudian, pilihlah satu diantara 3 cara berikut ini :

1. Klik menu Insert – Table




2. Klik tombol “Insert table” pada Object Panel, kategori Common.



3. Tekan shortcut key : Ctrl+Alt+T


Kemudian akan muncul kotak dialog Insert Table seperti ini :




Masukkan spesifikasi tabel yang diinginkan pada kotak dialog tersebut.

1. Isikan jumlah baris pada “Rows” dan jumlah kolom pada “Columns”.

2. Berikutnya, tentukan lebar tabel terhadap halaman. Pada contoh gambar di atas, tabel yang akan dimasukkan berlebar 75 persen (“Width : 75 Percent”). Artinya, lebar tabel nantinya adalah 75 persen dari lebar halaman. Jika menginginkan lebar tabel dalam satuan pixel (fixed size), isikan jumlah pixel pada Width, kemudian gantilah kotak dropdown yang bertuliskan Percent menjadi Pixel. Lebar tiap kolom nantinya dibagi sama rata dari lebar tabel dan bisa di ubah-ubah sesuai keinginan.

3. Berikutnya, masukkan lebar border tabel yang diinginkan dalam satuan pixel. Jika dikosongi maka dianggap 0 (nol) dan tabel tidak diberi border.

4. Jika diinginkan, masukkan Cell Padding dan Cell Spacing. Cell Spacing artinya jarak antar sel dalam tabel, sedangkan Cell Padding artinya jarak dari border sel sampai dengan isi sel. Setelah selesai, klik tombol OK. Jika ingin membatalkan, tekan Cancel.


Setelah menekan tombol OK, maka tabel akan dimasukkan dalam halaman Anda. Bentuknya kira-kira seperti ini (bisa berbeda-beda tergantung dari spesifikasi yang Anda masukkan tadi) :



Saat ini, tabel dikatakan dalam keadaan terpilih (selected), yang ditandai dengan adanya garis hitam tebal di sekeliling tabel, dan 3 buah kotak hitam kecil yang disediakan untuk resizing. Seperti yang Anda lihat pada window Object Properties, terdapat beberapa properti tabel yang disebutkan, antara lain Rows (jumlah baris), Cols (jumlah kolom), W (lebar, width), H (tinggi, height), CellPad (cell padding), CellSpace (cell spacing), Align, Border, Bg Color (background color), Brdr Color (border color), Bg image (Bg image). Anda dapat bereksperimen dengan mengubah-ubah properti-properti tersebut. Caranya, isikan nilai (value) baru, kemudian tekan Enter.


Setiap perubahan pada window Object Properties ini akan dilakukan (applied) terhadap keseluruhan tabel, karena tabel dalam keadaan terpilih (selected). Langkah berikutnya adalah melakukan penyesuaian bentuk table menjadi yang diinginkan.


Menambah atau mengurangi baris atau kolom

Jika Anda ingin menambah atau mengurangi baris atau kolom, Anda dapat melakukan langkah-langkah sebagai berikut :

1. Letakkan kursor pada sel yang diinginkan. Ini berarti sel dalam keadaan terpilih.

2. Klik tombol kanan mouse. Akan muncul menu konteks, pilihlah “Table”, kemudian muncul menu lagi.




Pilihlah :

· “Insert Row”, untuk menyelipkan satu baris diatas sel yang terpilih tadi.

· “Insert Column”, untuk menyelipkan satu kolom di sebelah kiri sel yang terpilih tadi.

· “Insert Row or Column”, untuk menyelipkan baris atau kolom dengan menu interaktif seperti ini :





Jika Anda ingin menyelipkan baris, klik pada radio button Rows, masukkan jumlah baris yang ingin diselipkan, kemudian pilih apakah baris akan diselipkan di atas sel terpilih (Above the Selection) ataukah di bawah sel terpilih (Below the Selection). Kemudian klik OK.





Jika Anda ingin menyelipkan kolom, klik pada radio button Columns (kotak dialog otomatis berganti), masukkan jumlah kolom yang ingin diselipkan, kemudian pilih apakah kolom akan diselipkan sebelum sel terpilih (Before current Column) ataukah sesudah sel terpilih (After current Column). Kemudian klik OK.

· “Delete Row”, untuk menghapus baris pada sel yang terpilih tadi.

· “Delete Column”, untuk menghapus kolom pada sel yang terpilih tadi.


Mengubah lebar kolom atau tinggi baris (resize)

Untuk mengubah lebar kolom atau tinggi baris, cara termudah adalah arahkan




kursor mouse ke pinggir sel yang diinginkan sampai kursor mouse berubah menjadi: , atau Kemudian drag (klik, tahan, geser) sementara ukuran kolom atau baris akan





berubah. Lakukan sampai ukuran yang dinginkan, kemudian lepas tombol mouse.


Menggabungkan beberapa sel (merge)

Untuk menggabungkan beberapa sel menjadi satu, pilih beberapa sel yang berdekatan dulu. Caranya, arahkan mouse pada sel pertama (kiri atas atau kanan bawah), kemudian drag beberapa sel sampai sel-sel yang diinginkan dalam keadaan terpilih (selected) semua. Pada contoh di bawah ini, sel mulai dari baris 1 kolom 1 sampai dengan baris 4 kolom 2 dalam keadaan terpilih :





Kemudian langsung klik kanan. Muncul menu konteks, pilih Table, kemudian Merge Cells.





Maka hasilnya akan tampak seperti ini :





Tampak bahwa grup sel yang terpilih tadi sekarang menjadi satu sel yang lebih besar. Yang perlu diperhatikan disini, jika ada 2 sel atau lebih yang memiliki isi di dalamnya (baik berupa tulisan, gambar, tabel, dsb) dan dilakukan operasi merge, maka isi-isi sel tadi akan dijadikan satu (dicampur) oleh Dreamweaver ™.


Memecah satu sel (split)

Untuk memecah satu sel menjadi beberapa sel yang lebih kecil, pertamatama letakkan kursor pada sel yang ingin dipecah. Kemudian klik tombol kanan mouse. Muncul menu konteks, pilih Table, kemudian Split Cell. Maka muncul Split Cell dialog box seperti ini :




Jika ingin memecah sel tersebut menjadi beberapa baris, maka klik radio button Rows, kemudian masukkan jumlah baris yang diinginkan dan klik OK. Jika ingin memecah sel menjadi beberapa kolom, klik radio button Columns, kemudian masukkan jumlah kolom yang diinginkan dan klik OK. Pada gambar ini, sebuah sel di kanan atas di-split menjadi 2 kolom :





Satu hal yang perlu diperhatikan adalah pada saat kita melakukan operasi merge atau split, ada kemungkinan ukuran tabel akan menjadi kacau. Hal ini dapat disebabkan karena sebuah sel kita pecah menjadi sel-sel kecil dalam jumlah terlalu banyak. Bila hal ini terjadi, Anda dapat melakukan resize ulang pada sel-sel tersebut.


Mengisi sel

Setelah bentuk tabel sesuai, maka kita dapat mengisikan sesuatu ke dalam sel di dalam tabel. Sesuai dengan namanya, maka tabel dapat digunakan untuk mengisikan data dalam bentuk tabular. Untuk mengisikan data ke dalam sel, klik di dalam sel tersebut, kemudian mulailah memasukkan data. Anda dapat memasukkan tulisan, gambar, bahkan sebuah tabel ke dalam sel. Contoh di bawah ini menunjukkan sebuah tabel dalam keadaan terisi :





Frame

Frame ialah cara untuk menampilkan beberapa halaman HTML dalam satu jendela browser. Yaitu dengan membagi-bagi satu jendela browser menjadi beberapa bagian, dimana tiap bagian menampilkan halaman HTML yang berbeda-beda.


Untuk bekerja dengan frame, Anda harus membuat satu halaman baru sebagai frameset. Dimana di dalam frameset ini terdapat beberapa halaman HTML untuk ditampilkan. Jadi, satu frameset bisa mengandung beberapa halaman HTML.





Selama bekerja dengan frame, alangkah baiknya bila toolbar frame dalam keadaan aktif. Caranya, klik menu Window, Frame (atau Shift+F2). Sedangkan Object Properties juga sebaiknya dalam keadaan aktif (menu Window, Properties atau Ctrl+F3).





Menambahkan dan mengaktifkan frame.

Untuk menambahkan frame, pertama-tama Anda aktifkan dulu halaman yang akan ditambahkan frame. Kemudian klik menu Insert, Frames, dan pilih salah satu :

1. Left, untuk menambahkan frame kecil di sebelah kiri

2. Right, untuk menambahkan frame kecil di sebelah kanan

3. Top, untuk menambahkan frame kecil di atas

4. Bottom, untuk menambahkan frame kecil di bawah

5. Left and Top, untuk menambahkan 3 frame kecil, yaitu di kiri, atas, dan pojok kiri atas

6. Left top, untuk menambahkan 2 frame kecil di kiri dan atas dengan frame di kiri lebih diprioritaskan.

7. Top left, untuk menambahkan 2 frame kecil di kiri dan atas dengan frame ti atas lebih diprioritaskan.

8. Split, untuk membagi halaman yang aktif menjadi 4 frame dengan ukuran sama.





Sebagai contoh, jika halaman HTML asalnya kosong, dan kemudian dimasukkan frame di sebelah kiri, maka halaman menjadi tampak seperti ini (ilustrasi) :




Sedangkan window Frame menjadi seperti ini :





Lihat pada contoh gambar di atas. Saat ini, frame yang aktif adalah frame di sebelah kiri, yang ditandai dengan garis kotak tebal di sekeliling diagram. Jika Anda ingin mengaktifkan frame yang lain, klik pada diagram yang mewakili frame yang Anda inginkan. Jika Anda ingin mengaktifkan frameset, maka Anda dapat mengklik di pinggiran diagram tersebut.




Lihat pada diagram di atas, tampak bahwa garis tebal mengelilingi keseluruhan frame. Berarti, frameset sekarang dalam keadaan aktif.


Mengubah properti-properti frame

Untuk mengubah properti frame, secara sederhana Anda dapat mengaktifkan frame yang akan Anda ubah propertinya. Untuk cara mengaktifkan frame Anda dapat melihat kembali di bagian sebelumnya. Kemudian, lihat pada window Object Properties. Tampak properti-properti yang dimiliki oleh sebuah frame.





Penjelasan :

· Frame Name adalah nama dari frame yang sedang aktif. Nama frame ini penting untuk dicatat karena dapat digunakan untuk membuat link lintas frame.

· Src adalah nama file sumber dari frame yang sedang aktif. Untuk mengubah halaman yang ditampilkan, Anda dapat mengganti property

· Src dengan salah satu file HTML yang telah Anda buat.

· Scroll untuk menentukan apakah frame yang sedang aktif akan diberi scrollbar ataukah tidak. Jika dipilih Auto, maka scrollbar diberikan hanya jika dokumen tidak dapat ditampilkan dalam satu layar sehingga diberikan scrollbar.

· No Resize : Jika dalam keadaan ter-cawang, maka frame tidak bisa diresize oleh user. Sedangkan jika tidak dalam keadaan ter-cawang, maka frame dapat di-resize oleh user.

· Borders menentukan apakah frame diberi border.

· Border Color menentukan warna dari border frame.


Mengubah properti-properti frameset

Untuk mengubah properti frameset, Anda dapat mengaktifkan dahulu frameset-nya. Kemudian properti dapat diubah pada Object Properties.




Penjelasan :

· Borders menentukan apakah semua frame diberi border.

· Border Width menentukan lebar border

· Border Color menentukan warna border


Mengubah ukuran dan menghapus frame

Untuk mengubah ukuran frame, secara sederhana Anda dapat men-drag batas frame ke arah horizontal atau vertikal sampai ukuran yang diinginkan tercapai.


Untuk menghapus frame, Anda dapat men-drag batas frame sampai ke luar


Document Window.

Save semua frame

Yang perlu diingat dalam bekerja dengan frame yaitu sebelum mem-preview hasil pekerjaan Anda, Anda perlu menyimpan semua frame yang telah dibentuk. Caranya, klik menu File, kemudian Save All Frames. Maka Anda akan diminta untuk memberi nama file untuk frameset beserta frame-frame yang ada di dalamnya.


Membuat link antar frame

Sebelumnya kita telah pelajari mengenai link dan hyperlink, dimana link dan hyperlink digunakan untuk menunjuk ke dokumen atau file lain. Link berguna untuk membawa user ke halaman lain atau men-download suatu file. Sebenarnya, suatu link dapat ditentukan apakah akan dibuka di jendela browser yang sama, jendela browser yang baru, atau dibuka di frame lain.


Pada contoh ini, kita akan mencoba membuat link antar frame, dimana link akan dibuka di frame lain. Misalkan tersedia sebuah frameset (index.htm) dan di dalamnya terdapat 2 frame yaitu “leftFrame” (menu.htm) dan “mainFrame” (utama.htm). Kemudian, kita ingin membuat sebuah link di leftFrame, yang mana link tersebut akan dibuka di mainFrame. Maka, buatlah link di sebelah leftFrame seperti biasa, kemudian lihat pada Object Properties.


Gantilah properti Target menjadi nama frame tujuan yang Anda inginkan (mainFrame). Sebagai tambahan, pilihan _blank berarti link dibuka di jendela browser baru, pilihan _parent berarti link dibuka di frameset paling pertama, pilihan _self berarti link dibuka di frame dan jendela browser yang sama, pilihan _top berarti link dibuka di frameset satu level diatas frame yang aktif, dan sisanya adalah nama-nama frame yang terdapat dalam halaman tersebut (jika Anda memiliki 2 frame atau lebih dalam satu halaman).




Dengan menggunakan frame, kita dapat membuat halaman navigasi sendiri dimana seluruh link dibuka di frame utama. Dengan demikian, user dapat menghemat waktu karena tidak perlu mendownload menu navigasi berkalikali setiap mengakses halaman lain.


Bekerja dengan Layer

Layer merupakan salah satu keunggulan Dreamweaver dibandingkan dengan editor HTML lainnya. Dengan layer, kita dapat membuat halaman HTML yang tampilannya lebih fleksibel. Layer digunakan untuk menampilkan objek dengan posisi yang dapat diatur-atur sesuka kita, tanpa terbatas pada pandangan baris-demi-baris. Analoginya, layer diumpamakan sebagai plastic transparan yang dapat diletakkan dimana saja di atas kertas.


Selama bekerja dengan layer, alangkah baiknya apabila window Layers dalam keadaan aktif. Caranya, klik menu Window, kemudian Layers.





Memasukkan layer ke dalam dokumen

Untuk memasukkan layer ke dalam dokumen, kita dapat mengklik menu Insert, kemudian Layer. Maka, akan muncul 2 objek seperti ini :





Objek pertama, yang berupa kotak kuning dengan huruf C, menandakan controller dari sebuah layer. Jika controller ini dihapus, maka layer yang bersangkutan juga akan dihapus. Controller ini tidak terlihat di browser dan tidak memakan tempat. Anda dapat meletakkan controller ini dimana saja karena hasilnya sama. Namun yang perlu diperhatikan adalah jika meletakkan controller di dalam layer lain, maka layer ini akan memiliki sebagian sifat layer induknya (inheritance).


Anda dapat memasukkan lebih dari satu layer ke dalam dokumen Anda.Namun perlu diingat bahwa semakin banyak layer maka semakin besar pula dokumen Anda.


Setelah memasukkan layer ke dalam dokumen, maka window Layer akan menampilkan status dari semua layer yang ada di dalam dokumen.





Penjelasan :

Prevent Overlaps, berarti setiap layer yang ada akan dilarang untuk saling tumpang tindih. Tabel di dalam window Layers menampilkan semua layer yang ada pada dokumen. Urutannya yaitu dimulai dari yang paling atas sampai dengan paling bawah. Layer yang terletak di atas layer yang lain, akan ditampilkan lebih di atas (lebih kelihatan). Kolom bergambar mata, menandakan layer apakah terlihat atau tidak. Kolom Name menandakan nama layer, dan kolom Z menandakan ketinggian layer. Semakin besar Z, maka layer akan ditampilkan semakin terlihat (menutupi layer-layer lain dengan Z lebih kecil). Untuk mengubah urut-urutan ini, Anda dapat men-drag layer ke atas atau ke bawah atau mengubah nilai Z yang dimilikinya.


Mengaktifkan layer

Untuk mengaktifkan layer, Anda dapat mengklik pada Controller layer yang bersangkutan, atau mengklik pada pinggiran layer yang bersangkutan.


Memindahkan dan mengubah ukuran layer

Untuk memindahkan layer, aktifkan dulu layer yang diinginkan. Kemudian Anda dapat men-drag pinggiran layer ke tempat yang Anda inginkan. Untuk mengubah ukuran layer, Anda dapat men-drag salah satu kotak di pinggiran layer sampai ukuran yang diinginkan tercapai.




Mengubah properti-properti Layer

Untuk mengubah properti layer, Anda dapat mengaktifkan dahulu layer yang dinginkan, kemudian lihat pada Object Properties.





Kita akan membahas sebagian saja dari Layer Properties ini.

· Properti L menandakan posisi horizontal layer terhadap pinggir kiri dokumen

· Properti T menandakan posisi vertikal layer terhadap bagian atas dokumen

· Properti W menandakan lebar layer

· Properti H menandakan tinggi layer

· Z-index adalah urutan layer

· Vis adalah visibility, dimana jika default atau visible, maka layer akan terlihat. Sedangkan bila invisible, maka layer tidak terlihat. Dan jika inherit, maka layer akan menuruti sifat layer induknya. Bila layer induk visible maka ia juga visible. Begitu pula sebaliknya.

· Bg Image adalah gambar latar belakang dari layer

· Bg Color adalah warna latar belakang dari layer


Mengisi objek ke dalam layer

Untuk mengisikan objek ke dalam layer, klik kiri mouse di atas layer yang diinginkan (bukan controllernya). Kemudian mulailah mengetik atau memasukkan gambar, table, dan objek-objek lain.




Pada gambar diatas, terdapat 2 buah layer, dimana layer pertama berada di bawah layer kedua karena Z-index layer pertama lebih kecil dari Z-index layer kedua. Jika Anda melihat hasilnya pada browser, maka baik controller maupun pinggiran layer tidak akan terlihat.





UPLOAD KE SERVER

Ini adalah langkah terakhir dan yang terpenting dalam pembuatan suatu website. Jika anda sudah menyelesaikan desain web anda, anda harus melakukan langkah upload ke server agar website yang sudah anda buat dan desain dapat tampil di brower internet. Langkah-langkah yang harus dilakukan ialah :

1. Buka program WS-FTP pada komputer anda.

2. Maka akan tampak dialog box, seperti dibawah ini :





3. Ketik Host Name faculty.petra.ac.id

4. Masukkan User ID dan Password sesuai dengan yang sudah diberikan.

5. Tekan OK.

6. Maka akan tampil dialog box kedua seperti dibawah ini :





Untuk melihat apakah file anda sudah masuk keserver, buka homepage petra.ac.id untuk dosen (http://faculty.petra.ac.id), pilih nama anda. Kalau sudah benar pasti website yang sudah anda buat akan tampil di browser. Jika masih ada yang salah atau untuk perbaikan, lakukan langkah seperti mulai awal.


Sumber :

1. http://www.macromedia.com/support/dreamweaver/documentation.html

2. Berbagai sumber


--------------------------------------------------------------------------------

Possibly related posts: (automatically generated)

Tips meditasi
Membuat Halaman Web Dinamis dengan Access
Tips Mempercepat System PC
January 23, 2009 - Posted by adhewahyan | Tutorial Pemrograman Komputer | dreamweaver, Komputer, Tutorial Pemrograman Komputer | No Comments

No comments yet.

Leave a comment
Click here to cancel reply.
Name (required)

e-Maile-Mail (required - will not be published)

Website





Notify me of follow-up comments via email.

« Previous | Next »
About Hi guys… Blog ini saya buat untuk membantu rekan-rekan yang ingin mengetahui segala sesuatu tentang komputer. biar ngga’ gaptek gitu dech.. Disini anda dapat melihat tentang artikel yang berkaitan dengan komputer, juga terdapat tutorial-tutorial mengenai komputer dan pemerograman komputer.

ADMIN adhewahyan
HALAMAN UTAMAAbout
History
Renungan
POSTING TERBARUTUTORIAL DASAR JAVA SERVER PAGES (JSP)
BELAJAR MEMBUAT BLOG PADA BLOGSPOT
CARA MEMBUAT DOMAIN DAN HOSTING GRATIS
MEMBUAT COUNTER PENGUNJUNG
MEMBUAT LOGIN DENGAN PHP DAN MYSQL
MEMBUAT READ MORE PADA BLOGSPOT
INTEGRASI MYSQL PADA PHP
PEMELIHARAAN KOMPUTER
TROUBLESHOOTING KOMPUTER
DASAR-DASAR PEMROGRAMAN VISUAL BASIC
TUTORIAL KOMPUTER DAN JARINGAN
KOMPUTER DNA
TUTORIAL MACROMEDIA DREAMWEAVER
BAGAIMANA CARA OVERCLOCK
VIRUS KOMPUTER DAN WORM
TOP POSTBAGAIMANA CARA OVERCLOCK
TUTORIAL MACROMEDIA DREAMWEAVER
DASAR-DASAR PEMROGRAMAN VISUAL BASIC
PEMELIHARAAN KOMPUTER
MEMBUAT COUNTER PENGUNJUNG
KOMENTAR TERAKHIR
KALENDERJanuary 2009 M T W T F S S

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

METALog in
Entries RSS
Comments RSS
WordPress.com
KATEGORI TERATASArtikel Tentang Komputer Tutorial Pemrograman Komputer Uncategorized
TAGAI artificial intelligent artikel artikel komputer blog blogspot counter daftar DNA domain dreamweaver gratis hosting integrasi jaringan java Kecerdasan Buatan Komputer login mysql overclock pemeliharaan komputer pemograman visual basic pemrograman php program readmore troubleshooting tutorial Tutorial Pemrograman Komputer VB virus visual basic worm

Site info
CENDANA WEBLOG
Theme: Andreas04 by Andreas Viklund. Blog at WordPress.com.