Selasa, 27 September 2016

Tutorial Wpm ( Web Page Maker )

Apa Itu Web Page Maker ?

Web Page Maker adalah merupakan salah satu software editor-maker untuk halaman Situs Web yang mudah sekali pengoperasiannya. Meskipun kapasitasnya kecil, tapi sudah lumayan mampu untuk melakukan pekerjaan-pekerjaan dasar editor-maker halaman web.

Berikut adalah kemampuan dari Web Page Maker :

• Tidak perlu pintar code Html dan pengalaman web dalam mengoperasikannya.

• Drag and drop object.

• True WYSIWYG layout & desain.

• Membuat dan mengolah dengan mudah beberapa halaman situs Web sekaligus.

• Disertai Pra-desain website templates yang langsung bisa dipakai.

• Ratusan fungsi : thumbnail, mouse-over effects, contoh efek Java Script yang

sudah ter-integrasi, teks link style sheet, tabel, form, Iframe dan lain-lain.

• Pratinjau/preview di halaman web browser dengan sekali klik.

• Publikasi situs web hanya dengan satu klik dengan FTP yang ter-integrasi.

• Membuat halaman web dengan jumlah tak terbatas.

• Support CSS untuk mengatur tampilan website.

• Hasil jadi halaman Situs Web, kompatibel dengan berbagai Web Browser.

• Dan masih banyak lagi menu dan tool yang tersedia.

Mungkin anda akan ragu kalo situs yang saya buat ini menggunakan Web Page Maker . Pertimbangannya adalah dari beberapa software editor-maker web, Web Page Maker paling mudah, ringan dan simpel penggunaannya. Dengan memakai software-software bantu grafis seperti ; Flash-animator, hasil Desain Situs Web dari Web Page Maker akan lebih Optimal dan Atraktif.

Untuk itu dari pengalaman yang ada, saya dengan senang hati membagi pengalaman tentang Cara Penggunaan-Pengoperasian Web Page Maker, sehingga pada akhirnya semua bisa lebih kreatif menuangkan ide-idenya untuk membangun Situs Web sendiri dan tidak pasif ( pengunjung situs ).

Selanjutnya, masih dengan Bahasa Indonesia, saya akan membahas lebih banyak dan lengkap tentang Web Page Maker, dengan asumsi bahwa anda sudah mengenal Adobe Photoshop, Corel, Flash Maker, Animasi GIF dan software grafis yang lain.

Tutorial HTML

Cara Belajar Membuat HTML Dasar

Untuk belajar membuat HTML, anda membutuhkan 2 buah program aplikasi yaitu HTML editor dan web browser. Untuk HTML Editor, anda dapat menggunakan yang paling mudah dan mungkin sudah ada di komputer anda yaitu Notepad. Sedangkan untuk browser, silahkan nanti gunakan Internet Explorer atau Mozilla Firefox yang mungkin juga sudah ada di komputer anda.

Jadi saat ini kita bisa langsung mempraktekkan bagaimana cara membuat HTML dari yang paling dasar. Notepad nantinya akan kita gunakan mengetikkan kode-kode atau tag HTML. Sedangkan web browser atau biasa disebut “browser” saja, akan kita gunakan untuk melihat hasil halaman HTML yang sudah kita buat. Langsung saja kepada praktek cara membuat HTML dasar, silahkan ikuti langkah-langkah berikut ini.

Buka aplikasi Notepad di komputer anda lalu ketikkan kode HTML berikut ini :

1<html>

2<head>

3<title>Belajar HTML</title>

4</head>

5<body>

6Hallo, selamat belajar HTML.

7</body>

8</html>

Catatan : Nomor yang muncul di setiap baris tidak perlu anda ketik, itu hanya tampilan untuk menunjukkan nomor baris kode yang ada. Jadi ketikkan seperti gambar berikut ini :

Selanjutnya silahkan klik menu File-Save As untuk menyimpan file yang anda buat. Simpan dokumen/file diatas dengan nama “latihan.html”. Pastikan anda mengetikkan “latihan.html” (tanpa tanda petik) ketika menyimpan, karena jika tidak maka file yang tersimpan otomatis menjadi file dengan ektension “txt”.

Kemudian tutup aplikasi Notepad anda. Lalu buka windows explorer dan cari dimana file tadi anda simpan. Jika sudah ditemukan, silahkan buka file HTML tersebut dengan cara memilih dan klik double.

Jika sudah benar, maka seharusnya file tersebut otomatis akan dibuka dengan menggunakan aplikasi browser yang ada di komputer anda seperti Internet Explorer atau Mozilla Firefox. Dan jika menggunakan Firefox tampilan akan menjadi seperti berikut.

Sampai disini anda diharapkan sudah mampu dan mengerti tentang bagaimana cara membuat HTML. Artinya anda tahu dimana mengetikkan kode HTML lalu menyimpannya dan bagaimana cara melihat tampilan HTML yang anda buat melalui browser. Selanjutnya anda tinggal mengikuti tutorial HTML dan begitu melihat contoh kode HTML yang diberikan maka anda tahu bagaimana mencobanya.

Pada tahap belajar HTML yang lebih jauh, anda dapat menggunakan software editor HTML seperti Dreamweaver. Dengan menggunakan editor yang memang khusus untuk HTML, anda akan banyak dipermudah karena tersedia berbagai bantuan untuk membuat HTML yang lebih kompleks.