Jumat, 19 Oktober 2012

Membuat halaman web dengan notepad bagian 3

Pada saat mengakses sebuah web pasti kita pernah menjumpai suatu text atau gambar yang jika diklik kita akan mengarah ke halaman lain web atau situslain itu yang disebut dengan link. Dalam pembuatan website adanya link merupakan sebuah keharusan dikarenakan link dapat menyambungkan atau mengarahkan  pengunjung ke halaman lain yang kita kehendaki, misalnya halaman mengenai produk yang akan kita jual.

Berikut cara pembuatannya :
Tag-tag tambahan yang dapat digunakan

    href  = link website atau halaman website yang akan dituju
    target = untuk perintah dibuka pada window baru atau tidak
    style = untuk menambahkan CSS
    class = memanggil nama class
    name = Nama dari link yang dipanggil



1. Buka notepad seperti biasa
2. Tulis tag dibawah ini

    <html><head><title> kata bijak koleksiku </title></head><body><p> <b>kumpulan kata-kata bijak</b></p><p> klik link dibawah jika ingin melihat kata koleksiku </p><a href= "belajar membuat artikel web.html"> kata-kata bijak tanpa warna </a><p><a href= "belajar memanipulasi text di halaman web.html" target=_blank> kata-kata bijak dengan warna <font color="blue">(new windows)</font></a></p></body></html>

3. Simpan seperi cara di bagian 1
4. Buka pada Mozilla firefox maka hasilnya akan terlihat seperti dibawah ini



Dan jika link yang bernama kata-kata bijak dengan warna (new windows) saya klik maka akan mengarah ke belajar memanipulasi text di halaman web yang sudah saya buat tadi  dan terlihat seperti dibawah ini.

5. Selesai



sumber: avemolz-defacer.blogspot.com/2012/09/membuat-halaman-web-sederhana.html

Membuat halaman Web dengan Notepad bagian 2

Bahasa yang kita gunakan saat ini masih menggunakan bahasa html seperti pada bagian 1. Sebelum mulai kita ingat bahwa pada halaman web kita dapat merubah bentuk, ukuran dan warna text sesuai keinginan kita. Maka dari pada posting yang kedua ini kita akan membahas mengenai cara memanipulasi font pada halaman web.

Berikut caranya
tag yang html yang akan digunakan

    name = digunakan untuk merubah jenis huruf yang akan (cara penulisan misal nama= time new roman)
    size = digunakan untuk merubah ukuran huruf digunakan ( cara penulisan  misal size=3.maksudnya 3 sama dengan 12pt, 4 sama dengan 14pt, 5 sama dengan 18pt dan seterusnya)
    color = digunakan untuk merubah warna huruf ( cara penulisan misal color=red)



catatan
cara penggunaan pada penulisan html ditulis dengan <p> <font size=X name=X color=X> XXXXXX</font></p> ( x diganti dengan tag sesuai font yang dip roses)

1. Buka notepad seperti biasa
2. Ketik tag dibawah ini

    <html><head><title> kata-kata bijak </title></head><body><p> <font color="red" size="3"> kata-kata bijak</font></p><p> <font name="Forte" size="3">Cinta tidak pernah meminta, ia sentiasa memberi, cinta membawa penderitaan, tetapi tidak pernah berdendam, tak pernah membalas dendam.Di mana ada cinta di situ ada kehidupan; manakala kebencian membawa kepada kemusnahan.</font></p></body></html>

Klik save seperti cara pada bag 1 dengan nama belajar memanipulasi text di halaman web
3. Hasilnya akan terlihat seperti dibawah ini



4. Selesai lanjut lagi ke posting bagian 3 mengenai pembuatan link

sumber:avemolz-defacer.blogspot.com/2012/09/membuat-halaman-web-sederhana.html

Membuat halam Web dengan Notepad

Website memiliki berbagai macam fungsi mulai dari komunikasi, berbagi ilmu pengetahuan, berbagi file bahkan sampai berjualan pun dapat dilakukan dengan website. Untuk itu pada posting kali ini saya akan  menjelaskan cara membuat website hanya dengan menggunakan notepad. Karena hanya menggunakan notepad maka halaman yang tampil masih sangat sederhana.

Dan materi yang saya share ini merupakan bagian dasar dari pembuatan web, untuk itu bagi anda yang sudah ahli dalam pembuatan web bersedia menambahkan jika ada kekurangan maupun kesalahan dalam penulisan.

Berikut cara pembuatanya
Pertama persiapkan aplikasi yang diperlukan yakni notepad (bisa notepad biasa tetapi lebih baik menggunakan notepad++, bisa didownload filehippo atau indowebster)

dan browser internet  (saran saya dengan google chrome dan firefox)

Untuk kita pelajari pada bagian pertama adalah dengan menggunakan bahasa html, oke deh kita mulai tag-tag dasar yang perlu dipelajari

    <html></html> = Tag untuk mengapit semua halaman HTML
    <head></head> = Tag yangyang berfungsi memberikan informasi umum dari halaman
    <title></title> = Judul halaman. Terdapat pada <head>
    <body></body> = untuk mensetting attribut keseluruhan isi halaman
    <b></b> = Untuk menebalkan teks (bold)
    <i></i> = Untuk memiringkan teks (italic)
    <u></u> = Untuk menggaris bawahi teks (underline)
    <p></p> = Untuk membuat paragraf
    <font></font> = Untuk memanipulasi bentuk dan ukuran huruf
    <br> = Untuk pindah ke baris baru
    <hr> = Untuk membuat garis horizontal
    <a></a> = Untuk membuat links (hyperlink)



Materi membuat halaman berisi judul dan artikel
1. Buka notepad anda (yang saya gunakan notepad++)
2. Ketik kode dibawah ini, di bawah pada notepad anda

    <html><head><title>kata kata bijak cinta</title></head><body><p>kata-kata bijak cinta</p><p>Cinta tidak pernah meminta, ia sentiasa memberi, cinta membawa penderitaan, tetapi tidak pernah berdendam, tak pernah membalas dendam.Di mana ada cinta di situ ada kehidupan; manakala kebencian membawa kepada kemusnahan.</p></body></html>

3. Simpan di localdisc D: dan buat folder baru dengan web dan simpan file tadi dengan nama belajar membuat artikel web.html  - pilih All type pada kotak Save as type
4. Buka file tadi dengan Mozilla firefox ataupu google chrome
5. Dan hasilnya akan Nampak seperti ini



6. Selesai selanjutnya akan dibahas pada posting  Belajar membuat halaman web sederhana

sumber:avemolz-defacer.blogspot.com/2012/09/membuat-halaman-web-sederhana.html