BAB 2
LANDASAN TEORI
2.1 Pengertian Aplikasi Web
Aplikasi Web adalah sebuah program yang bila dieksekusi akan menghasilkan sebuah aplikasi yang dapat bekerja sesuai dengan yang diinginkan. Aplikasi web dibangun dengan menggunakan bahasa HTML(Hypertext Markup Language). Pada masa kini aplikasi web dikembangkan untuk memperluas kemampuan HTML dengan PHP dan ASP pada skrip objek. Aplikasi web dapat dibagi menjadi dua bagian yaitu aplikasi web dinamis dan aplikasi web statis.
Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer
Aplikasi adalah sebuah ‘mahakarya Symphony Orchestra’ dari pelaku Teknologi Informasi, yang merupakan hasil kerjasama antara sumber daya manusia, tools dan pengguna dalam sebuah manajemen yang terintegrasi dimana didalamnya ada perencanaan, ujicoba, pelaksanaan dan pemeliharaan, dengan tujuan akhir untuk mendukung aktifitas manusia agar lebih efisien dan efektif (Muhammad Safri Lubis, 2011).
Jadi aplikasi adalah sebuah program hasil karya yang siap pakai. Program yang terbuat dengan beberapa tahapan yang melaksanakan suatu fungsi yang telah diperintahkan.
2.2 Pengertian Komputer
Komputer (computer) berasal dari bahasa Latin computare yang berarti menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program).
berdasarkan perintah–perintah yang diberikan oleh user dan komputer itu sendiri merupakan bagian dari sistem komputerisasi.
Sistem komputer adalah suatu sistem yang terdiri atas komputer dan seluruh komponen–komponen yang menunjang terlaksananya proses pengolahan data dan menjadikan komputer sebagai alat yang berguna. Sistem komputer memiliki beberapa komponen yaitu:
1. Peragkat Keras (Hardware)
Peragkat keras merupakan perangkat yang secara fisik dapat dilihat dan diraba, yang membentuk kesatuan, sehingga dapat difungsikan. Berdasarkan kegunaannya, perangkat keras dapat digolongkan ke dalam tiga bagian:
a. Alat input
Alat input adalah alat yang memiliki fungsi untuk memasukkan data ataupun program yang akan diproses komputer, seperti keyboard, mouse, printer, scanner dan lainnya.
b. Alat Proses
Alat proses atau CPU (Central Prosesing Unit), merupakan alat atau unit terpenting didalam sistem komputer. Fungsi utamanya adalah pusat pemprosesan data dan mengiontrol keseluruhan sistem komputer selama pengolahan data berlangsung, contohnya adalah prosessor.
c. Alat Output
2. Perangkat Lunak (Software)
Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan prosedur yang memungkinkan perangkat keras komputer dapat menjalankan fungsinya sebagai alat pengolahan data.Komponen ini tidak nyata secara fisik.Perangkat lunak berfungsi sebagai perantara antara komputer dan user sehingga dapat digunakan. 3. Perangkat Komputer (Brainware)
Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau orang yang mampu menangani suatu sistem operasi komputer. Brainware dapat dikelompokkan dalam beberapa bagian, yaitu :
a. Sistem Analisis
Orang bertugas untuk membentuk dan merancang fasilitas suatu sistem komputer yang akan dibangun.
b. Programmer
Orang yang bertugas menerjemaahkan spesifikasi yang telah dirancang oleh sistem analisis kedalam suatu bahasa program tertentu.
c. Komputer Operator
Orang yang bertugas menangani pengolahan data secara langsung. d. Data Entry Operator
penyimpanan hingga pemeriksaan dan pengiriman informasi yang dihasilkan oleh komputer.
2.3 Mengenal PHP
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP. Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.
dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.
2.3.1 Sejarah Singkat PHP
2.3.2 Kelebihan PHP
PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh GCI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebih dari kemampuan CGI. PHP dapat digunakan pada setiap sistem operasi, antara lain Linux, Unix, Windows, dan Macintosh. PHP juga mendukung banyak Web server, seperti Apache, Microsoft Internet information Server (MIIS), Personal Web Server(PWS), dan masih banyak lagi lainnya, bahkan PHP dapat
bekerja sebagai suatu CGI processor.PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file pdf, dan movies flash. Php juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.
2.3.3 Skrip PHP
Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali sebagai skrip PHP bila diapit oleh tanda:
<?php. . . ?> <? . . . .?>
<script language=”PHP”> . . . . .</script>
Berikut contoh dari scrip PHP: <?php
Echo (“hallo”);?
2.4 MySQL
MySQL merupakan salah satu perangkat lunak sistem pengelola basis data
(database management system). MySQL juga dapat dikategorikan sebagai relation Database Management Sistem (RDBMS).Karena dalam pembuatan basis data
pada MySQL dapat dipilah-pilah dalam berbagai tabel dua dimensi.Setiap tabel pada MySQL terdiri atas lajur horizontal dan lajur vertikal.
MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk
membangun situs yang memerlukan basis data sebagai data dan pengolahan data.Untuk keperluan mnampung data di server, kita perlu sebuah database.MySQL merupakan sebuah program aplikasi untuk membuat database yang umum digunakan pada wwb server.MySQL bayak digunakan karena kemampuannya dalam menampung data yang cukup besar dan proses loading yang cepat dalam memanggil data. MySQL dapat didefinisikan sebagai:
2. MySQL merupakan sistem manajemen database atau basis dat terhubung menyimpan pada tabel – tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari Structure Query Language. SQL merupakan bahasa standart yang digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL Standar.
3. MySQL merupakan software Open Source, berarti semuaorang diizinkan menggunakan dan memodifikasi software ini. Semua orang dapat mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat mempelajari Source Code dan menggunakannya sesuai dengan kebutuhan.
4. Server database MySQL mempunyai kecepatan yang tinggi,mudah digunkan, dan handal. MySQL dikembangkan untuk menangani database yang besar secara cepat dan telah sukses digunakan selama bertahun-tahun. Konektifitas, kecepatan, dan keamanannya membuat server MySQL cocok untuk mengakses database di internet.
5. MySQL Server bekerja di client server atau sistem embedded. Software database MySQL merupakan sistem yang terdiri atas multitheread SQL
Server yang mendukung software client dan library yang berbeda, tool administrative, dan sejumlah Application programming Interfaces (APIs).
6. MySQL terdiri daribeberapa macam bahasa.
Di bawah ini terdapat beberapa Pengaertian sistem informasi dan data menurut para ahli yaitu:
2.5.1 Sistem
Beberapa pengertian tentang sistem adalah sebagai berikut :
1. Murdick and ross (1993) mendefinisikan sistem seperangkat elemen yang digabungkan satu dengan yang lainnya untuk suatu tujuan yang sama.
2. Menurut M.alexander dalam buku information system analysis menyatakan bahwa sistem merupakan elemen – elemen baik berupa fisik maupun non fisik yang menunjukkan suatu kumpulan yang saling berhubungan dan berinteraksi menuju satu atau lebih tujuan, sasaran atau akhir sebuah sistem.
3. L. James Havery Menurutnya sistem adalah prosedur logis dan rasional untuk merancang suatu rangkaian komponen yang berhubungan satu dengan yang lainnya dengan maksud untuk berfungsi sebagai suatu kesatuan dalam usaha mencapai suatu tujuan yang telah ditentukan. 4. C.W. Churcham Menurutnya sistem adalah seperangkat bagian –
2.5.2 Informasi
Informasi adalah data yang telah diproses menjadi bentuk yang memiliki arti bagi penerima dan dapat berupa fakta, suatu nilai yang bermanfaat. Jadi ada suatu proses transformasi data menjadi suatu informasi == input – proses – output. Menurut Davis dalam Abdul Kadir (2003;28) informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat bagi pengambilan keputusan saat ini atau saat mendatang. Informasi merupakan kumpulan data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima (andri Kristanto, 2003:6). Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya (Jogiyanto, 1990:8).
2.5.3 Sistem informasi
Sistem informasi adalah kumpulan antara sub-sub sistem yang saling berhubungan yang membentuk suatu komponen yang didalamnya mencakup input-proses-output yang berhubungan dengan pengolaan informasi (data yang
telah diperoleh sehingga lebih berguna bagi user).
manajemen dan pemakai intern dan ekstern dan menyediakan dasar pengambilan keputusan yang tepat.
2. Menurut Kertahadi (dalam Fatta,2007) sistem informasi adalah suatu alat untuk menyajikan informasi sedemikian rupa sehingga bermanfaat bagi penerimanya. Tujuan adalah untuk menyajikan informasi guna pengambilan keputusan pada perancanaan, pemrakarsaan, pengorganisasian, pengendalian kegiatan operasi suatu perusahaan yang menyajikan sinergi organisasi pada proses ( Mursick & Ross, dalam Fatta 2007).
2.5.4 Data
Data adalah fakta berupa angka, karakter, symbol, gambar, tanda - tanda, isyarat, tulisan,suara, bunyi yang mempresentasikan keadaan sebenarnya yang selanjutnya digunakan sebagai masukan suatu Sistem Informasi.
Data dapat berfunsi sebagai badan dasar yang objektif (relatif) dalam proses penyusunan kebijaksanaan dan keputusan pimpinan organisasi.
2.6 Internet
Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber
Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat, selanjutnya jaringan komputer di perbaharui, dikembangkan dan sekarang penerusnya menjadi tulang punggung global untuk sumber daya informasi yang sekarang disebut Internet.
Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan komputer merupakan beberapa komputer yang terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan komputer lainnya.
ARPAnet (US Defense Advanced Reseach Project Agency) atau departemen
pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila perang dapat dengan mudah dihancurkan. Jadi suatu bagian dari sambungan itu secara otomatis dipindahkan kesambungan lainnya.
Setelah angkatan Amerika, dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer.Salah satunya adalah University of California at Los Angeles (UCLA). Akhirnya pada tahun 1970
internet banyak digunakan Universitas di Amerika dan berkembang pesat saat ini.
berhubungan, maka para ahli membuat sebuah protocol (semacam bahasa) yang sama untuk dipakai di Internet. Namanya TCP (Transmission Control Protokol) protokol pengendali transmisi dan IP (Internet Protokol).
Kegunaan internet diantaranya untuk mendukung bisnis global, akademi dan komunitas yang mewakili pribadi. Kegunaan internet terbagi menjadi 3 fungsi yaitu:
1. Fungsi Komunitas
Internet adalah alat komunikasi. Kegunaan yang sangat penting dari
internet adalah Pertukaran pesan antara manusia dengan electronic mail
(e-mail). Masyarakat memakai internet untuk mendapatkan software gratis dan untuk berkomunikasi dengan orang lain dengan menggunakan komputer dan berbagai kebutuhan.
2. Fungsi Resource Sharing
Internet menghubungkan komputer dengan fasilitas sharing resource
diantara komputer.
3. Fungsi Reseorces Discovery
Penuntun untuk mencari file tertentu, dokumen, host atau orang diantara jutaan host.
2.7 World Wide Web (WWW)
World Wide Web (WWW), lebih dikenal dengan web merupakan salah satu
Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan
teknologi hypertext. Pemakai dituntut untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.
Kini internet identik dengan web, karena kepopuleran web sebagai standart interface pada layanan yang ada pada internet, dari awalnya sebagai penyedia
informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce).
Kini, web seakan lebih popular dari pada email, walaupun secara statisktik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna
internet.Web lebih popular bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan web sebagai interfacenya.
Interface identik dengan web, karena popularitas sebagai penyedia informasi
dan interface yang digunakan oleh pengguna internet dari masalah informasi sampai dengan komunikasi. Informasi produk dari yang serius sampai dengan yang sampah, dari yang cuma–cuma sampai dengan yang komersial, semuanya ada.
Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku
diadopsi oleh perusahaan sebagai bagian dari stategi teknologi informasi, karena beberapa alasan:
1. Akses informasi yang mudah. 2. Setup server yang lebih mudah. 3. Informasi mudah didistribusikan.
4. Bebas platform : informasi dapat disajikan oleh web browser pada sistem mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.
Web memberikan highlight ( penyorotan ) pada kata – kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk dari sembarang tempat pada dokumen lain. Dengan sebuah browser yang memiliki grapichal user interface ( GUI ), link – link dapat dihubungkan ke tujuanny dengan menunjuk
link tersebut dengan mouse dengan meng-klik link tersebut. Menurut
kemampuannya, web dapat dibedakan menjadi dua yaitu: 1. Web Statis
Web statis adalah web yang berisi informasi yang sifatnya statis (tetap).
yang ditampilkan.web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html atau htm.
2. Web Dinamis
Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Informasi di web pada umumnya ditulis dalam format HTML dan PHP.
2.7.1 Lahirnya Web
Tahun 1989, Trimothy Berners-Lee seorang ahli komputer dari Inggris dan peneliti lain di European Particle Physics Lab (Consei European Pour la Recherche Nucleaire, atau CERN) di Geneva Swiss, mengembangkan satu cara untuk membagi data antar koleganya menggunakan sesuatu yang di sebut dengan hypertext. Pemakai di CERN dapat menampilkan dokumen pada layar komputer
dengan menggunakan software browser baru. Kode-kode khusus disisipkan kedalam dokumen elektronik ini, memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada layar dengan hanya memilih sebuah hyperlink.
dapat juga mengirimkan sebuah file dari komputer remote kesistem lokalnya, atau login kedalam suatu sistem remote hanya dengan mengklik hyperlink. Tidak perlu
melalui mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari yang disebut World Wide Web atau berikut server dan browser webnya (sekarang dimaintenence oleh World Wide Consortium).
2.7.2 Browser Web
Browser web adalah software yang digunakan untuk menampilkan informasi dari
server web.Software ini kini telah berkembang dengan menggunakan user
interface grafis, sehingga pemakai dapat dengan mudah memakai poin atau klik
untuk pindah antar dokumen.
Lynx adalah browser web yang masih menggunakan mode teks, yang
akibatnya adalah tidak ada gambar yang dapat ditampilkan.Lynx ini ada pada lingkungan DOS (Disk Operation System).Akan tetapi pengembangan dari browser mode teks ini adalah tidak secepat browser web dengan GUI (Grafic User Interface).
Disaat perkembangan WWW ada dua browser web yang paling populer yaitu Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan
browserweb lain yang turut meramaikan persaingan untuk merebut para pengguna
ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai dengan keinginan dan kemudahan yang ditawarkan yaitu:
1. Cara Kerja Browser Mengambil Halaman
Suatu browser mengambil sebuah web page dari server dengan sebuah request. Sebuah request adalah HTTP standar yang berisi sebuah page
address. Sebuah page address terlihat seperti berikut
:http://www.google.com/search?q=%s. 2. Cara Kerja Browser Menampilkan Halaman
Seluruh webpage berisi instruksi-instruksi bagaimana untuk ditampilkan.Browser menampilkan page dengan membaca instruksi-instruksi ini. Instruksi yang paling umum untuk menampilkan disebut tag HTML. TagHTML contohnya, yaitu <p> ini merupakan suatu
paragraph </p>.
2.7.3 Server Web
Server web adalah komputer yang digunakan untuk menyimpan
2.7.4 Istilah-istilah Umum Yang Harus Diketahui
Berikut beberapa istilah umum yang harus diketahui antara lain:
1. Protokol secara defenisi adalah standart pemprosesan informasi yang diterima secara umum. Protokol TCP / IP merupakan protokol komunikasi yang digunakan dalam internet.
2. HTTP (Hyper Transfer Protokol) HTTP pada umumnya digunakan
untuk melayani dokumen hypertext, karena HTTP adalah protokol dengan overhead yang sangat rendah, sehingga pada kenyataan navigasi informasi dapat ditambah langsung ke dalam dokumen. Dengan demikian protokolnya sendiri tidak harus mendukung navigasi secara penuh.
3. Browsing / Surfing kegiatan menelusuri dan mencari informasi dalam internet melalui layanan informasi web.
4. URL (Universal resource Locator) adalah konsep nama file standar yang diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan direktori dan nama filen, tetapi juga nama mesinnya dalam jaringan. URL dapat disediakan dengan berbagai metode, dan bisa jadi bukan sekedar file, kerena URL dapat menunjukkan query-query, dokumen yang disimpan dalam database.
2.8 HTML (Hypertext Markup Language)
2.8.1 Dokumen HTML
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai webpage. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen umumnya berisi informasi atau interface aplikasi didalam internet.
Ada dua cara untuk membuat web page dengan web editor (misalnya macromedia Dreamweaver atau Microsoft Frontpage) atau teks editor biasa
misalnya notepad atau editplus.
2.8.2 Penamaan Dokumen HTML
Penamaan dokumen HTML yang menggunakan tiga karakter awalnya adalah untuk mengakomodasikan sistem penamaan yang ada pada sistem operasi DOS.Nama dokumen pada beberapa sistem operasi bersifat case sensitive
(membedakan huruf besar dan kecil). Nama dokumen yang sama tapi dituliskan dalam case yang berbeda akan dianggap sebagai document yang berbeda, misalnya ‘dokumen.html’ berbeda dengan ‘DOKUMEN.html’.Kasus case sensitiveakan dijumpai pada dokumen web yang dihosting didalam server yang
2.8.3 Dasar – dasar HTML
Mendesain html berarti melakukan suatu tindakan pemrograman. Namun html bukanlah sebuah bahasa pemrograman. Namun html hanyalah berisi perintah‐ perintah yang telah terstruktur berupa tag‐tag penyusun. Menuliskan tag‐tag html tidaklah sebatas hanya memasukkan perintah‐perintah tertentu agar html kita dapat di akses oleh browser. Mendesain html adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari html adalah refleksi dari orang yang membuatnya.
<html> <head>
<title>Judul Dokumen html</title> </head>
<body>
penulisan informasi Web </body>
</html>
Dari struktur dasar html di atas dapat dijelaskan sebagai berikut: 1. Tag
ini adalah tag pembuka isi dokumen html, dan </body> ini adalah tag penutup isi dokumen html.
2. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen html pada web browser digunakan elementtitle, dimana: <title> ini adalah tag pembuka judul dokumen html Judul Dokumen html ini adalah isi judul dari dokumen html </title> ini adalah tag penutup judul dokumen html. Tag‐tag yang ditulis secara berpasangan pada suatu element html, tidak boleh saling tumpang tindih dengan pasangan tag‐tag lainnya. Contoh penulisan tag‐tag yang benar
<p> <b> </b>
</p> 3. Attribute
Attribute mendefinisikan property darisuatu element html, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:
<TAG
nama-attr="nilai-attr" nama-attr="nilai-attr" >
Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman webmenjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">.
4. Element html
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah html. Sintaks:
<html> </html> 5. Element head
Merupakan kepala dari dokumen html. Tag <head> dan tag </head> terletak di antara tag <html> dan tag</html>.
Sintaks: <head> </head> 6. Element title
Merupakan judul dari dokumen html yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Sintaks:
7. Element body
Element ini untuk menampilkan isi dokumen html. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>. Element body mempunyai attribute‐attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser. Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z"> </body>
2.8.4 Elemen dan Tag HTML
Dokumen HTML disusun oleh elemen-elemen.Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan Tag. Tag HTML terdiri dari sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya, <H1> dengan </H1>), atau yang menjadi pasangan selalu diawali dengan karakter garis miring.Tag yang menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen.
1. Paragraf dengan tag <p>.
2. Ganti garis – break line dengan tag<br>. 3. Ganti datar – horizontal rule dengan tag <hr>. 4. List item dengan tag<Li>.
Secara umum elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan: <namatag>_</nametag> penulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive). Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan
untuk menuliskan tag dengan menggunakan huruf kecil semuanya.Tag mark up sebenarnya memberi tahu browser bagaimana memberlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.
Dalam membuat dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag<html>, <head> dan <body>berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi tentang informasi dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen lainnya.
Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head dan section body, sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut:
<html> <head>
</head>
<body>
…informasi yang ditampilkan oleh browser web </body>
</html>
Setiap dokumen HTML harus diawali tag<html> dan tag</html> diakhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML.
Dalam suatu dokumen hanya ada satu dokumen HTML, section atau elemen head ditandai dengan tag<head> diawal, dan tag</head> diakhir.Section ini berisi
informasi tentang dokumen HTML lainnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari elemen, judul ini akan ditampilkan pada captionBr dari windows browser, ditandai dengan menggunakan tag<title>dan
diakhiri dengan </title>.
Section atau elemen body ditandai dengan tag<body> diawal, dan tag </body> diakhir.Section body merupakan elemen terbesar didalam dokumen HTML. Elemen ini berisi dokumen yang akan ditampilkan pada browser, meliputi
paragraf grafik, link, tabel, dan sebagainya. Contoh dokumen HTML sebagai berikut:
<!-contoh.html-> <html>
<title> Halaman contoh </title> </head>
<body>
File ini merupakan file contoh.<br>
<b>ini untuk membuat huruf cetak tebal</b> </body></html>
2.9 Sublime Text 2
Dalam membuat situs web diperlukan suatu editor. Salah satu contoh editor yang sangat sederhana adalah notepad.
Sublime Text merupakan editor HTML yang professional mendesain,
menulis kode program dan mengembangkan website, halaman web, dan aplikasi web. Dalam pengerjaanya dreamweaver memberikan tiga pilihan yaitu bekerja
dengan menulis kode program (Menu Code), dengan pengeditan secara visual (Mode Design) dan dengan tampilan keduanya (Split Mode). Dreamweaver juga menyediakan alat-alat bantu untuk mengembangkan kreatifitas pembuatan web.
2.10 Cascading Style Sheet (CSS)
2.11 Macromedia Dreamweaver
Saat ini dreamweaver merupakan software utama yang digunakan oleh web server
designer maupun web programmer dalam membangun suatu web. Dreamweaver
memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan. Tips ruang kerja, faasilitas dan kemampuan dreamweaver maupun dalam membangun web.
Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia Dreamweaver 8 yang merupakan penyempurnaan dari versi
sebelumnya dan semakin mudah dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.
