[Type text] [Type text] [Type text] HTML. Belajar HTML. Sonya Permata Putri
|
|
- Suhendra Jayadi
- 7 tahun lalu
- Tontonan:
Transkripsi
1 [Type text] [Type text] [Type text] HTML Belajar HTML Sonya Permata Putri
2 Getting Started With Visual Studio 2008 Untuk bisa menulis HTML dengan Visual Studio 2008, tentu saja kita harus sudah memiliki Visual Studio 2008 di komputer kita. (Untuk permulaan, boleh juga dicoba dengan Visual Studio 2005, tapi ada beberapa fitur baru Visual Studio 2008 yang tidak dimiliki oleh Visual Studio 2005) 1. Bukalah Visual Studio 2008 tersebut sehingga muncul window seperti ini. 2. Di kolom Recent Projects, klik Create Website 3. Atau pada menu File, pilih New Web Site, seperti pada gambar berikut. 1 Sonya Permata Putri
3 4. Maka, akan muncul window seperti ini. 5. Pilih Empty Web Site, kemudian tulis nama WebSite kita di text box location yang sudah disediakan. Misalnya dalam contoh kali ini, nama folder WebSitenya adalah BelajarHTML. Klik ok. 6. Perhatikan window Solution Explorer yang tadinya kosong, jadi berisi folder baru kita. 7. Klik kanan daerah yang diblok pada gambar di atas (tulisan C:\...\BelajarHTML\), kemudian pilih Add New Item 2 Sonya Permata Putri
4 8. Add New Item berguna untuk menambahkan file-file berjenis baru di dalam folder website kita. Dalam hal ini, kita ingin menambahkan sebuah halaman HTML yang baru di dalam folder ini. Oleh karena itu, pada templates kita pilih HTML Page, kemudian kita tulis nama filenya. Misalnya dalam contoh, nama file HTML-nya adalah Home.htm. Tekan Enter atau klik Add. 9. Window yang akan muncul adalah seperti ini. 3 Sonya Permata Putri
5 10. Window Client Object & Events adalah window yang disiapkan untuk writing code. Di sini secara default Visual Studio 2008 sudah menyiapkan kerangka umum HTML Page, yang akan menghemat waktu kita tanpa perlu menulis ulang code-code tersebut. 11. Demikianlah mengenai cara memulai membuat website dengan Visual Studio Selanjutnya, kita bisa melakukan programming website sesuai dengan keperluan kita. 4 Sonya Permata Putri
6 Mengenal HTML HTML adalah sebuah bahasa yang menggunakan logika stabilo. Sesuai dengan kepanjangannya, Hyper Text Markup Language, ketika menggunakan bahasa HTML, tujuan kita meng-kode adalah memberikan efek terhadap tulisan yang akan kita tampilkan, dengan cara marking-up. Misalnya, kita mau menampilkan tulisan Aku sudah jago HTML, tahu! dengan berbagai efek sehingga terlihat seperti di bawah ini. Aku sudah jago HTML, tahu! Tulisan yang diberi efek adalah kata sudah, kata HTML, dan kata tahu. Mengapa kita perlu melakukan pengkodean lagi, padahal kita bisa langsung menunjukkan tulisan yang sudah diberi efek? Itu disebabkan karena kita ingin menyimpan informasi efek tersebut sehingga kapanpun kode tulisan kita diterjemahkan, maka tulisan itu pasti akan diterjemahkan dengan efek yang sama seperti efek yang kita maksudkan. Kata kuncinya di sini adalah Markup. Dengan HTML, konsepnya adalah kita men-stabilo kata-kata yang ingin kita beri efek, kemudian setiap stabilo yang berbeda akan kita beri keterangan yang berbeda pula. Pen-stabiloannya tidak benar-benar distabilo, akan tetapi secara imajinatif kita memberi tanda (opening sign) di awal titik penstabiloan kita, dan beri tanda penutup(closing sign) di akhir penstabiloan kita. Secara sederhana, peng-markup-an tulisan tadi akan terlihat seperti ini. Aku <tebalkan>sudah</tebalkan> jago <orange>html</orange>,<miring>tahu</miring>! Dengan demikian, di mana pun kita menulis pesan ini, kita tetap bisa mengatur tampilan pesan kita yang ingin kita tampilkan sesungguhnya meskipun di tempat kita menulis tampilan tersebut tidak bisa dimunculkan. Ketika tulisan kita diterjemahkan, maka akan muncul tampilan sebenarnya yang seperti keinginan kita. Tulisan HTML kita tidak bisa begitu saja dibaca dan langsung dimengerti, oleh karena itu kita perlu penerjemah bahasa HTML. Browser seperti Internet Explorer, Mozilla Firefox, Safari, Opera, dll, adalah penerjemah yang bertugas 5 Sonya Permata Putri
7 untuk membaca file HTML dan menampilkannya kepada kita dalam bentuk yang lebih layak dan lebih mudah dimengerti. Untuk menulis halaman HTML, kita harus menyatakan kalau dia adalah sebuah html page, caranya yaitu kita buatlah sebuah mark seperti ini. <HTML> </HTML> HTML terdiri atas dua bagian utama, yaitu Head dan Body. Di block body inilah kita akan menulis tulisan yang akan kita tampilkan. <HTML> <HEAD> </HEAD> <BODY> Di sini kita mulai menulis tulisan </BODY> </HTML> Kita sebenarnya tidak perlu repot-repot menuliskan kata-kata ini dalam file kita, karena Visual Studio 2008 secara default akan menyiapkan form-nya buat kita begitu kita me-new HTML page. Tulisan yang ingin kita tulis cukup kita tuliskan di antara mark<body> dan mark </BODY> Enter dalam bahasa HTML tidak akan mempengaruhi tampilan tulisan kita, meskipun kita menulis kelanjutan tulisan di baris yang baru atau di dua baris berikutnya, di browser tulisan kita tetap akan dikenali sebagai sebuah baris saja. Jika ingin melakukan suatu operasi yang dikenali oleh browser, maka yang harus kita lakukan adalah (lagi-lagi) marking-up dan memberi tag-tag HTML sesuai dengan apa yang ingin kita tampilkan. Selain itu, pada tag HTML, besar kecilnya huruf tidak akan dihiraukan, jadi kita mau menulis <BODY> atau <body> akan sama saja bagi halaman HTML. Tag-Tag HTML Sebelum membuat halaman Web, terlebih dahulu kita harus mempelajari struktur kodenya dulu, yang biasa disebut sebagai tag. Perintah-perintah umum 6 Sonya Permata Putri
8 yang biasa dipakai dalam penulisan kode HTML adalah seperti pada tabel di bawah ini, sesuai dengan format yang berlaku di Visual Studio HTML Keterangan Struktur Kode Tag <TITLE> Judul halaman web <TITLE> Diisi dengan Judul </TITLE> <HEAD> Header halaman <HEAD>Diisi dengan Deskripsi Halaman</HEAD> <BODY> Isi halaman <BODY>Di sini isi semua yang ingin kita tulis</body> <!-- Komentar <!--komentar yang tidak ingin dieksekusi--> <a - Link/ Hubungan <a href= Home.htm >Go to Home</a> <b> Bold/Huruf Tebal <b>tulisan ini tebal, lho!</b> <i> Italic/Huruf Miring <i>tulisan ini miring, lho!</i> <u> Underline/Garis Bawah <u>tulisan ini digarisbawahi, lho!</u> <p> Paragraf baru <p>tulisan ini adalah sebuah paragraf baru</p> <br/> Break/baris baru Tulisan di baris pertama<br/> Tulisan di baris kedua <center> Rata tengah <center>tulisan ini letaknya di tengah, lho! </center> <img> Meng-insert image <img src= Bengong.jpg alt= Ini foto orang bengong > Kalau kita perhatikan di atas, ada tag-tag yang memiliki inning, ada tag-tag yang tidak memiliki inning. Apa bedanya? Sebenarnya ini tergantung dengan fungsi tag tersebut. Kalau sebuah tag berfungsi sebagai stabilo, seperti contoh kita yang dulu yaitu misalnya kita ingin mem-bold kan sebuah kata tertentu, tentu kita harus menstabilonya. Nah, tag penyetabilo inilah yang wajib punya inning, sebab kalau tidak punya inning, apa yang mau distabilokan? Misalnya, <b> inning </b> Karena Bold adalah perlakuan khusus terhadap tulisan tertentu, maka tulisan yang ingin kita perlakukan itulah yang harus kita letakkan sebagai inning dari tag Bold. Tag-tag yang tidak memerlukan inning adalah tag-tag yang sifatnya hanya sebagai pembubuhan saja. Misalnya seperti <br/> karena tidak memerlukan inning, jadi kita langsung beri garis miring penutup saja di opening tag-nya. 7 Sonya Permata Putri
9 Atau juga insert image oleh tag <img/>, pasti kita Cuma memerlukan sebuah tag img untuk menginsert sebuah gambar, tidak perlu pakai tag penutup lagi karena tidak ada yang di-stabilokan oleh img dalam tulisan itu. Masih bingung dengan tag-tag? Yang mana yang bisa langsung ditutup, yang mana yang perlu inning? Tidak perlu bingung, karena Visual Studio 2008 sangat memberi kemudahan buat kita. Tidak perlu pusing-pusing memikirkan cara menulis yang benar, karena Visual Studio secara otomatis akan membuatkan kita format tulisan yang benar. Kemudahan ini akan kita hubungkan juga dengan fitur Visual Studio yang keren, yaitu IntelliSense. Simak saja penjelasannya dalam bahasan berikutnya. 8 Sonya Permata Putri
10 Kemudahan Membuat HTML Page Dengan Visual Studio 2008 (1) Kemudahan pertama yang sudah kita bahas tadi adalah Visual Studio 2008 akan secara otomatis membuatkan code-code kerangka umum halaman HTML ketika kita membuat sebuah new HTML page, sehingga kita tidak perlu capek-capek menulisnya lagi. Intellisense 1. Tidak tahu mau menulis apa? Ketika membuat sebuah tag, coba tekan Ctrl+Spasi, maka akan muncul kotak yang berisi code-code apa yang bisa kita tulis. Kotak bantuan itulah yang kita sebut sebagai IntelliSense. Lihat gambar berikut. (untuk tag yang belum pernah ditulis, mulailah dengan menulis < dahulu supaya IntelliSense-nya bisa muncul) 2. IntelliSense juga sangat membantu bagi programmer yang suka mencobacoba. Karena di dalam kotak tersebut terdaftar code-code apa saja yang 9 Sonya Permata Putri
11 mungkin ditulis, kita bisa mencoba-coba code-code tersebut satu persatu sehingga hal tersebut bisa menambah wawasan kita akan code-code yang sebelumnya tidak kita ketahui. 3. Tarik scroll button ke bawah, coba temukan tag br, kemudian kliklah. akan berubah menjadi 4. Bagaimanakah penulisan br yang benar? Misalnya kita tidak tahu, kita boleh langsung beri >, maka Visual Studio 2008 akan secara otomatis menutupnya (atau klik dua kali). Jangan lupa bikin < dulu. akan menjadi seperti ini 5. Langsung tutup lagi dengan >. Visual Studio 2008 akan membenarkannya sesuai dengan format yang sebenarnya. Perhatikanlah bahwa kursor kita secara otomatis akan berada di antara dua tag center, sehingga kita bisa langsung mengetikkan kalimat yang mau kita tulis. 10 Sonya Permata Putri
12 6. Lihat betapa mudahnya menulis code dengan menggunakan Visual Studio Sebenarnya, kita pun tak perlu repot-repot menekan Ctrl+Spasi supaya IntelliSensenya muncul. Sebab, saat kita sedang mengetikkan tag pun, IntelliSensenya muncul sendiri secara otomatis. Misalnya, kita mau mengetik <blockquote>. Saat karakter < diketikkan, IntelliSense akan muncul, ketika huruf b diketik, maka IntelliSense akan pergi ke list yang berawalan b, kemudian saat kita mengetik l, IntelliSense akan mengecek code yang berawalan bl. Apabila code yang di-blok oleh IntelliSense sudah sesuai dengan keinginan kita, kita bisa langsung menekan enter. Lihat contohnya di bawah ini. Jika langsung tekan enter akan menjadi 11 Sonya Permata Putri
13 Jika langsung tekan >, akan menjadi 7. Untuk contoh kasus lain lagi, misalnya kita tidak sengaja menghilangkan kotak Intellisense. Contohnya, kita sudah memilih <b + enter kemudian ternyata kita tidak jadi memilih itu. Kita tekan backspace dan kembali lagi ke sebelah huruf b. Ternyata IntelliSense tidak muncul. Cukup tekan Ctrl+Spasi, IntelliSense akan muncul kembali. Atau, kalau misalnya kita mau mengetik blockquote, ketika telah terketik <bl, tekan saja Ctrl+spasi, maka tulisan <blockquote> akan otomatis tercetak. IntelliSense sangat membantu kita menghemat waktu dan tenaga, selain itu juga IntelliSense sangat membantu bagi programmer yang ingin belajar mencoba-coba semua jenis code di dalam halaman HTML-nya. 12 Sonya Permata Putri
14 Latihan Latihan Permulaan Kita akan belajar membuat code yang sederhana. 1. Buatlah sebuah halaman HTML baru dengan menerapkan langkah-langkah yang pernah dijelaskan sebelumnya. 2. Untuk contoh ini, kita akan memakai folder BelajarHTML dan file Home.htm yang tadi kita buat, tapi sekarang kita pakai default dari Visual Studio 2008, jadi yang kita ketik di Body tadi kita hapus. 3. Ganti judulnya dengan tulisan Home Website-ku. Ini adalah judul dari halaman HTML kita saat dimunculkan di browser. 4. Kemudian isi bagian body seperti di bawah ini. Jangan lupa save tiap kali kita melakukan perubahan. 5. Line 8 dan line 10 akan dimunculkan seperti tulisan biasa ketika kita explore di browser. 6. Line 9 menunjukkan kalau kita membuat tulisan di line 9 dan line 10 itu dalam baris yang berbeda. 13 Sonya Permata Putri
15 7. Coba lihat tampilannya di browser. Melalui Windows Explorer, bukalah direktori tempat kita menyimpan file Home.htm. Kemudian open with Internet Explorer (atau langsung double-click juga bisa). 8. Selanjutnya, kita bisa mencoba code-code lain. Misalnya, kita mau mempraktekkan <blockquote> yang dari tadi kita bicarakan. 9. Coba refresh halaman Internet Explorer kita tadi. Maka akan muncul tampilan yang seperti ini. 14 Sonya Permata Putri
16 10. Kita bisa bereksperimen, misalnya dengan menambahkan tag <br/> dan sebuah kalimat baru, seperti pada contoh. 11. Lihat apa perubahan yang terjadi. 12. Selanjutnya, kita bisa coba code-code lain. Misalnya 15 Sonya Permata Putri
17 13. Kemudian kita lihat tampilannya di browser. Latihan Lanjutan (input) Kita akan meneruskan latihan permulaan, kali ini topiknya adalah mengenai input. 1. Pertama-tama sebagai pemanasan, kita boleh coba dulu tag <hr />. Tag <hr /> adalah tag untuk membuat horizontal line. 2. Tampilannya adalah sebagai berikut. 16 Sonya Permata Putri
18 3. Coba ketik tag input, maka akan muncul seperti ini. 4. Kita boleh coba Ctrl+spasi pada spasi setelah input. Apakah akan muncul IntelliSense? Ternyata ya. Maka kita boleh memilih code apa yang ingin kita pakai. Dalam hal ini, kita akan memilih type. Type berguna untuk menentukan penerima input kita itu akan berupa apa, misalnya berupa Button-kah, CheckBox-kah, atau berupa password, dll. 17 Sonya Permata Putri
19 5. Selanjutnya, kita tulis = maka akan muncul IntelliSense lagi. Coba pilih text. menjadi 6. Lihat hasil tampilannya di Internet Explorer. 18 Sonya Permata Putri
20 7. Kita bisa set ukuran text box-nya, yakni dengan cara menambahkan code lagi di dalam tag input yang type-nya text. Kali ini kita pilih value. Kemudian kita isi valuenya dengan string ada deh. 8. Value itu artinya nilai yang berada di dalam input receiver itu. Kita lihat saja bagaimana tampilannya di browser. 19 Sonya Permata Putri
21 9. Sekarang kita coba input yang bertipe CheckBox. Coba buat di baris yang baru. 10. Tampilannya adalah sebagai berikut. 20 Sonya Permata Putri
22 11. Kita mau membuat tiga buah checkbox lagi. Sebaiknya masing-masing checkbox kita beri identitas supaya kita gampang saat memberi perlakukan yang berbeda pada checkbox tertentu. Cara memberi nama/ identitasnya yaitu dengan menggunakan keyword id 12. Lihat di sini ada keunikan dari Visual Studio Cara yang kita tempuh untuk membuat tiga checkbox lagi adalah dengan copy-paste. Baris 21 pertama-tama ditambahkan dengan keyword id= CheckBox1. Setelah itu kita copy baris 21, dan di-paste di baris 22, 23, dan 24. Uniknya, Visual Studio 2008 akan secara otomatis mengganti tulisan CheckBox1 di baris 22 dengan CheckBox2, CheckBox1 di baris 23 dengan CheckBox3, dan CheckBox1 di baris 24 dengan CheckBox4. Adapun tulisan option keduaku, option ketigaku, dan option keempatku diperbaiki secara manual oleh programmer. 13. Lihat tampilannya di bawah. 21 Sonya Permata Putri
23 14. Atau kalau kita ingin checkboxnya terurut ke bawah, cukup tambahkan <br/> pada codenya. 15. Tampilannya akan menjadi seperti ini. 22 Sonya Permata Putri
24 Latihan Lanjutan (a href) 1. Seperti yang pernah dijelaskan sebelumnya, tag a href adalah tag yang dipergunakan untuk melakukan link-ing. Kita langsung coba saja. 2. Buatlah sebuah halaman page baru di direktori yang sama, dengan nama About.htm. (caranya sama seperti di topic Getting Started With Visual Studio 2008, yaitu klik kanan folder BelajarHTML, pilih Add New Item, pilih HTML Page, tulis namanya, lalu klik Add. 3. Sekarang kita punya dua buah file HTML di folder BelajarHTML. 4. Coba buka codingan About.htm. Di sini kita bikin tulisan yang simpel saja. 23 Sonya Permata Putri
25 5. Tampilannya adalah seperti ini. 6. Sekarang, bagaimana cara menghubungkan kedua page ini? Coba buka kodingan Home.htm. Dengan menggunakan keyword a href, coba ikuti langkah-langkah di bawah ini. menjadi 7. Selanjutnya, ketik > dan tulis kata-kata yang menjadi linkword nya. 24 Sonya Permata Putri
26 8. Coba lihat tampilannya di browser. 9. Coba klik GoToAbout, maka tampilannya akan berubah menjadi tampilan About.htm. 25 Sonya Permata Putri
27 10. Agar adil, buatlah a href satu lagi di Home.htm yang merujuk pada dirinya sendiri, dan juga buatlah dua a href di About.htm yang isinya sama dengan yang kita bikin di Home.htm. 11. Tampilan pada Home.htm sekarang: 26 Sonya Permata Putri
28 12. Tampilan pada About.htm sekarang: 13. Ketika GoToHome pada halaman About.htm di-klik, maka halaman yang tampil sekarang akan berganti dari About.htm menjadi Home.htm. 27 Sonya Permata Putri
29 Demikian pula sebaliknya. Apabila kita meng-klik GoToAbout, maka halaman About.htm akan ditampilkan oleh browser. 28 Sonya Permata Putri
30 Kemudahan Membuat HTML Page Dengan Visual Studio 2008 (2) Dari pelajaran sebelumnya, kita telah mempelajari cara membuat input, baik yang berupa text, tombol, ataupun checkbox. Dan itu semuanya kita koding sendiri, dengan kata lain kita baru bisa mendapatkannya dengan cara cobacoba dan kita juga mesti capek-capek menulis kode-kode input itu sampai selesai. Dan lagi, kalau kita mau melihat tampilan website itu, kita mesti capekcapek dulu bolak-balik mengeceknya di browser. Sungguh tidak praktis. Pertanyaannya, kenapa kita mau merepotkan diri kita sendiri, padahal Visual Studio 2008 sengaja menawarkan fitur yang sangat memanjakan programmer, terutama programmer pemula seperti kita. Fitur-fitur apa sajakah itu? Split View Selama ini kita menggunakan Source View. Tampilan yang cuma menampilkan kode-kode kita dalam bentuk kodingan html yang sebenarnya. Padahal sebenarnya kita bisa memilih mode view yang kita inginkan. Misalnya Design view, atau Split view. Coba lihat bar yang ada di bawah scroll bar. 1. Sekarang klik Design, untuk memunculkan mode Design view. Mode ini akan menirukan tampilan halaman HTML kita seperti saat ditampilkan pada browser yang sesungguhnya. Kita bisa langsung mengedit dan mengetik di Design view ini, termasuk membubuhkan properti-properti tambahan. 29 Sonya Permata Putri
31 2. Sekarang coba pilih Split view. Mode ini akan menampilkan gabungan dari design view dan source view, di mana source view akan berada di bagian atas, dan design view akan berada di bagian bawah. Biasakan untuk sering menggunakan mode ini, karena ini sangat bermanfaat bagi kita yang ingin menghandle code-code website dan menghandle tampilannya juga dalam waktu yang bersamaan. 30 Sonya Permata Putri
32 View in Browser Kalau sedari tadi, cara kita menampilkan file HTML ini ke dalam browser adalah dengan cara mencarinya lewat Windows Explorer, sekarang kita bisa langsung mengakses browser dengan cara sebagai berikut. 1. Klik kanan area kosong dalam wilayah editor. (baik di Design view ataupun di Source view, sama saja) 2. Pilih View in Browser 31 Sonya Permata Putri
33 3. Kebetulan dalam komputer ini, browser default pada komputer yang dipakai adalah Safari. Maka tampilannya bila kita saat itu membuka Home.htm, akan jadi seperti ini. 4. Kita bisa mengeset browser default apa yang akan otomatis membuka ToolBox halaman HTML kita, misalnya Internet Explorer, kita cukup mengatur setingannya saja di Control Panel. Ini adalah fitur terajaib di antara semuanya. Dengan adanya fitur ini, bahkan anak TK saja bisa membuat sebuah halaman HTML tanpa perlu tahu bagaimana cara mengkoding! Dengan adanya fitur ToolBox ini, belajar programming dengan Visual Studio sudah seperti sama saja dengan pelajaran DDP (Drag and Drop Programming). Di sini, kita bisa menarik dan meletakkan properti-properti web yang sudah disiapkan oleh Visual Studio 2008 untuk menghemat waktu kita menulis codecode. Coba perhatikan bar yang terletak membujur di sisi kiri 32 Sonya Permata Putri
34 Coba klik bar ToolBox, maka di situ akan keluar tampilan seperti ini. Kita bisa memilih toolbox apa yang ingin kita pakai dalam website kita? Misalnya Input(Button). Kalau tadi kita mesti mengetik sendiri kode-kodenya, sekarang kita Cuma perlu mengarahkan pointer mouse kita ke pilihan Input 33 Sonya Permata Putri
35 (Button), klik dan tahan, kemudian tarik dan letakkan ditempat yang kita inginkan yang terlihat pada Design view. Maka jadilah Input(Button) di website kita. Misalnya, pada contoh kali ini di halaman About.htm, kita coba drag and drop Input(Button), sehingga jadi seperti yang terlihat pada gambar. Perhatikanlah bahwa code <input id="button1" type="button" value="button" /> Sudah secara otomatis dibuatkan oleh Visual Studio Mudah, kan? Sekarang kalau kita mau ubah namanya button karena kita anggap terlalu jelek, kita bisa ubah langsung di source codenya, atau kalo masih malas sama kodingan, coba lirik window Properties yang ada di sudut kanan bawah. Sebelumnya kita harus pastikan dulu kalau mouse kita dalam kondisi mengeklik Button1. 34 Sonya Permata Putri
36 Dengan cara menarik scroll bar, carilah baris Value, di sebelahnya tadinya bertuliskan button, tapi sekarang kita ganti dengan Gantiah. Sekarang di tampilan website kita, kata button sudah terganti dengan kata Gantiah. 35 Sonya Permata Putri
37 Membuat Kode Logika Biasanya, ketika diminta memasukkan suatu input, user tidak hanya sekedar bisa menulis input, tapi kita juga harus melakukan serangkaian perintah yang bergantung pada input yang dimasukkan oleh user. Misalnya, ketika user disuruh mengklik tombol, lantas apa yang akan terjadi? Saat user memilih list, lantas apa yang akan berubah? Kita harus bisa menghandle event-event yang terjadi selama user melakukan interaksi dengan website kita. Pada Visual Studio 2008, code-code logika akan dimunculkan ketika kita mendouble klik input yang dimaksudkan. Contohnya. Input(Button) yang tadi kita buat di About.htm 1. Coba double-klik button tersebut. Maka di Source view akan muncul tampilan Javascriptnya. Akan muncul sebuah fungsi baru yang Button1_onclick(), yang secara otomatis akan tereksekusi saat button1 diklik oleh pengguna. 2. Sekarang, terserah kita mau melakukan apa saat button1 diklik. Kodingan disini adalah kodingan dalam bentuk bahasa java, yang kita sebut juga sebagai javascript dalam HTML. Misalnya kita ingin mengubah tulisan Gantiah menjadi TingTong! Saat kita klik, maka kodingannya akan berbentuk seperti ini. 36 Sonya Permata Putri
38 3. Untuk mengecek perubahan ini, kita tidak bisa melihatnya lewat Design view. Kita harus mengeceknya langsung di browser. 4. Kita lihat lewat View in Browser. Tampilannya akan menjadi seperti ini. 5. Kalau kita klik button lagi, tulisan TingTong! Tidak akan berubah, karena kita menetapkan kalau setiap pengeklikan hanya akan mengubah tulisan di button1 menjadi TingTong! Coba kita modifikasi sedikit kode-kode yang tadi. 6. Sekarang, kalau kita pencet button berulang kali, akan muncul tulisan Gantiah dan TingTong! Secara bergantian. 37 Sonya Permata Putri
39 38 Sonya Permata Putri
Pengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciMateri 1. Selamat Datang Di Frontpage 2000
Materi 1 Selamat Datang Di Frontpage 2000 By Sugeng Wibowo noidentresponse@yahoo.com MEMBUAT WEB SEDERHANA DENGAN MICROSOFT FRONTPAGE 2000 1. Pendahuluan Sebelum kita membuka program Microsoft Frontpage
Lebih terperinciModul Tutorial C# 1. Membuat Class Library ENRICO BUDIANTO MICROSOFT INNOVATION CENTER UNIVERSITAS INDONESIA
Modul Tutorial C# 1 Membuat Class Library ENRICO BUDIANTO MICROSOFT INNOVATION CENTER UNIVERSITAS INDONESIA JUNI 2010 PENDAHULUAN Dalam rangkaian modul tutorial untuk pelatihan C# ini, pertama kali akan
Lebih terperinciHTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinciMengenal visual designer dan IntelliSense
Mengenal visual designer dan IntelliSense Sejak dahulu, keunggulan Visual Studio dibandingkan tools lainnya adalah adanya fitur visual designer, yaitu developer melakukan editing secara visual, dan di
Lebih terperinciPemrograman Web I (HTML) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup
Lebih terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
Lebih terperinciAplikasi Komputer Microsoft Word 2010
Modul ke: Aplikasi Komputer Microsoft Word 2010 Fakultas Ekonomi dan Bisnis Yusuf Elmande., S.Si., M.Kom Program Studi Akuntansi Pendahuluan Microsoft Word (biasa diakronimkan dengan Ms.Word) merupaka
Lebih terperinciPembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)
Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language) Oleh : Tri Wahyu Nugroho triwahyunugroho@yahoo.com maswahyu@students.ee.itb.ac.id http://s.ee.itb.ac.id/~maswahyu http://www.maswahyu.tk
Lebih terperinciMahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML
Pengenalan JavaScript Standar Kompetensi Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Indikator Hasil
Lebih terperinciKetika jendela Microsoft Word dibuka, maka secara otomatis akan disediakan 1 buah dokumen baru. Untuk menambahkan dokumen baru, caranya :
BAB 2 A. Menggunakan Menu dan Ikon Standar Pengolahan dokumen meliputi : 1. Membuat Dokumen Baru Ketika jendela Microsoft Word dibuka, maka secara otomatis akan disediakan 1 buah dokumen baru. Untuk menambahkan
Lebih terperinci1. MENGENAL VISUAL BASIC
1. MENGENAL VISUAL BASIC 1.1 Mengenal Visual Basic 6.0 Bahasa Basic pada dasarnya adalah bahasa yang mudah dimengerti sehingga pemrograman di dalam bahasa Basic dapat dengan mudah dilakukan meskipun oleh
Lebih terperinciSoal Remedial Prakarya-1
Soal Remedial Prakarya-1 Kerjakan soal ini, dengan memilih salah satu jawaban yang benar. Perhatikan petunjuk: a. Pilihan jawaban yang benar dengan cara memblok pada soal tersebut. b. Dan kirim soal dan
Lebih terperinciBAB VII PERANGKAT LUNAK PENGOLAH TEKS
BAB VII PERANGKAT LUNAK PENGOLAH TEKS 7.1 Pendahuluan A. Deskripsi Singkat Pada bab ini akan dijelaskan tentang beberapa penerapan dari perangkat lunak pengolah teks. Di dalamnya akan diuraikan bagaimana
Lebih terperinciBAB I SEKILAS VISUAL STUDIO.NET 2008
BAB I SEKILAS VISUAL STUDIO.NET 2008 Pembahasan Materi : Mengenal IDE Visual Studio.NET 2008. Pembuatan project pada Visual Studio.NET 2008. Pengenalan kontrol yang sering digunakan, menulis kode program
Lebih terperinciMEMBUAT BLOG DI WORDPRESS
MEMBUAT BLOG DI WORDPRESS Blog adalah salah satu aplikasi internet yang sangat digemari pada sat ini, karena di samping tersedia secara gratis, juga dapat dikembangkan sesuai dengan tujuan dari si empunya
Lebih terperinciCara Mengelola Isi Halaman Web
Cara Mengelola Isi Halaman Web MEMBUAT, MEMBUKA, DAN MENYIMPAN DOKUMEN HTML Membuat dokumen HTML kosong baru : - Pada tampilan windows, pilih menu File > New. Untuk membuka file HTML yang sudah ada : -
Lebih terperinciPanduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8
Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Oleh Angga Radhitya Rachmat, S.Kom radhizu05@gmail.com 0882 6801 9510 0819 5724 1619 KATA PENGANTAR Puji syukur penulis panjatkan kehadirat
Lebih terperinciPANDUAN PRAKTIS MICROSOFT WORD 2007
Bagian 1: Mengenal Microsoft Office Word 2007 1.1. Memulai Aplikasi Microsoft Office Word 2007 Untuk membuka Microsoft Word caranya adalah: Klik Tombol Start yang ada di taskbar. Pilih menu All Program
Lebih terperinciBAB 2 LANDASAN TEORI. adalah perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu.
BAB 2 LANDASAN TEORI 2.1. Visual Basic 6.0 Visual Basic adalah salah satu bahasa pemrograman komputer. Bahasa pemrograman adalah perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu.
Lebih terperinciBAB 2 TINJAUAN TEORI
BAB 2 TINJAUAN TEORI 2.1. Pengenalan HTML 2.1.1. Pendahuluan HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML. Adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita
Lebih terperinciSOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.
Lebih terperinciFLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
Lebih terperinciATRI s Report Information System
ATRI s Report Information System Type : Tutorial Release : Ver 2.0 Pub Date : 10 October 2007 Pages : 13 Publisher : PT. Atri Distribusindo Overview Sebagai perusahaan distribusi & penyedia jasa logistik
Lebih terperinciMengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency
Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat
Lebih terperinciMODUL PRAKTIKUM 1 DASAR VISUAL BASIC 6.0
MODUL PRAKTIKUM 1 DASAR VISUAL BASIC 6.0 Setelah melaksanakan praktikum pada bab ini diharapkan mahasiswa dapat: Mengetahui konsep properti, event, methode dalam VB 6 Mengetahui lingkungan kerja IDE VB
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Internet Internet merupakan suatu jaringan antar komputer yang saling dihubungkan. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio, sehingga
Lebih terperinciDASAR-DASAR PENGETIKAN DAN EDITING Oleh Ade Sobandi Hendri Winata Rasto
DASAR-DASAR PENGETIKAN DAN EDITING Oleh Ade Sobandi Hendri Winata Rasto 1. Penempatan Jari Pada Keyboard Penempatan jari pada keyboard khususnya pada Type Write Keypad sama persis dengan penempatan jari
Lebih terperinciSyntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.
Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengenalan HTML 2.1.1 Pengertian Dokumen HTML HTML ( Hypertext Markup Language ) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.
Lebih terperinciSekilas Mengenai HTML
Sekilas Mengenai HTML Halaman di website-website yang sering anda lihat di internet pada umumnya dibuat dengan menggunakan bahasa HTML. Tidak seperti bahasa lainnya, untuk membuat halaman HTML, kita tidak
Lebih terperinciEbook Panduan Pengoperasian Web Simpel
Ebook Panduan Pengoperasian Web Simpel Daftar isi : Login ke halaman admin Ganti password website Membuat halaman baru Menghapus menu / halaman 4 Memasukan gambar 5 Masukan / embed video dari Youtube 6
Lebih terperinciC. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
Lebih terperinciBuka Start -> All Programs -> Microsoft Visual Studio - > Microsoft Visual Fox Pro 6.0
PAKET PEMROGRAMAN II Buka Start -> All Programs -> Microsoft Visual Studio - > Microsoft Visual Fox Pro 6.0 A. Menu Bar B. Standar ToolBar E. Jendela Command D. Jendela Kode C. Form Designer F. Form Controls
Lebih terperinciMengenal Dreamweaver MX 2004
Mengenal Dreamweaver MX 2004 Macromedia Dreamweaver MX merupakan software yang dikenal sebagai software web authoring tool, yaitu software untuk desain dan layout halaman web. Versi terbaru Dreamweaver
Lebih terperinciPRAKTIKUM 10 REPORT LANJUTAN 72 C. TUGAS PENDAHULUAN Buat perancangan report untuk pegawai dan kerja seperti contoh dibawah ini : D. PERCOBAAN Buka da
Praktikum 10 Report Lanjutan A. TUJUAN 1. Menjelaskan tentang pengurutan dan pengelompokan data pada report 2. Menjelaskan tentang penambahkan header dan footer pada report 3. Menambahkan data dalam bentuk
Lebih terperinci1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
Lebih terperinciMacromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.
Tatik Retno Murniasih, S.Si., M.Pd. Merupakan software web design yang berguna untuk merancang web dan layout halaman web. Dalam merancang web bisa dilakukan dengan cara mendesain dan memprogram. Untuk
Lebih terperinciUSER MANUAL IMPORTIR. e-bpom
USER MANUAL IMPORTIR e-bpom Daftar Isi Daftar Isi... 2 Alur Permohonan SKI... 3 Memulai aplikasi... 3 Login... 4 Registrasi... 4 Menu Importir... 7 Pilih Dokumen Baru... 7 Memasukkan Dokumen Produk...
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperincimerge to new document
1. Untuk menjalankan program, langkah awal adalah melakukan klik. pada taskbar. a. Start b. Exit c. Turn off d. Log off e. Shutdown 2. Perintah yang digunakan untuk mengaktifkan windows explore adalah.
Lebih terperinciAPLIKASI KOMPUTER. Pokok Bahasan : MS. WORD (BAGIAN 1) Anggun Puspita Dewi, S.Kom., MM. Modul ke: Fakultas MKCU
APLIKASI KOMPUTER Modul ke: Pokok Bahasan : MS. WORD (BAGIAN 1) Fakultas MKCU Anggun Puspita Dewi, S.Kom., MM Program Studi Sistem Informasi & MarComm www.mercubuana.ac.id PENGERTIAN MICROSOFT WORD Microsoft
Lebih terperinciBAB I. 1 P e m r o g r a m a n V i s u a l B a s i c - J a t i L e s t a r i
BAB I Konsep Visual Basic: Penerapan di dunia Usaha, Instalasi serta Pengenalan IDE (Integrated Development Environment) VB dan konsep pemrograman visual I. Tujuan Praktikum 1. Mahasiswa mengenal VB, penerapan
Lebih terperinciUsing FreeMind. Diadaptasi dari John Leach
Using FreeMind Diadaptasi dari John Leach Membuat Mind Map Click di FreeMind icon pada desktop, atau panggil program dari start menu program (Start -> Programs -> FreeMind -> FreeMind.) Jika belum pernah
Lebih terperinciREKAYASA WEB SESI - 2 Dosen : Tri Ari Cahyono, S.Kom, M.Kom
REKAYASA WEB SESI - 2 Dosen : Tri Ari Cahyono, S.Kom, M.Kom ------------------------------------------------------------------------------ INSTALASI AURACMS Download terlebih dahulu file script AuraCMS
Lebih terperinciMEMBUAT WEBSITE PERSONAL
MEMBUAT WEBSITE PERSONAL dengan Microsoft FrontPage UNTUK KALANGAN SENDIRI Dilarang menyalin sebagian atau seluruh bagian modul ini tanpa ijin dari penyusun Modul Workshop : Membuat Website Personal 1
Lebih terperinciMicrosoft Word Teori dan fungsi yang digunakan dalam MS. Word Rahma Farah Ningrum, M.Kom. Modul ke: Fakultas Ilmu Komputer
Modul ke: Microsoft Word 2010 Teori dan fungsi yang digunakan dalam MS. Word 2010 Fakultas Ilmu Komputer Rahma Farah Ningrum, M.Kom Program Studi Sistem Informasi www.mercubuana.ac.id Microsoft Word 2010
Lebih terperinciE-commerce Development Berbasis Wordpress
E-commerce Development Berbasis Wordpress P A R T 2 A / 4 w w w. v e r o n i c a s t e v a n y. c o m w w w. g r a p h i c b y v e s t e. c o m PAGE 2 Pendahuluan WordPress merupakan sebuah CMS (Content
Lebih terperinciDESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id
DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah
Lebih terperinciMembuat web sederhana dengan HTML
Membuat web sederhana dengan HTML Bahasa HTML merupakan bahasa markup (pelekat) untuk menampilkan teks. Gambar dan multi media. Dalam html terdapat tag-tag yang mampu dibaca oleh browser web sehingga tampilan
Lebih terperinciE-trik Ajax. Database MySQL. Dedi Alnas
E-trik Ajax Database MySQL Dedi Alnas Pengenalan MySQL Tutorial kali ini akan membahas cara pembuatan aplikasi web yang dapat dihubungkan dengan MySQL. Pada paket instalasi Xampp terdapat MySQL dan phpmyadmin.
Lebih terperinciModul ke: Aplikasi Komputer. Microsoft Word. Fakultas TEKNIK. Muhammad Rifqi, S.Kom, M.Kom. Program Studi. Ilmu Komputer.
Modul ke: Aplikasi Komputer Microsoft Word Fakultas TEKNIK Muhammad Rifqi, S.Kom, M.Kom Program Studi Ilmu Komputer http://www.mercubuana.ac.id MEMULAI MS WORD Klik START > Program > Micorosoft Office
Lebih terperinciTAG HTML LANJUT Tujuan Instruksional :
3 TAG HTML LANJUT Tujuan Instruksional : 1. Mahasiswa mengetahui tag-tag tingkat lanjut pada HTML 2. Mahasiswa dapat menyusun dan menyimpan sebuah dokumen HTML dengan tag HTML lanjut 3. Mahasiswa dapat
Lebih terperinciTutorial Pengenalan HTML (Hypertext Markupable Language)
Tutorial Pengenalan HTML (Hypertext Markupable Language) http://pcr.aksespraktis.net Dilarang menggandakan atau menduplikasi tanpa ijin dari penulis Sekilas Mengenai Bahasa HTML HTML atau kependekan dari
Lebih terperinciMembuat File Database & Tabel
Membuat File Database & Tabel Menggunakan MS.Office Access 2013 Database merupakan sekumpulan data atau informasi yang terdiri atas satu atau lebih tabel yang saling berhubungan antara satu dengan yang
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciBAB 5 PROSES EDITING 5.1. EDITING AWAL
BAB 5 PROSES EDITING Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih
Lebih terperinciPEMBUATAN DOKUMEN. Untuk mengubah ukuran kertas dan orientasi pencetakan dapat dilakukan langkah berikut:
PEMBUATAN DOKUMEN I. PENGETIKAN DAN PENGATURAN TEKS Membuka Halaman Kerja Ms. Word Start Microsoft Office Microsoft Office Word 2007 Muncul Lembar Kerja Ms. Word yang secara otomatis diberi nama Document1
Lebih terperinciPERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage
PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site
Lebih terperinciTutorial Web ( HTML part 1)
Tutorial Web ( HTML part 1) by webmaster - Sunday, December 06, 2015 http://umarrokhimin.student.akademitelkom.ac.id/index.php/2015/12/06/tutorial-html-part-1/ PENGERTIAN HTML PART 1 HTML (Hypertext Markup
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciHampir semua orang pernah mendengar Internet, Penggunaan Browser untuk Akses Internet BAB V. Tujuan Pembelajaran. Kata kunci
BAB V Penggunaan Browser untuk Akses Internet Tujuan Pembelajaran Setelah mempelajari bab ini, diharapkan siswa akan mampu: Mengerti dan memahami apa yang dimaksud dengan browser. Mengerti dan memahami
Lebih terperinciMENU DAN TOOLBOX. Menu PopUp merupakan pengembangan dari menu yang ditampilkan di luar form, lepas dari menu bar.
MENU DAN TOOLBOX Menu dalam sebuah aplikasi digunakan untuk mengelompokkan perintah-perintah sehingga pengguna mudah dalam memanggil perintah yang diinginkan. MENU BAR Menu Bar muncul di bawah title bar
Lebih terperinciRANCANG BANGUN APLIKASI PICTURE BROWSER SEBAGAI DIGITAL ALBUM ALTERNATIF
RANCANG BANGUN APLIKASI PICTURE BROWSER SEBAGAI DIGITAL ALBUM ALTERNATIF Sanlyana Purwanto [1], Andreas Jodhinata [2] Program Studi Sistem Informasi Universitas Pelita Harapan Surabaya Surabaya, Indonesia
Lebih terperinciHak Cipta Pada
Mata Diklat : Keterampilan Komputer Dan Pengelolaan Informasi Program studi : Semua Program studi Kompetensi : Mengoperasikan Sistem Operasi (Windows XP) Kode : SWR.OPR.200.(1).A Durasi Pemelajaran : 10
Lebih terperinciMEMBUAT LAPORAN (DATA REPORT)
1 MEMBUAT LAPORAN (DATA REPORT) Data Report merupakan sebuah desain untuk mencetak laporan dimana memiliki bagian-bagian seperti terlihat pada gambar 1 berikut : Gambar 1. Tampilan Data Report Maksud dari
Lebih terperinciM. Choirul Amri. 2.1 Membuat Project Baru.
Cepat Mahir Visual Basic.NET choirul@bsmdaemon.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
Lebih terperinciMICROSOFT POWERPOINT. Pendahuluan
MICROSOFT POWERPOINT Pendahuluan Microsoft Power Point adalah suatu software yang akan membantu dalam menyusun sebuah presentasi yang efektif, professional, dan juga mudah. Microsoft Power Point akan membantu
Lebih terperinciTutorial Membuat Blog dengan Layanan Wordpress
Tutorial Membuat Blog dengan Layanan Wordpress Agar bisa membuat blog, anda setidaknya memerlukan komputer dengan spesifikasi yang bagus, terhubung dengan jaringan internet, email yang masih aktif dan
Lebih terperinciKomunikasi Multimedia
Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id
Lebih terperincihttp://bp2dk.id/source/sidekaapp1.3.zip atau http://lppm.uajy.ac.id/source/assets%20v1.3.zip Double Click pada xampp-win32-5.6.
Panduan Instalasi Aplikasi SIDeKa 1. Instalasi Web Server menggunakan XAMPP. Di Windows Web Server diperlukan untuk menjalankan aplikasi SIDeKa, karena aplikasi ini dibangun berbasis web (Web Base). Step
Lebih terperinciBAB 3 LAYAR WINDOW 3.1. WINDOW VIEW
BAB 3 LAYAR WINDOW 3.1. WINDOW VIEW View menampilkan data data input file yang sudah didefinisikan.a pada jendela ini mempunyai format seperti spredsheet. Data dapat dengan mudah diperiksa baik terhadap
Lebih terperinciPraktikum 6 SubForm dan Kode VBA
Praktikum 6 SubForm dan Kode VBA A. TUJUAN Dapat mengkaitkan antara Form Utama dan SubForm Dapat menghubungkan antar Form secara manual Memahami arti dari Non-Synchronized Form Dapat memodifikasi properti
Lebih terperinciShortcut Keyboard Pada Windows
Shortcut Keyboard Pada Windows Wawan Setiawan waoonne@gmail.com Abstrak Shortcut adalah kombinasi tombol-tombol pada keyboard (papan ketik) untuk mengirim perintah ke sistem computer. Jadi shortcut bisa
Lebih terperinci1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML
MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide
Lebih terperinciPERTEMUAN 1 PENGENALAN MICROSOFT OFFICE WORD 2007
PERTEMUAN 1 PENGENALAN MICROSOFT OFFICE WORD 2007 Microsoft Office Word 2007 merupakan program aplikasi pengolah kata (word processor) yang yang biasa digunakan untuk membuat laporan, dokumen berbentuk
Lebih terperinciMembangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE
Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Langkah-langkah membuat web statis 1. Pastikan bahwa server localhost sudah berjalan. Untuk Windows biasanya menggunakan Xampp for
Lebih terperinciRuang Kerja DREAMWEAVER MX 2004 :
1.1 Pengertian Macromedia Dreamweaver : merupakan sebuah HTML editor Profesional untuk mendesain secara visual dan mengelola situs web beserta halaman- web. 1.2 Spesifikasi PC untuk menjalankan DREAMWEAVER
Lebih terperinciBAHASA PEMROGRAMAN 2 PENGENALAN GAMBAS
BAHASA PEMROGRAMAN 2 PENGENALAN GAMBAS 1. LATAR BELAKANG Gambas (Gambas Almost Means BASic) adalah sebuah bahasa pemrograman visual berbasis objek yang menyerupai visual basic yang berjalan di platform
Lebih terperinciMENDEMONSTRASIKAN AKSES INTERNET
MENDEMONSTRASIKAN AKSES INTERNET 2. Standar Kompetensi: Menggunakan internet untuk memperoleh informasi 2.1. Kompetensi Dasar: Mendemonstrasikan akses internet sesuai prosedur TUJUAN PEMBELAJARAN Menjelaskan
Lebih terperinciMendaftar dan Menggunakan Fasilitas Akun Facebook 2009 PUSKOM UNIVERSITAS MERCU BUANA YOGYAKARTA
Mendaftar dan Menggunakan Fasilitas Akun Facebook 2009 PUSKOM UNIVERSITAS MERCU BUANA YOGYAKARTA DAFTAR ISI Daftar Isi... 1 a. Membuka website Facebook... 2 b. Mendaftar Facebook... 2 c. Login... 5 d.
Lebih terperinciModul Praktikum Ke-1
Bahasa Pemrograman Dasar Fathurrohman 1 Modul Praktikum Ke-1 (Tampilan VB, Event, Property, Objek Kontrol : form, text, label, command) Mengenal Visual Basic (VB) Visual Basic adalah salah satu perangkat
Lebih terperinciMendaftar ke Friendster
Mendaftar ke Friendster Sebelum melangkah lebih jauh soal Friendster, kita coba belajar cara mendaftar ke Friendster dulu yuk. Nah, pertama kamu kudu punya email. Kalo belum silahkan belajar cara bikin
Lebih terperincihttps://pengawaspinrang.wordpress.com MANUAL BOOK penggunaan blog Pengawa Sekola Idarahma Ibrahim
https://pengawaspinrang.wordpress.com MANUAL BOOK penggunaan blog Pengawa Sekola Idarahma Ibrahim PANDUAN (MANUAL) PENGGUNAAN BLOG http://pengawaspinrang.wordpress.com UNTUK PENGAWAS SEKOLAH A. Membuka
Lebih terperinciPENGENALAN INTERFACE MACROMEDIA DITECTOR MX
PENGENALAN INTERFACE MACROMEDIA DITECTOR MX Sebelum kita mempraktekkan tutorial singkat ini, sebaiknya software Macromedia Director di-install terlebih dahulu. Untuk menjalankan program Macromedia Director
Lebih terperinciPRAKTIKUM ASP 5 MENGGUNAKAN SERVER CONTROL. Praktikum diambil berdasar Buku Pemrograman Web Dinamis dengan ASP.NET 4.5.
PRAKTIKUM ASP 5 MENGGUNAKAN SERVER CONTROL Praktikum diambil berdasar Buku Pemrograman Web Dinamis dengan ASP.NET 4.5. ASP.NET Control merupakan komponen utama dari ASP.NET Framework yang dieksekusi di
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur
Lebih terperinciBab2 -Pengenalan HTML
Bab2 -Pengenalan HTML Web Design & Programming Team Dosen (PENS) 1 Dokumen HTML kependekan dari Hyper Text Markup Language file teks murni yang dapat dibuat dengan teks editor Dokumen ini dikenal sebagai
Lebih terperinciMEMBUAT DAN MENGATUR DOKUMEN
MEMBUAT DAN MENGATUR DOKUMEN MENGEDIT DOKUMEN Ketika melakukan pengetikan, kita perlu mengetahui tombol tertentu pada keyboard yang memiliki fungsi operasi tertentu. Tanda Kegunaan Memindahkan kursor 1
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Sekilas Mengenai Microsoft Visual Basic Versi 6 Microsoft Visual Basic adalah sebuah bahasa pemograman komputer. Bahasa pemograman adalah perintah perintah atau instruksi yang
Lebih terperinciPEMROGRAMAN KOMPUTER KODE MODUL: TIN 202 MODUL IV PENGENALAN MICROSOFT VISUAL BASIC 6.0
PEMROGRAMAN KOMPUTER KODE MODUL: TIN 202 MODUL IV PENGENALAN MICROSOFT VISUAL BASIC 6.0 LABORATORIUM TEKNIK INDUSTRI FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA 2013 MODUL IV PENGENALAN MICROSOFT
Lebih terperinciBAB I. Pendahuluan. 1.1 latar belakang masalah. 1.2 Rumusan Masalah. 1.3 Tujuan
BAB I Pendahuluan 1.1 latar belakang masalah Buku merupakan salah satu prasyarat bagi tercapainya tujuan pendidikan. Dalam undang-undang tentang sistem pendidikan nasional dijelaskan bahwa: Pendidikan
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI SISTEM
BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM 4. 1 Implementasi Sistem Atau Aplikasi 4. 1. 1 Spesifikasi Sistem Aplikasi pengolahan jurnal online berbasis web dibuat dengan menggunakan bahasa PHP 5.0 sebagai
Lebih terperinciVISUAL BASIC.NET. 1. Apa Itu VB.NET?
VISUAL BASIC.NET 1. Apa Itu VB.NET? VB.NET adalah salah satu bahasa pemrograman Komputer Tingkat Tinggi. Bahasa Pemrograman Adalah Perintah-perintah yang dimengerti oleh computer untuk melakukan tugas-tugas
Lebih terperinciPenulis :
Daftar Isi Dasar-Dasar HTML Cara Membuka Notepad dan Structure Dasar HTML 1 Heading dan Cara Menyimpan dengan Ekstensi HTML 4 Basic HTML Code 6 Style 11 Formating 18 Dasar Dasar HTML Cara Membuka Notepad
Lebih terperinciMembuat File Database & Tabel
Membuat File Database & Tabel Menggunakan MS.Office Access 2010 Database merupakan sekumpulan data atau informasi yang terdiri atas satu atau lebih tabel yang saling berhubungan antara satu dengan yang
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu. Perancangan merupakan penggambaran, perencanaan, pembuatan sketsa dari beberapa elemen
Lebih terperinciPemrograman Komputer B
OPEN OFFICE WRITER Pengenalan OpenOffice OpenOffice adalah perangkat lunak open source untuk office suite dengan kemampuan seandal office suite komersial seperti MS Office, dengan menggunakan openoffice
Lebih terperinciA. Memulai dan Struktur Visual Basic
BAB II PEMOGRAMAN VISUAL BASIC A. Memulai dan Struktur Visual Basic Jika program visual basic terinstalasi pada sistem operasi Microsoft Windows XP, maka Microsoft Visual Basic dapat dimulai dengan langkah
Lebih terperinci