Senin, 14 November 2016
Selasa, 27 September 2016
Cara Membuat HTML
Tutorial Cara Membuat HTML
HTML adalah singkatan dari HyperText Markup Language yaitu bahasa
pemrograman standar yang digunakan untuk membuat sebuah halaman web,
yang kemudian dapat diakses untuk menampilkan berbagai informasi di
dalam sebuah penjelajah web Internet
(Browser). HTML dapat juga digunakan sebagai link link antara file-file
dalam situs atau dalam komputer dengan menggunakan localhost, atau link
yang menghubungkan antar situs dalam dunia internet.
Supaya dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut Standard Generalized Markup Language (SGML).
Supaya dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut Standard Generalized Markup Language (SGML).
Fungsi HTML yang lebih spesifik yaitu :
- Membuat halaman web.
- Menampilkan berbagai informasi di dalam sebuah browser Internet.
- Membuat link menuju halaman web lain dengan kode tertentu (hypertext).
silahkan
ikuti langkah-langkah berikut ini untuk membuat HTML.
Buka aplikasi Notepad di komputer anda lalu ketikkan kode HTML 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> |
|
6 |
Hallo,
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.
Tutorial Membuat Web Page Marker
Tutorial Web Maker
Web Page Maker 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.
Halaman-Halaman
Tutorial Web Page Maker :
1.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
2. Mengidentifikasikan Fungsi Menu,
Tool dan Icon
3. 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
4. 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
2. 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 :
a. Buka Explorer (Klick
Kanan pada menu Start
b. Klick dua kali pada
Folder
c. Klick dua kali pada
Folder
d. Pada Folder Latihan
Web Klick dua kali pada file
8. Mengedit Halaman Web
yang telah di Simpan
Mengedit Halaman dalam
bentuk Web Page Maker V.2 (.wss)
a. Buka Explorer (Klick
Kanan pada menu Start
b. Klick dua kali pada
Folder
c. Klick dua kali pada
Folder
d. Klick dua kali pada
File
Langganan:
Postingan (Atom)