Belajar membuat halaman web sederhana bag 3

Setelah kita belajar mengenai cara memanipulasi font pada posting “belajar membuat halaman web sederhana bag 2” kita lanjut lagi ke posting yang sama di bagian 3 yakni mengenai cara membuat link. 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

Belajar membuat halaman web sederhana bag 2

Oke deh, kita lanjut lagi nih dari bahasan pada posting kemarin mengenai “Belajar membuat halaman web sederhana bag 1”, 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

Belajar membuat halaman web sederhana, dengan notepad bag 1

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,  untuk keterangan mengenai html bisa klik disini..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, dengan notepad bag 2

Pengertian domain dan hosting

Setiap website pasti memiliki domain dan hosting, baik berupa website bisnis, jejaring sosial, toko online dan lain-lain. Pada kesempatan kali ini saya akan menjelaskan mengenai apa yang dimaksud domain dan hosting.

Domain

Domain adalah sebuah alamat website yang berupa tulisan unik sebagai  jalan untuk menuju ke suatu halaman website. Kenapa dikatakan unik?, karena setiap domain yang ada di internet tidak ada yang sama persis.Bentuk domain biasanya berakhiran .com,. edu, .gov, .tv dan lain-lain tetapi yang paling banyak digunakan adalah .com, banyak situs-situs besar menggunakan domain berakhiran .com ini seperti; facebook.com, google.com, youtube.com dst.

Pemilihan domain

Pemilihan domain yang tepat sangatlah menentukan perkembangan website tersebut, sebaiknya dalam pemilihan domain pilihlah bentuk kata yang mudah ingat dan sesuai dengan tema website anda sebagai contoh; jika website bertema pakaian, sebaiknya pilih sesuai tema tersebut seperti, busanamuslim.com, toko-busana.com, pakaianku.com. Tetapi jika anda masih dalam tahap coba-coba, ada juga kok domain gratis seperti; www.dot.tk, www.co.nr, www.co.cc dan lain-lain

Hosting

Hosting merupakan tempat dimana file-file dari wesite tersebut disimpan, jadi tanpa adanya hosting websitepun tidak dapat online. Untuk bisa mendapatkannya, anda perlu menyewa hosting disalah satu perusahaan, biasanya perusahaan yang menyewakan hosting juga menyediakan domain sekaligus . Untuk biaya  sewa biasanya dibayar 1 bulan sekali, selain hosting berbayar ada juga kok yang gratis . untuk mendapatkan ya gampang-gampang susah, karena dari sekian banyaknya hosting gratis yang beredar hanya beberapa yang menyediakan fasilitas setara hosting berbayar. Salah satunya  100webspace.com.

Cara pendaftaranya

1.    Klik disini

2.    Pilih free hosting lalu sign now

3.    Setelah muncul beberapa pilihan domain. Pilih Use a free sub-domain, kemudian klik next step.

4.    Isi formulirnya kemudian pilih Free Hosting dan Use sub domain.

5.    Jika muncul iklan hilangkan saja, dengan cara Klik saja No,thanks, continue with my ad-supported account.

6.    Selesai, data anda akan diproses jika diterima, maka anda akan dibawa ke halaman untuk konfimasi email

Mungkin kurang lebihnya begitu

tentang blog ini

selamat datang di blog saya

blog ini saya buat untuk tujuan berbagi ilmu pengetahuan mengenai komputer dan hal lain yang berhubungan dengan teknologi.. semoga blog memberi manfaat untuk anda semua termasuk juga saya..oh iya jika anda menemukan artikel bermanfaat dari blog ini, anda dapat membagikannya ke keteman-teman anda dengan media dan bentuk apapun , ataupun jika anda ingin copy-paste artikel dari blog ini saya ijinkan asalkan hanya sekedar untuk berbagi ilmu dan tetap menyertakan sumber artikel dari http://www.wajibonline.blogspot.com
salam kenal dari saya

atas kunjungannya terima kasih