Kamis, 29 September 2016

TUTORIAL WEB PAGE MAKER

  • WEB PAGE MAKER V.2 :
Merupakan program aplikasi yang dirancang untuk membuat website sederhana
menjadi dinamis, dengan web page maker anda tidak perlu lagi dipusingkan dengan
berbagai macam code HTML (HyperText Mark-up Language).
Mengaktifkan WEB PAGE MAKER V.2 :
_ Klik Menu Start
_ Pilih All Program (pada classic start menu pilih Program)
_ Pilih WEB PAGE MAKER V.2
  1. Mengidentifikasikan Fungsi Menu, Tool dan Icon
  2. Membuat Halaman Web
Membuat Halaman Baru
Dapat dilakukan dengan cara :
_ Klick File – New Site
Menambah Halaman Web
Dapat dilakukan dengan cara :
_ Pada Site Contents Klick New Page
Menghapus Halaman Web
Dapat dilakukan dengan cara :
_ Klick Halaman yang akan dihapus – Klick Delete pada Site Contents
Meng-Copy Halaman Web
Dapat dilakukan dengan cara :
_ Klick Halaman yang akan dicopy – Klick Clone Page pada Site Contents
  1. Mendesain Web
Memasukkan Text pada Halaman Web
Dapat dilakukan dengan 2 (dua) cara :
  1. Klick Insert – Text
  2. Klick Text Pada Toolbar
Memasukkan Gambar pada Halaman Web
Dapat dilakukan dengan cara :
  1. Klick Insert – Image
Contoh :

_ Cari File gambar Anda
_ Pilih salah satu gambar
_ Klick Open
  1. Klick Insert – Image

_ Pilih salah satu gambar
_ Double Klick (klick 2 dua kali)
Memasukkan Audio pada Halaman Web
Dapat dilakukan dengan cara :
_ Klick Insert – Object
Contoh :
_ Cari File Audio/Musik Anda
_ Pilih salah satu File Audio/Musik Anda
_ Klick Open – Audio
Memasukkan Video pada Halaman Web
Dapat dilakukan dengan cara :
_ Klick Insert – Object
  1. Windows Media Video, dengan type file (*.avi; *.asf; *.asx; *.wmv;*.wmx)
  2. Real Media Video, dengan type file (*.ra; *.rm;)
  3. Quick Time, dengan type file (*.qt; *.mov; *.movie)
