Nanda iTech

Maret 15, 2016

mengubah tata letak paragraf, mengubah ukuran font, dan menambahkan gambar pada background website

bagaimana caranya mengubah tata letak paragraf, mengubah ukuran font, dan menambahkan gambar pada background website?

Maaf sebelumnya saya terlambat untuk memposting blog karena ada banyak tuntutan tugas kuliah yang banyak.

Sebelumnya saya telah memposting tentang cara menambah warna background dan warna pada text, kali ini cara untuk mengubah tata letak paragraph, mengubah ukuran pada font, dan menambahkan gambar pada background.

Berikut ini langkah-langkah untuk mengubah tata letak paragraph.

1. Langkah-langkah mengubah tata letak paragraph pada website

Pada judul tinggal diberi <div align=”center”> …. </div> atau langsung <center> itu sama saja setelah <font color=”blue”> seperti berikut..

Setelah itu save file, buka website kemudian reload

Kalau ingin rata kanan tinggal menambahkan <div align=”right”> … </div>

kemudian save dan reload website

Begitu juga dengan rata kiri tinggal menambahkan <div align=”left”> … </div>

1. Langkah-langkah untuk mengubah ukuran pada font

Menambahkan <font size=”ukuran font yang diinginkan”> … </font> setelah <div font align=”center”> .. </div>

Contoh : <font size=”36”> … </font>

Jika ingin menambah ukuran font lebih besar satu kali maka tinggal menambahkan <big> … </big> setelah <font size=”ukuran font> … </font>

Maka jadinya seperti ini

Jika ingin lebih besar lagi tinggal menambahkan lagi <big> setelah big. <font size=”ukuran font><big><big> … </big></font>

dan hasilnya seperti berikut..

Begitu juga sebaliknya jika menginginkan ukuran lebih kecil tinggal mengubah ukuran font menjadi lebih kecil.

1. Langkah-langkah membuat background dari gambar

Sebelum untuk memulai untuk membuat background pada website, gambar background harus tersimpan pada file website tersebut atau disekitar kodingan html website tersebut.

Untuk membuat background gambar pada website cukup mudah, kalian tinggal menambahkan <body background=”judul gambar beserta format gambar tersebut”> kemudian save.

Karena saya memberi nama gambar “image” maka inputannya “image.jpg”

Contohnya : <body background=”image.jpg”> kemudian save dan reload

Dan hasilnya seperti berikut

Berikut tadi adalah cara untuk mengubah tata letak paragraph, mengubah ukuran font, dan membuat background dari gambar. Blog selanjutnya adalah cara menambahkan link dan daftar menu pada website.

Sebelumnya terimakasih sudah mengunjungi blog saya. Silahkan untuk komen dibawah apabila ada yang kurang jelas.

Maret 03, 2016

cara menambah warna pada background dan pada text pada website

Halo apa kabar lagi..

Sebelumnya saya pernah membahas tentang bagaimana caranya membuat website dengan notepad namun tampilan masih belum sempurna. Kali ini saya akan membahas bagaimana caranya mengubah warna background dan mengubah warna text.

Baiklah mari kita mulai..

Sebelumnya tampilannya seperti yang ada dibawah ini, hanya ada judul pembahasan pada website sehingga terkesan kurang menarik

Sebelum memberi warna pada background <head> harus ditutup dengan </head>

Kemudian background bisa diberi warna, caranya dengan menambahkan <body bgcolor=”warna sesuai keinginan”>. Contohnya <body bgcolor=”green”> kemudian save file dengan format html

Dan hasilnya seperti berikut …

Selain itu jika ingin warna background lebih cerah atau lebih gelap juga bisa diubah hanya dengan menambahkan keterangan light”warna” atau dark”warna” tanpa tanda petik. Contohnya <body bgcolor=”lightgreen”>

Dan hasilnya seperti berikut ..

Agar lebih mudah website di reload atau CTRL + R

Gimana mudah kan??

Setelah warna background selesai selanjutnya adalah mengganti warna pada text, bagaimana caranya?

Dengan menambahkan <font color=”warna sesuai keinginan”> setelah pada <a href=”http://www.google.com>

Contoh : <a href=http://www.google.com><font color=”yellow”> cara membuat website</a>

Kemudian save dan reload website

Bisa juga dengan warna yang lain sesuai selera masing-masing individu

Itu tadi pembahasan tentang cara memberi warna background dan juga pada text pada website sehingga tampilannya sedikit menarik namun masih belum sempurna. Untuk selanjutnya saya akan membahas tentang bagaimana caranya mengubah tata letak paragraf, mengubah ukuran font, dan menambahkan gambar pada background website.

Sebelumnya terimakasih sudah mengunjungi blog saya. Silahkan untuk komen dibawah apabila ada yang kurang jelas.

Februari 26, 2016

cara membuat website dengan notepad

Bagaimana caranya membuat website menggunakan notepad??

Halo apa kabar.

Disini saya akan menjelaskan langkah-langkah bagaimana caranya untuk membuat website secara mudah dan bisa dilakukan oleh siapa saja dengan menggunakan aplikasi notepad yang biasanya sudah tersedia pada PC atau laptop.

Pertama yang akan dibahas adalah pengertian dari website sendiri.

Apa itu website?

Website adalah suatu halaman web yang saling berhubungan yang umumnya berada pada peladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi.

Sekarang saya akan membahas langkah-langkahnya.

Pertama buka aplikasi notepad

Kemudian tulis <html> sebagai dasar untuk membuat website yang kemudian dilanjutkan dengan <head> yang berfungsi untuk memberikan informasi tentang yang akan dibahas pada website seperti berikut

Selanjutnya tulis <title> yang berfungsi untuk memberi judul dari website tersebut, jangan lupa setelah menulis judul website tersebut untuk memberi </title>.

Kemudian tulis </head> dibawah judul website setelah itu tulis

<a href="http://goole.com">contoh bahan yang akan dibahas</a>

kemudian save website tersebut dengan judul apapun dan jangan lupa untuk beri format .html

contohnya nandaputri.html

Kemudian buka website tersebut

Setelah dibuka ternyata yang muncul tampilannya masih sangat sederhana, bagaimana caranya untuk membuat tampilan menjadi lebih bagus seperti warna text, warna background yang selanjutnya akan dibahas lebih lanjut pada pertemuan yang akan datang karena saya saat ini sudah mengantuk.

Sebelumnya terimakasih sudah mengunjungi blog saya. Silahkan untuk komen dibawah apabila ada yang kurang jelas.