Mengenal Lebih Dekat Website
Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponent atau kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi. Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu:
1) Website Statis
2) Website Dinamis
3) Website Interaktif
1) 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.
2) 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.
3) 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.
Apapun jenis website anda, pada dasarnya adalah sama, yaitu mengacu kepada penyampaian informasi dengan target market yang tanpa batas. Oleh karena itu, dalam SLA kami tidak mengijinkan website yang berisi kontent porno atau penipuan. Supaya informasi yang disampaikan benar-benar bermanfaat dan bersikap mendidik.
Dasar-dasar Web dan HTML
Ngapain Sih?
• Ya Belajar Membuat website dengan HTML dan PHP
Layanan-layanan Internet
• layanan informasi dengan menggunakan World Wide Web/WWW menggunakan protokol HTTP (Hypertext Transfer Protocol)
• layanan e-mail dengan menggunakan protokol POP (Post Office Protocol), SMTP (Simple Mail Transfer Protocol), dan IMAP (Internet Message Access Protocol)
• layanan chatting dengan menggunakan IRC (Internet Relay Chat)
• layanan pertukaran file dengan menggunakan FTP (File Transfer Protocol)
• layanan akses komputer jarak jauh (telnet)
• layanan akses direktori dengan menggunakan LDAP (Lightweight Directory Access Protocol)
• layanan monitoring jaringan dengan menggunakan NMAP (National Maternity Action Plan)
• layanan pengiriman modul aplikasi dengan menggunakan SOAP (Simple Object Access Protocol)
• layanan pengiriman suara dengan menggunakan VoIP (Voice over IP)
Teman-temannya Web
• Aplikasi web merupakan halaman dinamis yang mengijinkan interaksi dengan user (user melakukan
sesuatu)
• Web client atau biasa disebut web browser merupakan suatu perangkat lunak yang dijalankan pada komputer pemakai (user) yang menampilkan dokumen atau informasi web yang diambil dari web server
• Web server merupakan suatu perangkat lunak yang dijalankan pada komputer server dan berfungsi agar dokumen web yang disimpan di server dapat diakses oleh pemakai (user) internet seperti misalnya xampp
• Web site adalah informasi di world wide web yang disimpan dalam file yang berbeda-beda sebagai
halaman web. Homepage merupakan halaman awal dari sebuah situs web
• Web Service merupakan suatu sistem yang menyediakan pelayanan yang dibutuhkan oleh klien
• Layanan web hosting mengijinkan perorangan atau organisasi membuat sebuah website yang dapat diakses
melalui world wide web. Web hosts merupakan organisasi yang menyediakan tempat di servernya untuk perorangan atau organisasi meletakkan semua file website-nya dan menyediakan konektivitas dengan internet agar dapat diakses melalui internet
HTML (Hypertext Markup Language)
• Merupakan suatu format data yang digunakan untuk membuat dokumen hypertext (teks pada komputer yang
memungkinkan user saling mengirimkan informasi (request-respon))
• Dokumen HTML harus disimpan dengan ekstensi .htm atau .html
• Penulisan tag-tag HTML dapat menggunakan huruf besar atau huruf kecil, karena HTML tidak case sensitive (membedakan huruf besar dan huruf kecil memiliki maksud berbeda)
<nama_tag nama_atribut=”argumen”>teks</nama_tag>
Tag-tag Minimal Sebuah Dokumen HTML
Hasilnya……..
Atribut Tag
• Menyatakan badan halaman web
• Atribut tag <body>
– bgcolor = warna latar belakang halaman
<body bgcolor=“#000000”>…………………………</body>
angka yang dapat dimasukkan dalam bentuk
asciat 0 -255 atau 00-FF atau menggunakan
“red”, “green”, “blue”, “yellow”, “black”,
….
– background =gambar latar belakang halaman
<body background=“gambar.gif”>……….</body>
Tag Jenis-jenis Teks
• <big> = huruf ukuran besar
• <b> <strong> = bold
• <u> = underline
• <i> <em> = italic
• <small> = huruf ukuran kecil
• <s> = memberikan coretan pada teks
• <sub> = subscript
• <sup> = superscript
Pengaturan Teks
• <p> = paragraf
• <br/> = break line
• <pre> = menuliskan teks sama dengan
format pada kode html
• Nested tag <b><i>nananana</i></b>
– Harus sesuai urutan penutupan tag-nya
• <!--…............................--> = kometar
Tag Font dan Atributnya
• Digunakan untuk mendefinisikan huruf yang
digunakan
• Atribut tag font
– size
<font size=“12”>………</font>
– face
<font face=“arial”>………..</font>
– color
<font color=“navy”>………..</font>
<font color=“#FF0000”>………</font>
Bikin Garis
• <hr/> = membuat garis horizontal
List
• ul = unordered list (tidak terurut)
• ol = ordered list (terurut)
• li = list
Tampilan List
Tipe pada <ol>
<ol type=“A”>………</ol>
• Tipe:
– 1 – Default number - 1, 2, 3, 4, …….
– A – Huruf besar – A, B, C, D, ………
– a – Huruf kecil – a, b, c, d, ………
– I – Romawi huruf besar – I, II, III, …….
– i – Romawi huruf kecil – I, ii, iii, …….
Tipe pada <ul>
<ul type=“disc”>………</ul>
• Tipe:
– disc
– circle
– square
Definition List (DL)
• <dl> = definition list
• <dt> = yang didefinisikan
• <dd> = pendefinisiannya apa