Kamis, 17 Mei 2012

Membuat WEBSITE sederhana dengan HTML

Assalamu'alaikum Wr WB

apa kabar sobat, baik pasti.y donk...
berhubungan Praktek Kerja industri gw bentr lagi slesei atau sering di sebut PI saya malam ini cari" tugas dech yg di kasih sama guru gw... cari tugas tapi sama fb.n ya itung" gk puyeng lah ni kepala... hehehehe
jngan coba" ya kawan.... tapi klo di coba bolehh... ahh bercanda mulu nui.. ok kita seriuz aja

kali ini saya berusaha membuat tugas artikel Membuat WEBSITE sederhana dengan HTML, gw bingung mo cari artikel dimana, udah tak cari di mbah GOOGLE ehh yg ada mlah situs yang gak",,, hehehe
dari pada puyeng cari kesini kemari mending gw COPAZ dr blog temen gw,, hehehe gpp kan..

ok kita langsung saja ke materi:

syarat sebuah aplikasi dikatakan aplikasi web adalah minimal dibangun dengan menggunakan HTML. HTML merupakan singkatan dari HyperText Markup Language. HTML memiliki struktur tersendiri dalam penulisannya. Struktur HTML minimal terdiri dari HTML, Head, dan Body. Dalam penulisannya HTML menggunakan tag yang biasa ditulis dengan “<” dan “>”.

Untuk lebih memahami tentang penulisan HTML bisa dilihat pada contoh berikut ini:

Dengan HTML kita bisa membuat website yang berisi table, form dan masih banyak lagi yang lainnya. berikut adalah beberapa penulisan dalam HTML:
1. Untuk memasukan image:

2. Untuk membuat paragraf:

Tuliskan Isi Paragraf disini

3. Untuk membuat link:

Link Yang Tampil

Untuk lebih memahami HTML silakan download file dibawah ini. File berisi contoh-contoh penggunaan HTML dalam pembuatan web.
[DOWNLOAD]

Wah tentang tutorial dasar udah nih sob sekarang kita lanjut ke Membuat Web Sederhana Dengan HTML
cekidot

MEMBUAT WEB SEDERHANA DENGAN HTML

Web yang akan dibuat sangat sederhana, dengan tujuan untuk mempraktekan ilmu yang sudah didapat pada Tutorial Dasar mengenai dasar HTML.
Langsung saja, kali ini kita akan belajar membuat sebuah halaman web yang berisi gambar, link, tabel dan form. Asumsi, kita sudah menginstall XAMPP sebagai localhost. Bagi yang belum menginstall XAMPP silakan install terlebih dahulu, Jika XAMPP sudah terinstall, buka folder “htdocs” yang terdapat di dalam folder “xampp” kemudian buat folder baru dan beri nama dengan “html” (tanpa tanda petik), sehingga path nya menjadi seperti berikut “C:\xampp\htdocs\html”. Kemudain didalam folder “html” tersebut buat file html dengan nama index.html, atur_artikel.html, dan view_tambah.html. Adapun isi dari file html tersebut adalah sebagai berikut:
index.html:

Belajar HTML | IlmuWeb.Net

Selamat datang di Ilmuweb.net

Contoh menampilkan gambar:

Tempat belajar membuat web secara gratis

Untuk belajar mebuat web, terus kunjungi Ilmu Web Dot Net di http://ilmuweb.net atau bisa langsung klik DISINI


atur_artikel.html:

Belajar HTML -- Membuat Table | IlmuWeb.Net

Contoh Tabel:

No. Judul Kategori Aksi
1 Belajar HTML HTML Edit | Hapus
2 Belajar PHP PHP Edit | Hapus
3 Belajar Javascript Javascript Edit | Hapus
4 Belajar Membuat Table HTML Edit | Hapus
5 Belajar Form HTML Edit | Hapus

Contoh Form


view_tambah.html:

Belajar HTML -- Membuat Form &amp; Table | IlmuWeb.Net

Contoh Form

Judul

Isi
Kategori

Setelah semua file dibuat, aktifkan localhost dengan cara double klik icon XAMPP kemudian klik start pada Apache dan Mysql. Kemudian buka browser Anda dan buka localhost/html. Selamat, web pertama Anda sudah berhasil dibuat.
Untuk script web lengkap bisa di download melalui link dibawah ini:
[DOWNLOAD]

Sumber : http://ilmuweb.net

Tidak ada komentar:

Posting Komentar