Nama Kelompok :
1. Sherly 210.511.013
2. Megga Farah Nazsa 210.511.016
3. Sri Romadhani 210.511.045
4. Kartika Wahyuningtyastuti 210.511.164
Halo. Pada artikel ini kami akan menulis tentang Membuat Tampilan Web Sederhana. Seperti yang telah saya
janjikan pada artikel saya sebelumnya. Kami minta maaf apabila ada penulisan kami yang kurang berkenan. Semoga
artikel ini dapat membantu dan bermanfaat bagi pembaca dan kami untuk lebih
menambah ilmu. Amin.
Langsung aja, pada bahasan kali ini saya akan menjelaskan
mengenai perancangan web sederhana. Bahasa atau tag yang saya akan gunakan di
kenal dengan HTML.
Sekilas tentang HTML!
HyperText Markup Language (HTML)
adalah sebuah bahasa markup yang
digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di
dalam sebuah Penjelajah web Internet dan formating
hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat
menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang
dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga
menjadi home page dengan perintah-perintah HTML. 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
dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka
bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi
tinggi di Jenewa).
1. Tahun 1980, IBM memikirkan pembuatan
suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda
tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks
dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup
Langiage, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM
menamakan sistemnya ini sebagai Generalized Markup Language atau GML.
2. Tahun 1986, ISO menyatakan bahwa IBM
memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian
mengeluarkan suatu publikasi ( ISO 8879 ) yang menyatakan markup language
sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari
GML milik IBM, tetapi memberinya nama lain, yaitu SGML ( Standard
Generalized Markup Language ).
ISO dalam
publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi
teks dan sistem-sistem perkantoran. Tetapi diluar perkiraan ISO, SGML dan terutama
subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya
bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML adalah
HTML 4.01, meskipun saat ini telah berkembang XHTMLyang merupakan
pengembangan dari HTML.
Macam Macam Contoh Tag HTML dan Fungsinya!
Ada
beberapa Tag HTML sederhana yang dapat kita gunakan dalam perancangan web sederhana.
Berikut ini adalah beberapa tag-tag
HTML dan fungsinya:
Tag Utama :
Tag
|
Atribut
|
Deskripsi
|
<html></html>
|
Baris paling atas dari setiap file
HTML
|
|
<head></head>
|
Informasi umum dari sebuah halaman
web
|
|
<title></title>
|
Judul halaman. Terdapat pada head
|
|
<body></body>
|
Background, bgcolor, bgsound,
font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth
|
Settingan atribut untuk seluruh
dokumen
|
Modifikasi Teks :
Tag
|
Deskripsi
|
Contoh
|
<b></b>
|
Teks tebal
|
Teks tebal
|
<i> </i>
|
Teks miring
|
Teks miring
|
<u> </u>
|
Teks garis bawah
|
Teks garis bawah
|
<pre></pre>
|
Preformatted teks
|
Contoh teks
|
<h1></h1>
|
Header 1
|
Header 1
|
<h2></h2>
|
Header 2
|
Header 2
|
<h3> </h3>
|
Header 3
|
Header 3
|
<h4></h4>
|
Header 4
|
Header 4
|
<h5></h5>
|
Header 5
|
Header 5
|
<h6></h6>
|
Header 6
|
Header 6
|
<sub></sub>
|
Subscript
|
Subscript
|
<sup></sup>
|
Superscript
|
Superscript
|
Font :
Tag
|
Atribut
|
Deskripsi
|
<font></font>
|
Color, size, name
|
Mengubah gaya suatu huruf
|
Links :
Tag
|
Atribut
|
Deskripsi
|
<a> </a>
|
Href, target, style, class, name,
id
|
Membuat link ke dokumen atau situs
lainnya
|
Nah setelah kalian membaca beberapa tag tersebut. Kalian
bisa langsung mencobanya. Pertama-tama buka notepad, ketikan perintah perintah
atau tag yang tadi tersedia, atau jika anda hanya ingin membuktikannya anda
bisa ketikan seperti yang saya buat di bawah ini.
Kemudian
setelah selesai save dengan extensi .html ,misalnya di sini kami save dengan
nama 1.html. Kalian langsung bisa mencobanya apakah web kita berhasil atau
tidak, buka file yang kita buat tadi dengan browser kesayangan anda. Berikut
adalah contoh dari web browser.
Perencanaan web
selesai, kalian bisa kembangkan dengan kreatifias kalian sendiri kami hanya
membahas tentang tag - tag html yang bisa kalian gunakan.
Sesuai
dengan janji kita yang kemarin juga, kami akan membahas bagaimana memasukan web
pertama kita ini ke dalam web server yang kita buat kemarin. Nah disini kami
mengunakan bantuan software Filezilla untuk mengirimkan file yang telah kita
buat tadi ke web server kita. Tanpa berlama lama lagi, langsung aja ke praktek.
Pertama-tama
jalankan web server yang telah kalian buat sebelumnya.
Lalu masukan
cd installer debian kita, sebelumnya kita harus menginstall ssh di server kita
terlebih dahulu. Ketikan perintah :
#
apt-get install ssh
Catatan : kita harus login sebagai root untuk melakukan
install.
Setelah
ssh terinstall lalu buka filezilla kita.
Isi nama host username dan port sesuai dengan gambar d
bawah ( Pengisian di lakukan sesuai
dengan kondisi IP dan password root server
kalian masing masing ).
Lalu klik
quickconnect.
Akan ada beberapa konfirmasi lagi, klik saja yes.
Setelah
filezilla tersambung dengan server kita lalu lakukan browsing ke file web yang
kita buat tadi
di file kolom sebelah kiri.
Nah pada kolom sebelah kanan kita ketikan saja /var/www/
Setelah terbuka lalu drag and drop file web kita tadi ke
dalam file /var/www/ tadi.
Oke file
telah terkopi.
Langkah berikutnya, yaitu mengaktifkan web yang tadi kita
buat ke server kita.
Pindah
ke direktori /etc/apache2/sites-available/
Lalu
edit file default menjadi seperti berikut.
Setelah itu tutup save, ctrl+x, y enter.
Lalu
move file web kita tadi di var/www ke file index.html.
Lalu restart service apache2 kita.
Ketikan
perintah
#
/etc/init.d/apache2 restart
Langsung kita buka web browser kita dan kita ketikan pada
address bar alamat server kita, dan tadaaa, jika hasilnya sesuai dengan web
yang kita buat maka berhasil.
Sekian yang saya bahas pada artikel kali ini. Pada
kesempatan berikutnya kami akan mencoba membahas seputar root atau user admin,
Fillezila, dan SSH. Di tunggu ya artikel -artikel kami berikutnya. Keep
Update..! J
Referensi :
0 komentar:
Posting Komentar