Minggu, 17 April 2016

Latihan 10 - Web Sederhana (hosting)

Good Morning Guys!.
Bagaimana Kabar kawan sekalian.? semoga sedang dalam Mood yang bagus hari ini.
Karna hari ini kita akan mempelajari cara menerapkan Script yang telah kita buat untuk sebuah Web agar dapat dilihat dan bermanfaat bagi orang lain.

Bahan yang diperlukan

No Aplikasi / Bahan Keterangan
1 Email Kawan bisa menggunakan Google Mail atau Gmail.
2 FileZilla Aplikasi untuk Upload data dari komputer ke Server.
3 Hosting Tempat penyimpanan Online kita Gunakan Hostinger karna menurut saya paling mudah dan cepat.

Sabtu, 16 April 2016

Latihan 9 - Tampilan Menu

Selamat pagi kawan sekalian. Masih semangatkah hari ini.? semoga semua masih semangat untuk membaca dan mencari ilmu.
Oke seperti biasa pada latihan kali ini kita akan membahas tentang sebuah menu, kawan pasti tahu kan bagai mana sebuah tampilan menu, dengan menu yang baik maka Web kita akan terlihat semakin menarik dan mudah dimengerti.

Mari kita coba Script di bawah ini.

Jumat, 15 April 2016

Latihan 8 - Membuat Biodata

Selamat pagi kawan sekalian. Bagaimana kabarnya.? semoga dalam keadaan sehat ya.
Tidak seperti biasanya kali ini kita tidak hanya membahas satu atau dua Tag saja, karna kali ini kawan sekalian akan diajak untuk melihat kembali Tag - Tag yang pernah di pelajari dengan cara membuat biodata.
Mari kita langsung saja melihat contoh Scriptnya.

Rabu, 13 April 2016

Latihan 6 - Table

Selamat pagi kawan sekalian, hangatnya matahari pagi menambah semangat kita untuk beraktivitas bukan.? di pagi yang cerah ini kita akan terasa menyenangkan bila kita masih meliki Waktu dan Semangat untuk belajar.
oke pada pagi hari ini kita akan melihat bebrapa keindahan dari sebuah Tabel.

  • Sebuah Tabel di definisikan dengan menggunakan Tag <table>.
  • Tabel dibagi menjadi baris dengan menggunakan Tag <tr>.
  • Tabel juga dibagi menjadi kolom dengan menggunakan Tag <td>.
  • Dan juga Tabel bisa menggunakan judul atau kepala menggunakan Tag <th>.

Selasa, 12 April 2016

Latihan 5 - Link

Selamat pagi kawan sekalian, masih semangatkan untuk belajar HTML dasar.?
Pada pertemuan kali ini saya akan membahas tentang sebuah tag yang sangat penting dan tidak akan pernah dilewatkan didalam pembuatan Web manapun. yaitu Tag <a> dengan keterangan sebagai berikut.

Tag Keterangan
<a> Membuat sebuah link untuk menuju ke alamat atau object lain.(harus menggunakan Atribut "href" sebagai tujuan link tersebut).

Senin, 11 April 2016

Latihan 4 - Image and Test

Kawan sekalian, dipagi yang cerah ini bagaimana kabarnya.? semoga semuanya dalam keadaan sehat ya. pada kesempatan sebelumnya ada seorang kawan yang bertanya " Bagaimana memasukan Gambar kedalam Halaman Web nya.? ", maka pada hari ini kita akan membahas tentang bagaimana cara memasukan gambar ke dalam Web. menggunakan Tag <img>.
Tag <img> dalam penggunaanya memerlukan beberapa Atribut inti untuk bisa tampilkan, yaitu "src", "height", "width", "alt".

Atribut Keterangan
src Digunakan untuk menyimpan alamat dari sumber gambar.
alt Digunakan untuk memberikan keterangan pada gambar.
height Digunakan untuk mengatur tinggi gambar.
width Digunakan untuk mengatur lebar gambar.

Jumat, 08 April 2016

Latihan 3 - List Tag

Selamat pagi kawan sekalian, semoga kita semua dalam keadaan sehat Jasmani, Rohani, dan Ekonomi.
Sebelumnya masih ingatkah kawan sekalian dengan materi pertemuan sebelumnya.?, dari pertemuan sebelumnya kita telah berkenalan dengan HTML, dan pada kesempatan kali ini kawan sekalian akan diajak untuk mengenal dengan Tag <ul> </ul> dan <ol> </ul> atau biasa dikenal dengan nama List, dalam list terbagi menjadi dua jenis yaitu:

  1. List menggunakan simbol atau bentuk.
    • Data satu.
    • Data dua.
    • Data tiga.
  2. List menggunakan nomer.
    1. Data satu.
    2. Data dua.
    3. Data tiga.

Kamis, 07 April 2016

Latihan 2 - Tag Penyendiri dan Format Tulisan

Selamat pagi kawan sekalian, pada pertemuan kali ini kita akan melanjutkan pembahasan kita tentang dasar HTML, bagi yang belum membaca silahkan kunjungi Latihan 1.
Pada latihan sebelumnya kita telah berkenalan dengan HTLM dan mempelajari Tag <html>, <head>, <body>, <p>, <H1> dan beberapa Atribut seperti "bgcolor", "align", "color", "style", kemudian untuk pertemuan kali ini akan berkenalan lagi dengan Tag lainnya dari HTML

Beberapa Tag yang akan dipelajari di pada pertemuan kali ini.


Tag Keterangan
<hr> Tag untuk membuat garis.
<br> Tag untuk membuat baris baru.
<b> </b> Tag untuk membuat tulisan menjadi Tebal.
<i> </i> Tag untuk membuat tulisan menjadi Miring.
<u> </u> Tag untuk membuat tulisan menjadi Bergaris bawah.

Rabu, 06 April 2016

Latihan 1 - Belajar dasar HTML

Selamat pagi kawan semua, Selamat datang di Basic Web Programing disini kita akan membahas dasar - dasar Web Programing yang nantinya diharapkan kawan sekalian menguasai Web Programing. Bagi yang baru atau masih awam alangkah baiknya bila kita berkenalan dengan HTML. Siapa itu HTML.? HTML (Hyper Text Markup Language), adalah suatu bahasa yang dapat di terjemahkan oleh komputer untuk ditampilkan sebagai tampilan Web atau Site.
Setelah berkenalan dengan HTML yang merupakan salah satu bahasa dasar untuk Web, maka alangkah baiknya jika kita melanjutkan perkenalan kita dengan mengetahui bagaimana karakter dari HTML dan cara berkomunikasi dengan HTML.

Untuk berkomunikasi dengan HTML kita memerlukan Tag, berikut kita ambil beberapa contoh Tag dasar :

Tag Deskripsi
<html> </html> Tag untuk membukan dan menutup HTML.
<head> </head> Tag untuk kepala atau bagian atas dari HTML.
<body> </body> Tag untuk isi atau konten yang kita inginkan.
<!-- --> Tag untuk untuk membuat Komentar.
<title> </title> Tag untuk membuat Judul Web.
<h1> </h1> Tag untuk membuat Judul dari Paragrap.
<p> </p> Tag untuk membuat Paragrap.

Entri Populer