Belajar Buat Website dari Nol Bagian 1
Selamat datang kembali sobat Blogger ,
jika kalian ingin belajar membuat website sebaiknya kalian scrol dulu postingan berikut sampai bawah
apakah anda Jenuh melihat Text tersebut ?
sudah ?
Kalo kalian Jenuh silahkan close blog ini ! ,
lho kenapa ?
Untuk membaca text seperti ini saja kalian sudah jenuh , bagaimana anda akan membaca
Code / coding yang isinya lebih membosankan dan di ulang2 ,
anda harus mempunyai tekat yang kuat untuk belajar website ,
Saya akan merangkumnya di sini ,
Sudah Siap ? kalo sudah silahkan lanjut membaca :)
Untuk belajar Membuat Website maka kita perlu menetahui apa itu Website ??
Divinisi Website :
Website adalah kumpulan dari halaman - halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. Sebuah halaman web biasanya berupa dokumen yang ditulis dalam format HTML ( Hyper Text Markup Language ), yang selalu bisa diakses melalui HTTP, yaitu sebuah protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser.dan Website atau situs dapat juga diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).
Jenis - jenis Website
Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu:
1. Website Statis
2. Website Dinamis
3. Website Interaktif
Manfaat website
Nama domain
Keimpulannya Website adalah Wadah dari file yang berbentuk Html yang dapat diakses melalui Http
dan semuanya mempunyai ruang pada WWW sehingga membentuk sebuah jaringan .
udah jelas ?? kalo ingin membuat website kalian harus mempunyai Domain atau alamat .
Kalian bisa beli alamat domain di Penyedia Domain .
Setelah mempunyai Alamat sobat harus mempunyai atau membuat file HTML yang menyusun component WEB tersebut , tanpa HTML domain kalian kosong dan tidak dapat di lihar dengan HTTP.
Lalu bagaimana membuat HTML ??
Kalo sudah jelas kita menuju ke HTML.
Sebelum sobat membuat HTML,
sobat harus mengenal dulu apa itu HTML?
HTML adalah (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language),
HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.
HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: .
Secara garis besar, terdapat 4 jenis elemen dari HTML:
Sudah jelaskah apa itu HTML ?
Saya simpulkan , HTML adalah Sebuah File yang berisi Code - code untuk membentuk suatu Halaman .
Lalu bagaimana cara membuat HTML ??
Yuk kita lanjutkan :)
coba sobat praktekan dengan mengedit file tadi
beri warna merah pada Modul HTML seperti contoh di atas
Sudah ?
Berhasil ??
Silahkan kalian Catat :)
Lanjut ?
Bantuan Index jika anda kurang jelas memahami Singkatan
bukan hanya singkatan tapi disini anda harus benar2 memahami dulu dasar2 unsur yang dipake
di dunia Internet ,
Index :
»HTTP Singkatan dari Hypertext Transfer Protocol, yang mana adalah suatu protokol yang digunakan oleh World Wide Web. HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client.
HTTP juga mengatur aksi-aksi apa saja yang harus dilakukan oleh web server dan juga web browser sebagai respon atas perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika Anda mengetikkan suatu alamat atau URL pada internet browser Anda, maka sebenarnya web browser akan mengirimkan perintah HTTP ke web server.
Web server kemudian akan menerima perintah ini dan melakukan aktivitas sesuai dengan perintah yang diminta oleh web browser (misalnya akses ke database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.
»Pengertian URL (Uniform Resource Locator) adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet. URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis-penulis dokumen dokumen dapat mereferensikan pranala ke World Wide Web. Sejak 1994, konsep URL telah dikembangkan menjadi istilah Uniform Resource Identifier (URI) yang lebih umum sifatnya.
»File Transfer Protocol (FTP) adalah suatu protokol yang berfungsi untuk tukar-menukar file dalam suatu network yang menggunakan TCP koneksi bukan UDP.
Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client.
FTP server adalah suatu server yang menjalankan software yang berfungsi untuk memberikan layanan tukar menukar file dimana server tersebut selalu siap memberikan layanan FTP apabila mendapat permintaan (request) dari FTP client.
FTP client adalah computer yang merequest koneksi ke FTP server untuk tujuan tukar menukar file. Setelah terhubung dengan FTP server, maka client dapat men-download, meng-upload, merename, men-delete, dll sesuai dengan permission yang diberikan oleh FTP server.
Tujuan dari FTP server adalah sebagai berikut :
• Untuk tujuan sharing data
• Untuk menyediakan indirect atau implicit remote computer
• Untuk menyediakan tempat penyimpanan bagi user
• Untuk menyediakan transfer data yang reliable dan efisien
Keamanan FTP
FTP sebenarnya cara yang tidak aman dalam mentransfer suatu file karena file dikirimkan tanpa di-enkripsi terlebih dahulu tetapi melalui clear text. Mode text yang dipakai untuk transfer data adalah format ASCII atau format binary. Secara default, FTP menggunakan mode ASCII dalam transfer data. Karena pengirimannya tanpa enkripsi, username, password, data yang di transfer, maupun perintah yang dikirim dapat di sniffing oleh orang dengan menggunakan protocol analyzer (sniffer). Solusi yang digunakan adalah dengan menggunakan SFTP (SSH FTP) yaitu FTP yang berbasis pada SSH atau menggunakan FTPS (FTP over SSL) sehingga data yang
dikirim terlebih dahulu di enkripsi.
»DOMAIN menurut Wikipedia Nama Domain (domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai IP address. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya “wikipedia.org”. Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website.
Sederhananya domain merupakan nama unik/alamat untuk website anda, domain biasanya diakhiri dengan .com, .net, .org, .biz, .asia, .us dan lain-lain.
»Hosting biasa disebut dengan Web-Hosting, adalah perusahaan yang menyediakan layanan dan penyimpanan Web bagi perorangan atau perusahaan. Dengan kata lain Hosting adalah salah satu bentuk layanan penyewaan ruang simpan data (space) yang digunakan untuk menyimpan data – data website agar halaman website tersebut bisa diakses dari mana saja. Data web tersebut meliputi file – file html, php script, cgi script, css, image, database, dan file lain yang dibutuhkan untuk menampilkan halaman web.
Sebuah server web hosting akan online 24 jam sehari, sehingga memungkinkan kita bisa membuka web site yang dihosting kapanpun. Seperti biasa bila ada pertanyaan mengenai Domain dan Hosting ini silahkan diskusikan di form komentar.
»Pengertian Www Atau Web – Setelah pada artikel sebelumnya kita membahas mengenai Sejarah Internet, dan juga Cara Kerja Internet, maka kali ini kita akan membahas mengenai pengertian WWW atau World Wide Web, atau yang paling umum disebut adalah Web.
Www atau World Wide Web maupun Web saja adalah sebuah sistem yang saling terkait dalam sebuah dokumen berformat hypertext yang berisi beragam informasi, baik tulisan, gambar, suara, video, dan informasi multimedia lainnya dan dapat diakses melalui sebuah perangkat yang disebut web browser.
Untuk menterjemahkan dokumen hypertext kedalam bentuk dokumen yang dapat dipahami oleh Manusia, maka web browser melalui web client akan membaca halaman web yang tersimpan di sebuah webserver melalui protokol yang sering disebut HTTP atau Hypertext Transfer Protocol.
Sedangkan software atau perangkat lunak web browser saat ini tersedia dalam berbagai produk dengan kelebihan dan kekurangannya masing-masing. Beberapa web browser yang paling terkenal saat ini adalah Mozilla Firefox, Internet Explorer, Opera, Safari dan lain sebagainya.
Dokumen hypertext yang tersimpan didalam sebuah webserver memiliki banyak link atau sambungan antara satu dokumen hypertext dengan dokumen hypertext lainnya. Dengan adanya link antar dokumen hypertext, maka hal tersebut dapat memudahkan pengakses untuk mengunjungi atau mendapatkan dokumen-dokumen terkait yang diinginkannya.
Selebihnya dengan semakin banyaknya situs internet yang dapat diakses melalui browser dengan format http dan di ikuti dengan www , dan alamat url web yang hendak diakses, maka muncullah sebuah situs pencari atau search engine, seperti halnya google.com dan yahoo.com sebagai sarana memudahkan pengguna internet untuk mencari berbagai dokumen yang tersedia melalui jutaan web di sebuah jaringan internet global.
Selamat datang kembali sobat Blogger ,
jika kalian ingin belajar membuat website sebaiknya kalian scrol dulu postingan berikut sampai bawah
apakah anda Jenuh melihat Text tersebut ?
sudah ?
Kalo kalian Jenuh silahkan close blog ini ! ,
lho kenapa ?
Untuk membaca text seperti ini saja kalian sudah jenuh , bagaimana anda akan membaca
Code / coding yang isinya lebih membosankan dan di ulang2 ,
anda harus mempunyai tekat yang kuat untuk belajar website ,
Saya akan merangkumnya di sini ,
Sudah Siap ? kalo sudah silahkan lanjut membaca :)
Untuk belajar Membuat Website maka kita perlu menetahui apa itu Website ??
Divinisi Website :
Website adalah kumpulan dari halaman - halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. Sebuah halaman web biasanya berupa dokumen yang ditulis dalam format HTML ( Hyper Text Markup Language ), yang selalu bisa diakses melalui HTTP, yaitu sebuah protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser.dan Website atau situs dapat juga diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).
Jenis - jenis Website
Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu:
1. Website Statis
2. Website Dinamis
3. Website Interaktif
Website Statis adalah web yang mempunyai halaman tidak berubah. Artinya adalah untuk melakukan perubahan pada suatu halaman dilakukan secara manual dengan mengedit code yang menjadi struktur dari website tersebut.
Website Dinamis merupakan website yang secara struktur diperuntukan untuk update sesering mungkin. Biasanya selain utama yang bisa diakses oleh user pada umumnya, juga disediakan halaman backend untuk mengedit kontent dari website. Contoh umum mengenai website dinamis adalah web berita atau web portal yang didalamnya terdapat fasilitas berita, polling dan sebagainya
Website Interaktif adalah web yang saat ini memang sedang booming. Salah satu contoh website interaktif adalah blog dan forum. Di website ini user bisa berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran mereka. Biasanya website seperti memiliki moderator untuk mengatur supaya topik yang diperbincangkan tidak keluar jalur.
Manfaat website
Beberapa alasan mendasar atau utama mengapa perusahaan bahkan individu membuat atau ingin memiliki sebuah website atau situs internet, diantaranya adalah :
- Memperluas jangkauan promosi, dengan memiliki website maka produk kita lebih banyak dikenal masyarakat—bahkan sampai ke manca negera. Produk yang bisa ditawarkan melalui website bisa berupa produk barang maupun jasa. Dengan luasnya promosi maka otomatis akan meningkatkan penjualan perusahaan kita.
- Media tanpa batas, internet adalah media informasi yang tanpa batas. Dengan memiliki website berarti kita sama saja memiliki karyawan yang mempromosikan produk kita selama 24 jam sehari dan 7 hari seminggu. Artinya website kita akan memberikan informasi kepada calon pembeli selama 24 jam non stop.
- Internet bisa diakses oleh seluruh lapiran masyarakat di antero jagat (unlimited user access).
- Promosi terluas, internet adalah media promosi terluas jika dilihat dari kacamata jangkauan atau cakupan area (unlimited scopt of areas).
- Media pengenalan perusahaan. Jika kita baru saja mendirikan perusahaan atau baru saja meluncurkan sebuah produk, maka websitelah solusinya. Kenapa bisa demikian? Dengan adanya website kita lebih cepat mengenalkan perusahaan kita dan lebih mendekatkan perusahaan ke pelanggan. Hal ini disebabkan pelanggan internal maupuan eksternal bisa menggali lebih dalam tentang sejarah perusahaan, jasa atau produk yang di tawarkan, bahkan informasi lowongan kerja dan detail informasi perusahaan.
- Sebagai media promosi, Internet merupakan salah satu media promosi yang menarkan biaya yang relatif efisien dikaitkan dengan jangkauan area dengan optimalisasi manfaat terbesar.
Nama domain
Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet.Untuk nama/alamat situs, salah satu format standar nama yang digunakan adalah sebagai berikut :
nama-protokol:/nama-host/path/nama-file
nama-protokol misalnya http, ftp.
nama-host misalnya www.bondanyulianto.blogspot.com
path = nama lengkap jalur ke file, misalnya: prg
nama-file misalnya tugas.doc
Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah :
- .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah
- ac.id : Untuk Lembaga Pendidikan
- go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia
- .mil.id : Khusus untuk Lembaga Militer Republik Indonesia
- .or.id :Untuk segala macam organisasi yand tidak termasuk dalam kategori “ac.id”,”co.id”,”go.id”,”mil.id” dan lain lain
- .war.net.id : untuk industri warung internet di Indonesia
- .sch.id : khusus untuk Lembaga Pendidikan yang menyelenggarakan pendidikan seperti SD, SMP dan atau SMU
- .web.id : Ditujukan bagi badan usaha, organisasi ataupun perseorangan yang melakukan kegiatannya di World Wide Web.
Keimpulannya Website adalah Wadah dari file yang berbentuk Html yang dapat diakses melalui Http
dan semuanya mempunyai ruang pada WWW sehingga membentuk sebuah jaringan .
udah jelas ?? kalo ingin membuat website kalian harus mempunyai Domain atau alamat .
Kalian bisa beli alamat domain di Penyedia Domain .
Setelah mempunyai Alamat sobat harus mempunyai atau membuat file HTML yang menyusun component WEB tersebut , tanpa HTML domain kalian kosong dan tidak dapat di lihar dengan HTTP.
Lalu bagaimana membuat HTML ??
Kalo sudah jelas kita menuju ke HTML.
Sebelum sobat membuat HTML,
sobat harus mengenal dulu apa itu HTML?
HTML adalah (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language),
HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.
HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: .
<b>TAMPIL TEBAL</b>
Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.Secara garis besar, terdapat 4 jenis elemen dari HTML:
- structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh,
<h1>Golf</h1>akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1 - presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh,
<b>boldface</b>akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks, - hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh,
<a href="http://www.ilmukita.com/">IlmuKita</a>akan menampilkan IlmuKita sebagai sebuah hyperlink ke URL tertentu), - Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).
Sudah jelaskah apa itu HTML ?
Saya simpulkan , HTML adalah Sebuah File yang berisi Code - code untuk membentuk suatu Halaman .
Lalu bagaimana cara membuat HTML ??
Yuk kita lanjutkan :)
Latihan 1. Belajar membuat halaman sederhana dengan kode HTML
Sebagai bahan untuk belajar HTML, sekarang buka program Notepad anda. Caranya klik " start " pilih program, cari program Notepad, jika sudah anda buka kemudian tuliskan kode - kode HTML di bawah ini :
Tulis ya jangan di copy !!
<html>
<head>
<title>Modul Belajar HTML</title>
<meta name="description" content="Modul belajar HTML untuk pemula">
<meta name="keyword" content="modul html,belajar html">
</head>
<body>
Modul HTML ini berisi latihan - latihan sederhana untuk beljar membuat sebuah halaman website agar dapat online di internet. Bagi anda yang masih pemula sebaiknya mengikutinya dengan memparaktekkan secara langsung agar lebih mudah dalam memahami setiap variasi kode - kode HTML.
</body>
</html>
Setelah selesai menuliskan kode - kode HTML di atas kemudian anda simpan. Caranya : klik " file " kemudian pilih " save as " tentukan lokasi penyimpanan, misalnya pada folder " latihan " di " my document " , pada " file name " tulis nama file misalnya " latihan1.html " pada save as type isikan " all file " kemudian klik " save ".
Untuk mengetahui hasilnya pada browser, caranya sebagai berikut :
Cari file " latihan1.html " yang anda simpan pada folder " latihan " di " my document " , setelah ketemu kemudian klik kanan, pilih " open with " lalu pilih browsernya misalnya " internet explorer " maka hasilnya akan tampak seperti gambar di bawah ini :
Bagaimana ?
sudah bisa ??
Sukses ?
ini baru tahap awal ,
dapat disimpulakan kode - kode tersebut membentuk Halaman yang bisa di baca pada browser
hanya saja file tersebut masih tersimpan di dalam komputer.
pada Website sebenarnya file tersebut berada pada Hosting yang dapat di panggil melalui browser Internet dimana saja anda ingin membukanya .
klo sudah paham kita lanjut lagi .
sebaiknya bikin catatan latian seperti kegunaan <head></head>
agar dapat mengigat dan sebagai pedoman , ini tips saja :)
yuk lanjut
DENGAN LANGKAH - LANGKAH SEPERTI DI ATAS COBA ANDA PRAKTEKKAN LATIHAN - LATIHAN SELANJUTNYA
Latihan 2. Belajar membuat link atau tautan dengan kode HTML :
misalnya : kata yang terlihat dalam link ( ancor text ) adalah "cara membuat website"
sedangkan alamat/URL dari halaman yang dituju tersebut adalah http://bondanyulianto.com/internet-dan-komputer/cara-membuat-website
maka kode HTML nya adalah :
<a href="http://bondanyuliantoblog.blogspot.com/2014/11/belajar-buat-website-dari-nol-bagian-1.html">Cara membuat Website dari 0</a>
hasilnya adalah Cara membuat website dari 0
latihan :
coba kalian buka notepad yang kalian buat sebelumnya
caranya :
klik kanan file yang berada pada folder latian tadi ,
lalu klik kanan open with > pilih Notepad
maka akan terbuka notepad dengan kode - kode tadi ,
selanjutnya .
coba masukan kode berikut
DIKETIK YA !! jgn di Copy
<a href="http://bondanyulianto.com/internet-dan-komputer/cara-membuat-website">cara membuat website</a>
di atas code </body>
kalo sudah , sobat save notepad tadi Ctrl + S atau klik File > Save
lalu close
Sudah ?
kalo sudah coba kalian buka file HTML tadi ,
apa perbedaannya ?
keluar Link kan ?
nah tahap ini adalah belajar membuat link ..
sudah paham ??
silahkan di catat ,
Lanjut ?
Latihan 3. Belajar kode warna HTML untuk mengedit warna teks :
codenya adalah :
<font color="red">kata yang diedit</font>
ini akan mengubah warna teks menjadi merah.
Lihat contoh berikut ini :
<font color="red">Modul HTML</font> ini berisi latihan - latihan.....
hasilnya akan tampak sebagai berikut :
beri warna merah pada Modul HTML seperti contoh di atas
Sudah ?
Berhasil ??
Silahkan kalian Catat :)
Lanjut ?
Latihan 4. Kombinasi kode warna HTML, paragraf baru, ukuran huruf dan jenis huruf :
ini adalah code combinasi :
<p align="left"><font face="arial" size="6" color="red">kata yang diedit</font></p>
ini akan membuat paragraf menjadi rata kiri, dengan jenis huruf arial, ukuran 6 dan warna teks menjadi merah.
Lalu bagaimana untuk membuat warna menjadi warna campuran, ah... itu gampang. Caranya anda buka photoshop, lihat gambar di bawah :
klik kotak merah yang saya lingkari,
kemudian akan muncul kotak dialog color picker,
lalu cari warna yang anda inginkan,
lalu copy code warna yang ada di bawah ( saya tandai ),
setelah itu anda paste pada kode warna HTML untuk mengedit warna.
Contoh : color="#ed260b"
mudah - mudahan jelas ya.
jelas kan ?? itu kode warna . semua warnanya ada codenya kalian bisa lihat di photoshop
lalu kalian catat warna favorit kalian jika membutuhkan tinggal ketik aja deh :)
Kode HTML lainnya :
<p>isi paragraf</p> , untuk membuat paragraf baru
<br>isi kalimat</br> , untuk membuat baris baru
<b>kata/kalimat</b> , untuk membuat teks tebal
<i>kata/kalimat</i> , untuk membuat kata miring
<u>kata/kalimat</u> , untuk membuat garis bawah
diatas adalah code2 perintah
paham ?
Lanjut ?
Latihan 5. Belajar cara menyisipkan gambar dengan kode HTML :
Sebelum kita menyisipkan gambar,
terlebih dahulu kita harus mengupload foto atau gambar untuk mendapatkan link dari gambar tersebut untuk keperluan menyisipkan gambar yang telah kita tentukan.
sebagai contoh saya telah mengupload gambar pada situs image hosting http://blogger.com, sehingga saya mendapatkan url link gambar seperti berikut ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh69nxQPe9MHxNwm0Y04DMQYRTi1PEBpvrhCk6DeOF4Yq8mHNpvQEPC44RbrCZVv03uBiaPWAYgT5_bZjeLiYm0ZjyUvM15G9Tx2YHYGDVNJPNmJVFAaqS9EV_KP-5pvOq-BGjtcgmC504/s1600/100_9934.JPG
Sebagai contoh, lihat ilustrasi contoh penerapan kode HTML di bawah ini :
<p>di bawah ini adalah gambar mas tampan </p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh69nxQPe9MHxNwm0Y04DMQYRTi1PEBpvrhCk6DeOF4Yq8mHNpvQEPC44RbrCZVv03uBiaPWAYgT5_bZjeLiYm0ZjyUvM15G9Tx2YHYGDVNJPNmJVFAaqS9EV_KP-5pvOq-BGjtcgmC504/s1600/100_9934.JPG">
hasil dari penullisan kode HTML tersebut akan menghasilkan gambar yang kalian upload di hosting tadi
coba kalian praktekan
letakkan kode tersebut di atas </body>
di ketik ! jangan di copy
coba kalian praktekan
letakkan kode tersebut di atas </body>
di ketik ! jangan di copy
Paham ? code diatas untuk memanggil gambar dengan link lokasi
catatan anda harus upload dulu agar mendapat link
lalu tempatkan link di code diatas
nah itulah gunanya hosting
anda bisa langsung mengupload gambar ke hosting tidak perlu menggunakan
media lainnya tinggal pangil aja langsung :)
Paham ?
kalo paham lanjut deh
Latihan 6. Belajar kode HTML untuk menyisipkan link pada gambar
Sebagai contoh, berdasarkan gambar di atas, kita akan menyisipkan link menuju halaman http://Bondanyulianto.com/anak-dan-balita/kumpulan-puisi-anak, maka kode HTML yang perlu dibuat adalah sebagai berikut :
<a href="http://bondanyuliantoblog.blogspot.com/2014/11/gallery-merapi1-16-november-2014.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh69nxQPe9MHxNwm0Y04DMQYRTi1PEBpvrhCk6DeOF4Yq8mHNpvQEPC44RbrCZVv03uBiaPWAYgT5_bZjeLiYm0ZjyUvM15G9Tx2YHYGDVNJPNmJVFAaqS9EV_KP-5pvOq-BGjtcgmC504/s1600/100_9934.JPG"></a>
Coba anda klik gambar di atas, pasti akan terbuka halaman yang dituju. Selamat anda sudah dapat membuat link pada gambar.
dicatat ya .
jika gambar di klik maka akan menuju ke link berikutnya ,
maka HTML adalah sebuah Code yang membentuk jaringan
dan membentuk beberapa halaman2 menjadikan itu WEBSITE
sekian dulu ya belajarnya
kalian coba latihan membuat HTML menggunakan notepad dengan Tulisan yang rapi
tunggu saya update :)
Bantuan Index jika anda kurang jelas memahami Singkatan
bukan hanya singkatan tapi disini anda harus benar2 memahami dulu dasar2 unsur yang dipake
di dunia Internet ,
Index :
»HTTP Singkatan dari Hypertext Transfer Protocol, yang mana adalah suatu protokol yang digunakan oleh World Wide Web. HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client.
HTTP juga mengatur aksi-aksi apa saja yang harus dilakukan oleh web server dan juga web browser sebagai respon atas perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika Anda mengetikkan suatu alamat atau URL pada internet browser Anda, maka sebenarnya web browser akan mengirimkan perintah HTTP ke web server.
Web server kemudian akan menerima perintah ini dan melakukan aktivitas sesuai dengan perintah yang diminta oleh web browser (misalnya akses ke database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.
»Pengertian URL (Uniform Resource Locator) adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet. URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis-penulis dokumen dokumen dapat mereferensikan pranala ke World Wide Web. Sejak 1994, konsep URL telah dikembangkan menjadi istilah Uniform Resource Identifier (URI) yang lebih umum sifatnya.
»File Transfer Protocol (FTP) adalah suatu protokol yang berfungsi untuk tukar-menukar file dalam suatu network yang menggunakan TCP koneksi bukan UDP.
Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client.
FTP server adalah suatu server yang menjalankan software yang berfungsi untuk memberikan layanan tukar menukar file dimana server tersebut selalu siap memberikan layanan FTP apabila mendapat permintaan (request) dari FTP client.
FTP client adalah computer yang merequest koneksi ke FTP server untuk tujuan tukar menukar file. Setelah terhubung dengan FTP server, maka client dapat men-download, meng-upload, merename, men-delete, dll sesuai dengan permission yang diberikan oleh FTP server.
Tujuan dari FTP server adalah sebagai berikut :
• Untuk tujuan sharing data
• Untuk menyediakan indirect atau implicit remote computer
• Untuk menyediakan tempat penyimpanan bagi user
• Untuk menyediakan transfer data yang reliable dan efisien
Keamanan FTP
FTP sebenarnya cara yang tidak aman dalam mentransfer suatu file karena file dikirimkan tanpa di-enkripsi terlebih dahulu tetapi melalui clear text. Mode text yang dipakai untuk transfer data adalah format ASCII atau format binary. Secara default, FTP menggunakan mode ASCII dalam transfer data. Karena pengirimannya tanpa enkripsi, username, password, data yang di transfer, maupun perintah yang dikirim dapat di sniffing oleh orang dengan menggunakan protocol analyzer (sniffer). Solusi yang digunakan adalah dengan menggunakan SFTP (SSH FTP) yaitu FTP yang berbasis pada SSH atau menggunakan FTPS (FTP over SSL) sehingga data yang
dikirim terlebih dahulu di enkripsi.
»DOMAIN menurut Wikipedia Nama Domain (domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai IP address. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya “wikipedia.org”. Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website.
Sederhananya domain merupakan nama unik/alamat untuk website anda, domain biasanya diakhiri dengan .com, .net, .org, .biz, .asia, .us dan lain-lain.
»Hosting biasa disebut dengan Web-Hosting, adalah perusahaan yang menyediakan layanan dan penyimpanan Web bagi perorangan atau perusahaan. Dengan kata lain Hosting adalah salah satu bentuk layanan penyewaan ruang simpan data (space) yang digunakan untuk menyimpan data – data website agar halaman website tersebut bisa diakses dari mana saja. Data web tersebut meliputi file – file html, php script, cgi script, css, image, database, dan file lain yang dibutuhkan untuk menampilkan halaman web.
Sebuah server web hosting akan online 24 jam sehari, sehingga memungkinkan kita bisa membuka web site yang dihosting kapanpun. Seperti biasa bila ada pertanyaan mengenai Domain dan Hosting ini silahkan diskusikan di form komentar.
»Pengertian Www Atau Web – Setelah pada artikel sebelumnya kita membahas mengenai Sejarah Internet, dan juga Cara Kerja Internet, maka kali ini kita akan membahas mengenai pengertian WWW atau World Wide Web, atau yang paling umum disebut adalah Web.
Www atau World Wide Web maupun Web saja adalah sebuah sistem yang saling terkait dalam sebuah dokumen berformat hypertext yang berisi beragam informasi, baik tulisan, gambar, suara, video, dan informasi multimedia lainnya dan dapat diakses melalui sebuah perangkat yang disebut web browser.
Untuk menterjemahkan dokumen hypertext kedalam bentuk dokumen yang dapat dipahami oleh Manusia, maka web browser melalui web client akan membaca halaman web yang tersimpan di sebuah webserver melalui protokol yang sering disebut HTTP atau Hypertext Transfer Protocol.
Sedangkan software atau perangkat lunak web browser saat ini tersedia dalam berbagai produk dengan kelebihan dan kekurangannya masing-masing. Beberapa web browser yang paling terkenal saat ini adalah Mozilla Firefox, Internet Explorer, Opera, Safari dan lain sebagainya.
Dokumen hypertext yang tersimpan didalam sebuah webserver memiliki banyak link atau sambungan antara satu dokumen hypertext dengan dokumen hypertext lainnya. Dengan adanya link antar dokumen hypertext, maka hal tersebut dapat memudahkan pengakses untuk mengunjungi atau mendapatkan dokumen-dokumen terkait yang diinginkannya.
Selebihnya dengan semakin banyaknya situs internet yang dapat diakses melalui browser dengan format http dan di ikuti dengan www , dan alamat url web yang hendak diakses, maka muncullah sebuah situs pencari atau search engine, seperti halnya google.com dan yahoo.com sebagai sarana memudahkan pengguna internet untuk mencari berbagai dokumen yang tersedia melalui jutaan web di sebuah jaringan internet global.