Contoh :
_ Cari File Video Anda
_ Pilih salah satu File Video Anda
_ Klick Open
Memasukkan Animasi Flash pada Halaman Web
Dapat dilakukan dengan cara :
_ Klick Insert – Flash Movie
Contoh :
_ Cari File Flash Anda (.swf)
_ Pilih salah satu File flash Anda Anda
_ Klick Open
Memasukkan Text Berjalan (Marquee) pada Halaman Web
Dapat dilakukan dengan cara :
_ Klick Insert – Marquee
Memasukkan Animasi Java pada Halaman Web
Dapat dilakukan dengan cara :
_ Klick Insert – Ready-to-use Java Scripts
_ Pilih salah satu
_ Klick OK
Memasukkan Warna Background pada Halaman Web
Dapat dilakukan dengan cara :
_ Klick Page – Page Properties – Appearance
Memberikan Tombol pada Halaman Web
Dapat dilakukan dengan cara :
_ Klick Insert – Navigation Bar
_ Pilih salah satu
_ Klick OK
Memberikan Background Music pada Halaman Web
Dapat dilakukan dengan cara :
_ Klick Page – Page Properties – Background
_ Klick OK
Menyimpan File dalam bentuk Web Page Maker V.2 (.wss)
_ Klick File – Save As
_ Sebagai Contoh Penulis menyimpannya pada Folder
Document\Latihan Web
_ Dengan File Name : website saya
Menampilkan Halaman Web yang telah di Export
Setelah File Di Export dalam bentuk HTML, maka kita dapat melihat hasilnya
dengan cara :
  1. Buka Explorer (Klick Kanan pada menu Start
  2. Klick dua kali pada Folder
  3. Klick dua kali pada Folder
  4. Pada Folder Latihan Web Klick dua kali pada file
  5. Mengedit Halaman Web yang telah di Simpan
Mengedit Halaman dalam bentuk Web Page Maker V.2 (.wss)
  1. Buka Explorer (Klick Kanan pada menu Start
  2. Klick dua kali pada Folder
  3. Klick dua kali pada Folder
  4. Klick dua kali pada File 
SUMBER :  http://dianasic.blogspot.co.id/2014/09/cara-membuat-web-dengan-web-page-maker.html
Diposting oleh di 43 komentar:

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.

Sumber : http://kuliah.imadewira.com/cara-belajar-membuat-html-dasar/
Diposting oleh di 39 komentar:

Tutorial Blog


Part 1 : Cara membuat blog di blogger

Untuk membuat blog di blogger.com sangatlah mudah sekali. Yang sobat butuhkan hanyalah akun Google setelah itu tinggal mendaftar gratis di www.blogger.com.
Silakan bisa disimak caranya berikut ini:
1. Masuk ke https://blogger.com
2. Login menggunakan akun Google milik sobat. Jika belum punya, silakan bikin dulu.

3. Jika sebelumnya sobat belum membuat profil Google+ maka klik “Buat profil Google+” tapi kalo sudah punya profil Google+ maka langsung lompat ke langkah berikutnya.

4. Klik “Lanjutkan ke Blogger”

5. Klik “Blog baru” untuk membuat blog baru

6. Isi detail blog sobat, setelah itu klik “Buat blog!”

7. Blog sudah jadi. Untuk melihat blog sobat tinggal klik tombol “Lihat blog”


Part 2 : Cara posting artikel

Setelah sobat berhasil membuat blog, hal berikutnya yang perlu sobat lakukan adalah memulai mengisi blog sobat dengan tulisan atau posting artikel.
Cara posting artikel di blogger sendiri bisa dibilang sangat mudah. Pada dasarnya hampir sama seperti menulis email.
Jika sobat sudah terbiasa menulis email maka untuk melakukan posting artikel di blogger bukanlah hal yang sulit untuk dipelajari.
Tapi jika sobat belum pernah menulis email maka itu artinya sobat bener-bener gaptek. Tapi jangan khawatir karena nggak ada kata terlambat untuk belajar.
Berikut ini adalah langkah-langkahnya:
1. Pertama sobat harus login dulu ke https://blogger.com menggunakan Akun Google :
2. Kalau sudah masuk, sekarang tinggal klik tombol dengan icon “Pensil“:

3. Berikutnya sobat akan diarahkan ke halaman editor artikel di blogger. Simak baik-baik gambar di bawah ini beserta penjelasannya :

Penjelasan :
  • Angka 1 : Judul postingan
  • Angka 2 : Isi postingan
  • Angka 3 : Menu-menu untuk mengganti warna tulisan, ukuran font, upload gambar dan video, DLL.
  • Angka 4 : Format postingan. Pilih saja Compose untuk pemula
  • Angka 5 : Label postingan.
  • Angka 6 : Tanggal artikel ditulis
  • Angka 7 : Tautan permanen.
  • Angka 8 : Lokasi sobat saat menulis artikel. Nggak wajib diisi
  • Angka 9 : Beberapa opsi lain yang bisa dipilih
  • Angka 10 : Tombol untuk mempublikasikan artikel sobat
  • Angka 11 : Tombol untuk menyimpan postingan ke Draft
  • Angka 12 : Preview postingan sebelum dipublikasikan
4. Setelah sobat sedikit paham dengan menu-menu yang ada pada editor artikel di blogger, setelah itu tinggal nulis apa aja yang kepengin sobat tulis.
5. Klik tombol “Publikasikan” kalau artikelnya sudah selesai.
6. Jika sudah tinggal cek alamat blog sobat. Sekarang tulisan sobat sudah online dan bisa dibaca oleh banyak orang:

Nah ternyata menulis postingan di blogger sangat mudah banget bukan? Selanjutnya silakan sobat bisa ngeblog dengan sesuka hati.

Part 3 : Cara mengganti/memasang template

Salah satu fitur keren yang ada di blogger adalah kita bisa mengganti template atau tampilan blog kita sesuai keinginan.
Di blogger.com sudah disediakan beberapa template-template default yang bisa dipilih, selain itu sobat juga bisa menggunakan template pihak ketiga yang sudah bertebaran di internet.
Nah kemungkinan besar sobat akan lebih memilih untuk menggunakan template pihak ketiga karena template yang sudah disediakan blogger rata-rata jelek dan terlalu sederhana.
Silakan disimak di bawah ini:

1. Mencari template blogger
Nah untuk mengganti template blog dengan template pihak ketiga, hal pertama yang perlu sobat lakukan adalah mencari template blogger untuk didownload.
Di luar sana banyak sekali penyedia template blogger, puluhan bahkan sampai ratusan, dari yang gratis sampai yang berbayar.
Untuk mencari penyedia template tersebut cukup cari di google dengan kata kunci seperti ini:

2. Meng-extract file template
File template yang nanti sobat download umumnya dalam format .zip atau .rar.
Untuk memasangnya di blog sobat perlu meng-extract file tersebut.
Caranya seperti gambar di bawah ini:

Setelah diekstrak nanti di dalamnya terdapat file dengan ekstensi .xml, nah file itulah yang nanti akan sobat pasang ke blogger.
Setelah sobat mendownload template dan mengekstrak file .zip, langkah berikutnya tentu saja memasangnya di blog.
Caranya sangat mudah sekali. Berikut adalah langkah-langkahnya:
1. Masuk ke dashboard blog sobat
2. Klik menu “Template”

3. Klik tombol “Cadangkan / Pulihkan”

4. Sebelum memasang templatenya, klik dulu tombol “Unduh template lengkap” untuk mengunduh template yang sedang dipakai sebagai backup.

5. Kalau templatenya sudah di-backup, selanjutnya klik “Choose File” dan pilih template baru yang ingin sobat pasang.

6. Terakhir tinggal klik tombol “Unggah”

 Sekarang silakan cek alamat blog sobat untuk melihat apakah templatenya sudah sukses terpasang atau belum.
Setelah mengganti template biasanya sobat perlu mengatur kembali widget-widget yang terpasang di blog.
Nah kira-kira begitulah cara mengganti template di blogger. Bener-bener gampang banget. Jangan dibikin ribet.

Part 4 : Cara memasang widget

Widget atau di blogger.com disebut Gadget merupakan sebuah konten di dalam blog selain postingan dari blog itu sendiri. Widget ini biasanya berada di bagian sidebar blog.

Widget di dalam blog bisa dipasang, dicopot, dan juga dipindah-pindah sesuai keingingan. Selain itu widget ini sifatnya opsional, nggak harus dipasang di blog. Jadi sobat bisa membuat blog tanpa memasang widget sama sekali.
Berikut ini adalah langkah-langkah untuk memasang widget atau gadget di blogger:
1. Pertama pastinya login dulu ke dasbor blog sobat
2. Setelah login, masuk ke menu “Tata Letak”
3. Nah di sini sobat bisa menambah widget dengan mengklik “Tambahkan Gadget”
Tambahkan Gadget
4. Di blogger.com sudah disediakan beberapa gadget yang siap untuk dipasang. Tentunya sobat nggak wajib untuk memasang semuanya. Cukup pilih widget yang benar-benar dibutuhkan.

Widget apa saja yang perlu dipasang?
Kebanyakan blogger pemula biasanya terlalu berlebihan dalam mamasang widget di blogger. banyak yang menganggap kalau semakin banyak widget yang terpasang di blog maka blognya akan semakin keren. Padahal kenyataan sebenernya adalah sebalikanya.
Semakin sedikit widget yang terpasang di blog maka akan semakin bagus. Alasannya karena jika memasang terlalu banyak widget akan membuat bingung pengunjung, selain itu juga akan membuat loading blog semakin lama.
Berikut ini adalah beberapa widget rekomendasi yang sebaiknya dipasang di blog:
  • Widget Entri Populer
  • Widget Label
  • Widget Arsip
  • Widget Profil
Selain widget-widget tersebut, ada satu lagi widget yang cukup sering digunakan di blogger, yaitu widget HTML/JavaScript.
Fungsi widget ini untuk menambahkan widget menggunakan kode HTML dan juga JavaScript. Umumnya digunakan untuk memasang widget pihak ketiga (widget bukan dari blogger.com) dan juga untuk memasang banner iklan.

Part 5 : Cara membuat halaman statis

Halaman statis atau di blogger disebut sebagai “Laman” pada dasarnya hampir mirip seperti pos, hanya saja memiliki perbedaan dan fungsi tersendiri.
Salah satu contoh sederhana penggunaan fitur laman ini adalah untuk membuat halaman seperti Tentang Saya, Kontak Saya, Disclaimer, DLL.
Berikut adalah beberapa perbedaan mendasar antara Pos dan Laman:
Pos
  • Ditampilkan di halaman depan blog
  • Diarsipkan berdasarkan tanggal publish
  • Memiliki label, tanggal publish dan author
  • Dikhususkan untuk konten yang sering diupdate
  • Menggunakan format URL permalink seperti ini: http://namablog.blogspot.com/tahun/bulan/nama-post.html
Laman
  • Secara default tidak ditampilkan di halaman depan blog
  • Tidak diarsipkan berdasarkan tanggal publish
  • Tidak memiliki label, tanggal publish dan author
  • Dikhususkan untuk konten yang jarang diupdate
  • Menggunakan format URL permalink seperti ini: http://namablog.blogspot.com/p/nama-laman.html
Nah untuk membuat laman ini prosesnya hampir nggak ada bedanya dengan posting artikel di blogger.
Berikut ini adalah langkah-langkahnya:
1. Masuk dashboard blog sobat.
2. Klik menu “Laman”

3. Klik tombol “Laman baru”

4. Sekarang tinggal sobat isi Judul dan juga Konten untuk halaman statis blog sobat

5. Jika sudah jadi, selanjutnya tinggal klik saja tombol “Publikasikan”
Seperti yang sudah disebutkan di atas, laman di blogger secara default tidak ditampilkan di blog. Selain itu tidak ada link yang bisa diklik supaya bisa mengarah ke halaman statis yang sudah dibuat.
Untuk menampilkan link laman tersebut sobat bisa menggunakan Widget Laman, atau bisa juga secara manual dengan kode HTML yang dipasang di dalam template.

1. Menggunakan widget laman

Cara pertama yang bisa sobat lakukan adalah dengan menggunakan widget laman.
Berikut ini adalah langkah-langkahnya:
1. Masuk ke menu “Tata Letak”

2. Klik “Tambahkan Gadget”

3. Pilih widget “Laman”

4. Centang halaman statis yang ingin sobat tampilkan
5. Jika sudah, selanjutnya tinggal klik saja “Simpan”
Sekarang link halaman statis sudah muncul di blog sobat.

2. Menggunakan kode HTML

Selain menggunakan widget laman, sobat juga bisa menampilkan link laman menggunakan kode HTML yang diletakan di dalam template.
Sobat tidak perlu jago HTML untuk menggunakan cara ini, tapi memiliki pemahaman yang cukup tentang HTML sangatlah diperlukan.
Jika sobat menggunakan template pihak ketiga, maka kemungkinan besar template sobat sudah memiliki fitur menu navigasi. Artinya sobat bisa menggunakan menu navigasi tersebut untuk menampilkan laman. Jadi sobat hanya perlu mengedit URL link saja.
Berikut ini adalah contoh langkah-langkah memasang link laman pada menu navigasi :
1. Masuk ke menu “Template”
2. Klik “Edit HTML”
3. Cari kode yang kurang lebih seperti ini:
<li><a class='active' href='/'>Home</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
Setelah itu tinggal ganti tanda pagar dengan URL laman dan ganti tulisan “Menu” sesuai dengan keinginan.
Note: Untuk mengetahui URL laman sobat bisa melihatnya melalui menu laman di dashboard blogger.

Kurang lebih nanti kodenya menjadi seperti ini:
<li><a class='active' href='/'>Home</a></li>
<li><a href='http://namablog.blogspot.com/p/nama-laman1.html'>Tentang</a></li>
<li><a href='http://namablog.blogspot.com/p/nama-laman2.html'>Kontak</a></li>
<li><a href='http://namablog.blogspot.com/p/nama-laman3.html'>Kebijakan Privasi</a></li>
<li><a href='http://namablog.blogspot.com/p/nama-laman4.html'>TOS</a></li>

4. Jika sudah, klik “Simpan template”

Begitulah kira-kira proses cara membuat halaman statis di blogger dan menampilkan link laman di blog. 
Sekian dulu tutorial dari saya, semoga bermanfaat. janga lupa berikan commentnya
Diposting oleh di 35 komentar:
Langganan: Komentar (Atom)