pengertian web,html,css,javascript
Secara terminologi, website adalah kumpulan dari halaman - halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalamWorld 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. Semua publikasi dari website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.
Halaman - halaman dari website dapat diakses melalui sebuah URL yang biasanya disebut Homepage. URL ini mengatur halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink - hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan. Beberapa website membutuhkan subskripsi ( data masukan ) agar para user bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs - situs bisnis, situs - situs e-mail gratis, yang membutuhkan subkripsi agar kita dapat mengakses situs tersebut.
Penemu website adalah Sir Timothy John “ Tim ” Berners - Lee, sedangkanwebsite yang tersambung dengan jaringan, pertama kali muncul pada tahun 1991. Maksud dari Tim membuat website adalah untuk mempermudah tukar menukar dan memperbarui informasi kepada sesama peneliti di tempatnya bekerja. Pada tanggal 30 April 1993, CERN ( tempat dimana Tim bekerja ) menginformasikan bahwa WWWdapat digunakan secara gratis oleh semua orang. Sebuah website bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari sebuah organisasi, perusahaan, dan biasanya website itu menujukkan beberapa topik khusus, atau kepentingan tertentu. Sebuah website dapat berisi hyperlink ( pranala ) yang menghubungkan ke website lain, jadi, terkadang perbedaan antara website yang dibuat oleh individu perseorangan dengan website yang dibuat oleh organisasi bisnis bisa saja tidak terlalu terlihat.
Website ditulis, atau secara dinamik di konversi menjadi HTML dan diakses melalui sebuah program software yang biasa disebut dengan web browser, yang dikenal juga dengan HTTP Client. Halaman web dapat dilihat atau diakses melalui jaringan komputer dan internet, perangkatnya dapat berupa komputer pribadi , laptop, PDA ataupun telepon selular. Sebuah website dibuat didalam sebuah sistem komputer yang dikenal dengan server web, atau yang disebut HTTP Server, dan pengertian ini dapat menunjuk pada software yang dipakai untuk menjalankan sistem ini, yang kemudian menerima lalu mengirimkan halaman - halaman yang diperlukan untuk merespon permintaan dari pengguna. Apache adalah piranti lunak yang biasa digunakan dalam sebuah webserver, kemudian setelah itu adalah Microsoft Internet Information Services ( IIS ).
Sebuah Website static ( static ), adalah salah satu bentuk website yang isi didalamwebsite tersebut tidak dimaksudkan untuk di update secara berkala, dan biasanya dimaintenance secara manual oleh beberapa orang yang menggunakan software editor. Ada 3 tipe kategori software editor yang biasa dipakai untuk tujuan maintaining ini, diantaranya :
Elemen 1 Penyunting Teks.
Contohnya adalah Notepad atau TextEdit, dimana HTML diubah didalam program editortersebut.
Elemen 2 WYSIWYG Editor.
Contohnya Microsoft Frontpage dan Macromedia Dreamweaver, dimana situs di editmenggunakan GUI ( Graphical User Interface ) dan format HTML ini secara otomatis di generate oleh editor ini.
Elemen 3 Editor Yang Sudah Memiliki Template.
Contohnya Rapidweaver dan iWeb, dimana editor ini memperbolehkan user untuk membuat dan mengupdate websitenya langsung ke server web secara cepat, tanpa harus mengetahui apapun tentang HTML. Mereka dapat memilih template yang sesuai dengan keinginan mereka, menambah gambar atau obyek, mengisinya dengan tulisan, dan dengan sekejap mereka sudah dapat membuat situs web tanpa harus melihat sama sekali kode - kode HTML.
Sebuah website dynamic ( dinamis ) adalah website yang secara berkala, informasi didalamnya berubah, atau website ini bisa berhubungan dengan user dengan berbagai macam cara atau metode ( HTTP cookies atau Variabel Database, sejarah kunjungan, variabel sesi dan lain-lain ) bisa juga dengan cara interaksi langsung menggunakan form dan pergerakan mouse. Ketika web server menerima permintaan dari user untuk memberikan halaman tertentu, maka halaman tersebut akan secara otomatis di ambil dari media penyimpanan sebagai respon dari permintaan yang diminta oleh user. Sebuah situs dapat menampilkan dialog yang sedang berlangsung diantara dua user, memantau perubahan situasi, atau menyediakan informasi yang berkaitan dengan user.
Ada banyak jenis sistem software yang dapat dipakai untuk meng - generate Dynamic Web System dan Situs Dynamic, beberapa diantaranya adalah ColdFusion ( CFM ),Active Server Pages ( ASP ), Java Server Pages ( JSP ) dan PHP, bahasa program yang mampu untuk meng – generate Dynamic Web System dan Situs Dinamis. Situs termasuk didalamnya berisi informasi yang diambil dari satu atau lebih database atau bisa juga menggunakan teknologi berbasis XML, contohnya adalah RSS. Isi situs yang statis secara periodik di generate, atau apabila ada keadaan dimana situs tersebut membutuhkan untuk dikembalikan kepada keadaan semula, maka situs itu akan di generate, hal ini untuk menghindari kinerjanya supaya tetap terjaga. Plugin tersedia untuk menambah banyaknya feature dan kemampuan dari web browser, dimana, plugin ini dipakai untuk membuka content yang biasanya berupa cuplikan dari gambar bergerak ( active content ) contohnya adalah Flash, Shockwave atau applets yang ditulis dalam bahasa JAVA. Dynamic HTML juga menyediakan untuk user supaya dia bisa secara interaktif dan realtime, meng - update di web page tersebut ( catatan : halaman yang dirubah, tak perlu di load atau di reloaded agar perubahannya dapat dilihat ), biasanya perubahan yang dilakukan mereka memakai DOM dan Javascript yang sudah tersedia pada semua Web Browser sekarang ini.
Seperti yang tertulis di atas, di luar sana ada beberapa perbedaan dalam penulisan dari terminologi website. Walaupun “ Website “ sudah secara umum dipakai, namun untuk Associated Press Stylebook, Reuters, Microsoft, Academia, dan kamus - kamus yang ada, penulisan yang mereka pakai adalah dengan menggunakan 2 kata, yaitu Web Site. Hal ini karena “ Web “ bukanlah terminologi umum, namun kependekan dari World Wide Web.
Web 1.0
Web 1.0 secara umum dikembangkan untuk pengaksesan informasi dan memiliki sifat yang sedikit interaktif Sifat web 1.0 adalah read
Web 2.0
Web 2.0 adalah revolusi bisnis di industri komputer yang disebabkan oleh penggunaan internet sebagai platform, dan merupakan suatu percobaan untuk memahami berbagai aturan untuk mencapai keberhasilan pada platform baru tersebut. Salah satu aturan terutama adalah: Membangun aplikasi yang mengeksploitasi efek jaringan untuk mendapatkan lebih banyak lagi pengguna aplikasi tersebut. Sifat dari web 2.0 adalah read write
karakter web 2.0
Web sebagai platform Data sebagai pengendali utama Efek jaringan diciptakan oleh arsitektur partisipasi Inovasi dalam perakitan sistem serta situs disusun dengan menyatukan fitur dari pengembang yang terdistribusi dan independen (semacam model pengembangan “open source”) Model bisnis yang ringan, yang dikembangkan dengan gabungan isi dan layanan Akhir dari siklus peluncuran (release cycle) perangkat lunak. Mudah untuk digunakan dan diadopsi oleh user Teknologi yang dipakai adalah AJAX.
teknik yang digunakan
Cascade style to digunakan untuk bahan isi dan presentasi Falksonomi ( metode penandaan content dimana dengan konsep ini dimunculkan kata - kata yang berkaitan dengan content tersebut ). XML Teknik Aplikasi Internet HTML dan XHTML ( eXtensible HyperText Markup Language ). Weblog - publishing tools Wiki atau forum software, dll.
Web 3.0
Konsep ini dapat diandaikan sebuah website sebagai sebuah intelektualitas buatan ( Artificial Intelegence ). Aplikasi online dalam website dapat saling berinteraksi. Kemampuan interaksi ini dimulai dengan adanya web service.
SOAP
Simple Object Access Protocol) adalah standar untuk bertukar pesan-pesan berbasis XML melalui jaringan komputer atau sebuah jalan untuk program yang berjalan pada suatu sistem operasi (OS) untuk berkomunikasi dengan program pada OS yang sama maupun berbeda dengan menggunakan HTTP dan XML sebagai mekanisme untuk pertukaran data.
REST
Representational State Transfer atau transfer keadaan representasi, adalah suatu gaya arsitektur perangkat lunak untuk untuk pendistibusian sistem hipermedia seperti WWW.
WSDL
Format XML yang diterbitkan untuk menerangkan webservice. WSDL mendefinisikan : pesan - pesan ( baik yang abstrak dan kongkrit ) yang dikirim menuju web service, koleksi - koleksi digital dari pesan - pesan ( port type, antarmuka ), bagaimana port type yang ditentukan dijadikan wire protocol di mana service ditempatkan.
WDDX
Web Distributed Data eXchange. Mekanisme pertukaran data dari lingkungan yang berbeda.
Selain menyediakan halaman - halaman statis, sudah sangat banyak situs web yang menyediakan mekanisme bagi pengunjungya untuk dapat berinteraksi dengan situs tersebut. Interaksi tersebut dimungkinkan dengan cara menambahkan kode - kode pemrograman pada web situs web. Halaman - halaman web yang telah ditambahkan kode program ( PHP, ASP, JSP, Perl, dsb ) biasa dikenal dengan nama web application ( aplikasi web ). Saat ini terdapat berbagai macam aplikasi web, diantaranya adalah webmail, online shopping, blog, search engine ( mesin pencarian ), SFA ( Sales Force Automation ), ERP ( Enterprise Resource Planning ),online auction ( lelang online ), dan CRM ( Customer Relationship Management ). Tentunya masih banyak jenis aplikasi web lainnya yang belum kita sebutkan. Aplikasi - aplikasi web tersebut dapat diakses lewat internet maupun intranet ( misal intranet perusahaan ). Sebelum kita melanjutkan, ada baiknya kita samakan terlebih dahulu pemahaman kita mengenai definisi dari aplikasi web dan aplikasi desktop.
Aplikasi web adalah aplikasi yang dapat diakses dengan menggunakan web browser lewat jaringan baik internet ataupun intranet (misal intranet perusahaan). Contoh aplikasi web yang banyak digunakan misalnya Yahoo Mail, GMail, Google search engine, Friendster, YouTube, Facebook, Flickr, WordPress, dan lain sebagainya. Di sisi lain, yang dimaksud dengan aplikasi desktop adalah aplikasi yang dapat digunakan tanpa harus menggunakan web browser. Contoh aplikasi desktop yang biasa kita gunakan diantaranya adalah Microsoft Office, Open Office, Adobe Photoshop, dan Outlook Express.
Selama ini mungkin kita mendengar istilah aplikasi web maka yang terlintas di benak kita adalah aplikasi yang tersusun dari halaman - halaman web. Untuk berpindah antar halaman tersebut biasanya memakan waktu yang cukup lama ( tergantung koneksi jaringan ). Saat ini telah terjadi tren baru dalam aplikasi web. Tren tersebut akan mengubah persepsi kita tentang aplikasi web. Cobalah kita kunjungi beberapa situs web berikut ini : Netvibes, Pageflakes, Google Spreadsheet, Zoho, gOFFICE, danZimbra. Berbeda dengan aplikasi web yang biasa kita jumpai, aplikasi - aplikasi web tersebut tidak tersusun atas halaman - halaman web melainkan tersusun atas window - window layaknya aplikasi desktop. Sebagian orang menyebut aplikasi - aplikasi tersebut sebagai Webtop ( penggunaan istilah ini memang masih banyak diperdebatkan ).
Sekarang, secara perlahan aplikasi web mulai mampu meniru look – and - feel dari aplikasi desktop. Aplikasi - aplikasi yang tadinya hanya tersedia pada versi desktop kini sudah mulai memiliki pesaing yang berupa aplikasi web. Kita tentunya kenal dengan Microsoft Excel. Sekarang Google telah memiliki software spreadsheet sejenis namun kali ini hadir dalam bentuk web. Untuk dapat menggunakan spreadsheet berbasis web tersebut yang kita perlukan hanyalah sebuah web browser ( Internet Explorer, Firefox, Opera, ataupun browser lainnya ). Kita tak perlu lagi meng - install aplikasi spreadsheet tersebut terlebih dahulu hanya untuk menjalankannya. Cukup dengan mengarahkan browser kita ke http://spreadsheet.google.com maka seketika itu pula aplikasi spreadsheet tersebut dapat digunakan. Sangat mudah bukan ?
Website - website tersebut membuktikan bahwa saat ini aplikasi web sudah tidak memiliki batas lagi. Kita sudah dapat membuat berbagai aplikasi berat yang dahulu menjadi dominasi aplikasi desktop. Tidak menutup kemungkinan di masa akan datang akan tersedia versi web dari aplikasi - aplikasi seperti Adobe Photoshop ataupun Autocad ( tentunya tidak dalam waktu dekat ). Walaupun demikian, sayangnya untuk dapat membangun aplikasi web yang menyerupai aplikasi desktop bukanlah perkara sederhana. Dibutuhkan usaha yang sangat keras karena developer memiliki tugas ganda. Selain harus membuat kode aplikasi yang akan dibangun ( misalnya logika akuntansi ), developer juga harus membuat kode - kode untuk meniru tampilan desktop. Sebagian developer melihat permasalahan tersebut dan menyediakan solusinya. Mereka menyediakan berbagai framework dan library yang dapat digunakan untuk membangun aplikasi webtop. Solusi tersebut terbukti dapat mempercepat pembangunan aplikasi.
Kini sebagian developer bahkan melakukan terobosan lebih jauh lagi. Mereka menyediakan solusi yang dinamakan WebOS. Secara teknis, WebOS adalah sebuahdesktop environment yang berjalan di atas web. WebOS dapat diartikan sebagai “ Sistem Operasi ” yang berjalan di atas web browser. Tentunya, WebOS bukanlah sebuah sistem operasi yang sebenarnya. WebOS hanyalah meniru tampilan, look – and - feel, dan beberapa fitur yang biasanya ditemukan pada sebuah sistem operasi. WebOS terbukti dapat membuat pembangunan aplikasi web menjadi jauh lebih cepat.
Definisi Html dan Penulisan Html
Bagi seorang pemula pasti masih belum tahu apa sih definisi Html itu? Lalu Penulisan html itu seperti apa sih? Rupanya Sama seperti saya ketika ingin sekali belajar Html. Tidak susah kok guys! Tinggal search aja di Goolge. Hari ini saya akan menjelaskan tentang apa yang ada difikiran kalian tentang Html. Definisi Html adalah kepanjangan dari Hyper Text Markup Language yaitu sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser internet. Pada dasarnya Penulisan Html adalah sebuah bahasa pengkodean yang mana di awali dan diakhiri dengan kode – kode tertentu yang mana menunjukan dan bagaimana hasil keluarnya saat di jalankan pada web browser Firefox, Chrome dan lainnya. Sebuah kode-kode tag yang di aplikasikan akan menampilkan pada browser yang menghasilkan sebuah tampilan sesuai dengan yang diinginkan. Yang paling terpenting pada awal pembeljaran kita harus tau pengaturan perataan teks html. Dalam kode Html terdapat unsur-unsur keindahan dalam tampilannya. Berikut ini adalah contoh penulisan Html. Yang berada di dalam Notepad++
Contoh Sederhanan penulisan Html seperti ini :
!DOCTYPE html><html><head><!–belajar Membuat Backround Oleh HONO JOE–><title>Blogging is easy and fun,Up to now, like so much bloging </title></head><body background=”file:///C:\Users\Administrator\Pictures\2-660×330.jpg” leftmargin=”20″ topmargin=”20″test=”#333333″>This is an example of backround grey color, margin top and left 20px frompage browser<br />This sentence will appear on the next line<br />whereas this sentence willappear on the next line<br />Giving a free space several times, continuously, and regularly &npsp; would give a space among the words/ </body></html>
Untuk melihat hasilnya klik Prievew dibawah ini :
Definisi Html juga dapat digunakan sebagai link atau rujukan antara file ke file lainnya dalam sebuah situs atau menghubungkan situs dalam dunia internet. Awalnya Html adalah sebuah bahasa yang di pakai di dunia penerbitan yang disebut dengan Strandard Generlized Makup Language (SGML). Namun Sekarang ini dijadikan merupakan standar Internet yang digunakan secara luas untuk menampilkan halaman web dan Html. Sehinggnaya, saat ini masih di kendalikan oleh World Wide Web Consortium (W3C). Versi terakhir dari Html adalah Html 4.01. Namun berkembang kembali menjadi XHTML. Mungkin seringkali kita menemukan sintak Html yang tidak beraturan tidak rapih dalam penulisannya. Sehingga dengan adanya versi XHTML ini semua sintak distandarisasikan sehingga kode-kode Html yang ditulis lebih berstruktur.
Sejarah HTML
Sejarah Html begitu panjang, pertama kali di kembangkan oleh Tim-Beners Mee (IBM) di CERN sebagai Document type Defintion dari Standard Generalized Markup Language. Pada saat itu terfikirkan bagaimana meletakan elemen-elemen yang menandai bagian pada sebuah judul, alamat berserta isi dokumen. Sehingga pada tahun 1980 terciptalah suatu program untuk melakukan pemformatan secara otomatis. Berikut ini adalah versi-versi HTML yang berkembang hingga sekarang ini :
HTML Tahun 1989
Pada perkembangan versi ini hanya memiliki fitur-fitur dasar pembuatan dokumen. Contohnya penulisan Judul, list, hypertext dan pemisahan paragraf. Namun dalam pembuatan user nama, alamat belum bisa diaplikasikan.
HTML Versi 1.0 Tahun 1991
Kemampuan Versi ini telah mendukung penggunaan gambar. Selain itu Kemampuan yang dimiliki versi 1.0 adalah heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks.
HTML versi 2.0 Tahun 1994 – W3C, November 1995)
Versi ini penambahan kualitas HTML yaitu memperkenalkan elemen-elemen pembentuk (form) yang digunakan untuk meminta masukan dari user. Sehingganya dapat menampilkan suatu form pada dokumen. Dengan adanya form ini, maka dapat memasukkan nama, alamat, serta saran.Sehingganya pada tahun 1994 ini ditetapkan pula sebagai standarisasi tag.
HTML versi 3.0 Tahun 1995
Versi ini menambahkan beberapa fasilitas seperti cara penggunaan table. Selain itu juga terdapat penambahan notasi matematika. Namun sayangnya tidak bertahan lama dan segera digantikan versi lainnya. Karena tidak pernah ditetapkan sebagai standar.
HTML versi 3.2 1996 – W3C, Januari 1997
Versi ini menambahkan fitur-fitur seperti warna, image,text,tabel,meta,frame, image map.
HTML versi 4.0 1997 – W3C,Desember 1997
Versi ini menambahkan pengguna pada style sheet. Berfungsi sebagai pengatur tampilan elemen-elemnt dalam HTML. Sehingganya tersu berkembang pada HTML Versi 4.1.
HTML versi 1.0 W3C,Tahun 2000
Versi ini menambahkan pengembangan yang ada di HTML versi 4.0 yang mana mengikuti standard XHTML. Pada versi ini kode – kode HTML yang ditulis lebih berstruktur.
HTML versi 1.1 W3C,Mei 2001
Versi ini menambahkan pada perubahan minir dari versi sebelumnya.
HTML versi 2.0 W3C 2007 – Sekarang
Versi ini masih dalam tahap pengembangan. Fitur yang sudah dikembangkan meliputi Pemutaran Media video dan audio. Kanvas untuk menggambar, adanya elemen-elemen konten yang lebih spesifik meliputi header, footer, section, nav, pembuatan jam, tanggal, email, kalender dan Url. Versi HTML yang masih banyak digunakan saat ini adalah XHTML 1.0 Transitional. Namun sekarang para pengguna sudah mulai menggunakan HTML 5 dan yang sedang popular untuk saat ini karena HTML 5 sudah Support untuk berbagai maca fitur dari yang mengguanakn CSS3, 2D, 3D audio Graphic, dan lain-lain. Contoh penulisan
HTML 5 Ini sayang simple sekali. Hanya dengan cara :< ! DOCTYPE html>Berbeda dengan HTML Versi sebelumnya yakni:< ! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
Aturan Penulisan HTML
Untuk menjadi yang terbaik kita tentunya harus memahami dan mengikuti aturan yang telah ditetapkan. Sama halnya jika kita ingin menjadi King HTML kita harus memahami dan mengikuti rule aturan penulisan HTML. Lalu apa saja sich? Berikut ini hal yang wajib diperhatikan dalam penulisan kode HTML :
- Elemen HTML harus bersarang.
Contoh :
- Elemen HTML harus selalu tertutup.
Contoh :
- Elemen HTML harus menggunakan huruf kecil.
Contoh :
4. Elemen HTML harus memiliki satu elemen root.
Contoh :
Struktur dan Penulisan HTML
Struktur HTML adalah suatu susunan Html yang terdiri dari teks – teks, mengandung suatu gambar, suara maupun video. Pada dasarnya file Html merupakan file teks yang biasa dibuat dengan teks editor seperti notepad yand ada pada masing masing windows atau linux. Jadi untuk teman – teman yang ingin belajar cara penulisan struktur Html Wajib mempunyai Program Notepad. Sudahkan anda punya? Okay sebelum membaca dan mempraktikannya silahkan download Notepad ++ FREE ini :
Berikut ini adalah struktur dan penjelasan Html :
Doctype = <!DOCTYPE>
Untuk memulai sebuah penulisan code html terlebih dahulu letakan kode <!DOCTYPE> pada awal penulisannya. Hal ini berfungsi untuk menentukan DTD dari XHTML yang akan digunakan. Contohnya :
<!DOCTYPE html><html><head>
Head = <head>…..</head>
Pada Head ini sebuah dokumen Html di buka dan ditutup oleh tag <head>…..</head>. Elemen didalam head ini biasanya berisi tag Title yang mana akan menampilkan sebuah judul dari halaman pada title browser. Elemen ini berisikan dokumen, browser. Namun tidak menampilkan informasi yang ada pada sebuah user (pengguna). Tag title disini sangatlah penting karena dapat membantu dalam pencarian searching suatu judul yang akan kita cari di browser. Selain itu, header memuat tag Meta (Meta desctiption) yang mana berisikan tentang informasi short explanation mengenai content pada Html. Sehingganya kita bisa menentukan sebuah keyword (kata kunci), author name pada tag Meta. Berikut ini contoh dari penulisan Head =
<!DOCTYPE html><html><head><!- – Belajar mengenal Html- -><title>Belajar Html oleh Hono Joe</title></head><body</html>TIPS : “ Dalam Penulisan sebaiknya menyertakan tag <title> dengan mengisi judulnya </title> didalam <head>”
Body = <body>…..<body>
Elemen ini berisikan semua informasi yang akan ditampilkan pada halaman browser. Bagian Body dinyatakan dengan <body> ISI CONTENT<body> yang mana merupakan isi dari dokumen Html berisi informasi yang akan ditampilkan pada browser. Berikut ini contoh dari penulisan body =
<!DOCTYPE html><html><head>…………….<head><body><p>Learning Education and Technology Information is fun. <Strong>This is bold</strong></p><body></html>
Tag
Tag digunakan untuk tanda yang mana dalam Html tidak membedakan penggunaan huruf besar atau kecil dalam penggunaannya. Penulisan sebuag tag diawali dengan karakter lebih kecil (<) yand di ikuti dengan nama tag dan diakhiri dengan karakter lebih besar (>). Dalam hal ini tag awal akan dinyatakan dalam bentuk <nama tag>/ Kemudian di akhiri dalam bentuk </nama tag>. Pada dasarnya Tag di bagi 2 macam yaitu single tag dan pair tag. Berikut ini penjelasannya:
Single Tag
Single Tag adalah tag yang tidak memerlukan penutup- diakhiri dengan tanda /> pada tag tersebut, biasanya digunakan untuk menyatakan suatu elemen. Penulisan single tag adalah <tag />. Diantara kode tag dan tanda “/” harus diberi sebuah spasi kosong.
Contoh :
<hr />, <br />, <img />, <frame />, <input />, <option />, dan lain-lain.
Berikut ini adalah contoh penulisan single tag :
<center><p>Copyrighted ©2014 Hono Joe. All Righted Reserved.</P><br> />
Pair Tag
Pari tag adalah tag berpasangan yang mana tag ini sebagai pembuka dan penutup. Beberapa contoh pair tag meliputi
body>…</body>, <p>….</p>, <table>….</table>, dan semua tag selain single tag dan DTD.
Berikut ini adalah contoh penulisan pair tag :
Atribut
Pada tag awal dapat memiliki beberapa buah atribut yang menjelaskan karakteristik dari tag tersebut. Contohnya: <P Align=”Center”> maksudnya adalah untuk membuat rata tengah pada sebuah paragraf. Yanga mana digunakan adalah <p> dan Atributnya adalah Center dengan hasil rata tengah pada sebuah paragraf. Dalam hal ini, nilai atribut hanya bisa berupa Center, Left, Rigt dan Justify.
Belajar HTML
Sudahkah kalian memahami penjelasan di atas? Sudahkan kalian mendownload notepad++? Kalau sudah semua saya akan memberikan latihan sehingganya akan lebih efektif. Belajar Html tidaklah susah, 1 minggu saja pasti bisa faham dengan kunci sering melakukan latihan dan menulis artikel pada blog anda.
Berikut ini adalah contoh cara membuat Html dengan menggunakan program notepad. Langkah pertama adalah fikirkan seseorang yang mana dia adalah sosok yang bisa memotivasi anda. Selanjutnya ungkapkan tulisan kata-kata itu didalam program notepad anda. Karena mungkin ini akan lebih bisa memotivasi anda dalam meluangkan sebuah gagasan. Seperti contoh dibahawah ini :
<!DOCTYPE html><html><head><!–Education–><title>My Teacher Inspiration</title><head><body><p>“One is never too old to learn “Inilah sebuah ungkapan pribahasa yang selalu mengingatkanku kepada sosok seorang guru seni rupa di SMP Negeri 1 Seputih Banyak. Sekitar 13 tahun yang lalu aku pernah menimba ilmu di SMP ini. Di senja sore itupun aku melihat seorang guru yang sedang menggoreskan tinta pada sebuah kain putih. Dengan senyuman dan canda beliau menceritakan kisahnya.</p><br /><p> Beliau adalah Taufiqurahman, seorang guru seni rupa SMP Negeri 1 Seputih Banyak, yang lahir pada 1 Juni 1956. Dalam usianya yang tak muda beliaupun masih terus menggoreskan kuas pada sebuah kain putih, mengekspresikan sesuatu dalam bentuk lukisan. Dengan penuh harapan anak – anak SMP Negeri 1 Seputih Banyak dapat mencintai dan menjaga kesenian itu sendiri. Karena berawal dari sebuah goresan akan memberikan sebuah makna yang berarti untuk diri anak didik nantinya. Karena mereka dapat mengekspresikan intuisi – nya dalam sebuah lukisan yang bertema.</p><br /><p> Semoga akan terus terkenang jasa Beliau. From your student HONO JOE </p><br />
Kalau sudah save file ini dimana saja dengan nama “ My Inspiration Teacher” Setelah itu pilihlah Save as typena dengan nama”Hyper Text Markup Language” (Html)”. Kalau sudah anda save untuk priview hasil tadi klik menu “run” pada Notepad dan kemudian pilih “Lunch In Firefox”. Untuk melihat hasilnya sama atau tidak silahkan klik Prievew dibawah ini :
Berikut ini adalah Contoh membuat List. Selanjutnya Ketik html ini dalam notepad anda :
<! DOCTYPE html><html><head><!–HTML exercise part 4–><title>Defintion List</title></head><body><h2>Daftar Istilah</h2><dl><dt>HTML</dt><dd>HyperText Markup Language</dd><dt>CSS</dt><dd>Cascading Style Sheet</dd></dl>
A. Pengertian CSS
CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”. Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan. Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet. Saat menggunakan CSS, Anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.
CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”. Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan. Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet. Saat menggunakan CSS, Anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.
CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID.
CSS dibuat untuk memisahkan konten utamadengan tampilan dokumen yang meliputi layout, warna da font. Pemisahan ini dapat meningkatkann daya akses konten pada web, menyediakan lebih banyak fleksibilitas dan kontrol dalam spesifikasi darisebuah karakteristik dari sebuah tampilan, memungkinkan untuk membagi halaman untuk sebuah formatting dan mengurangi kerumitan dalam penulisan kode dan struktur dari konten, contohnya teknik tableless pada desain web.
CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda pula, seperti on-screen, in-print, by voice, dan lain-lain. Sementaraitu, pemilik konten web bisa menentukan link yang menghubungkan konten dengan file CSS.
Tujuan utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan dokumen, dengan itu, pembuatan ataupun pemrograman ulang web akan lebih mudah dilakukan. Hal yang termasuk dalam desain web diantaranya adalah warna, ukura dan formatting. Dengan adanya CSS, konten dan desain web akan mudah dibedakan, jadi memungkinkan untuk melakukan pengulangan pada tampilan-tampilan tertentu dalam suatu web, sehingga akan memudahkan dalam membuat halaman web yang banyak, yang pada akhirnya dapat memangkas waktu pembuatan web.
http://jambispirit.com/berita-15.html
fungsi css
fungsi utama css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website). dan isi dari halaman website adalah tag-tag html, logikanya css itu dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik.
cara kerja css
cara kerja css itu sangatlah mudah, kita hanya perlu menulis stylenya(selector id dan class tersesuaikan) maka secara otomatis akan bekerja pada document html.
http://www.indaam.com/2010/04/pemahaman-dasar-dasar-css-dan-cara-kerja/
http://www.indaam.com/2010/04/pemahaman-dasar-dasar-css-dan-cara-kerja/
Menurut wikipedia, JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.
Javascript adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis. Javascript adalah jenis bahasa pemrograman client side. Penggunaan kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu ada. Namun, website-website maupun blog modern saat ini hampir semuanya menggunakan kode javascript walaupun sedikit. Hal ini karena tanpa javascript, sebuah website bagaikan sayur tanpa garam :D.
Manfaat, Fungsi & Peran JavaScript
Seperti yang disebutkan diatas, javascript berfungsi membuat sebuah halaman website lebih interaktif dan dinamis. Penggunaan kode javascript sangat dibutuhkan untuk website-website yang berorientasi pada kenyamanan pengakses (user-experience). Namun, penggunaan kode javascript ini tidak akan maksimal jika tidak dibarengi dengan penggunaan css karena javascript juga tidak akan lepas dari html.
Ketiga bahasa pemrograman itu sangat erat kaitannya. Jika saya ibaratkan sebuah website adalah rumah, maka kode html adalah segala yang membangun dan ada dirumah tersebut (tembok, tiang, atap, pondasi, ruang keluarga, kamar, dapur, peralatan rumah tangga, dan sebagainya). Lalu, kode css adalah pengatur dan penghias rumah tersebut(tata letak, warna dan sebagainya). Dan peran javascript bisa sebagai ‘pembantu’ kode css agar pengaturan dan hiasannya lebih bagus dengan tambahan pernak-pernik misalnya. Bisa juga untuk memanipulasi kode html dengan nama/identitas tertentu. Manipulasi ini bisa berupa menyembunyikan, menganti bahkan menambahkan elemen html yang baru.
Tanpa javascript, saat melakukan aksi tertentu, misalnya meng-klik pada sebuah halaman website, maka hasil atau respon dari hasil klik tersebut harus dimuat pada halaman lain. Hal ini tentunya sangat merepotkan karena tidak setiap aksi klik menghasilkan hasil/output yang besar/banyak. Terkadang hasil sebuah aksi hanyalah sebuah kalimat “Anda berhasil memasukkan data”, misalnya.
Contoh Penggunaan Javascript
Jika kata-kata dan penjelasan diatas belum membuat anda mengerti juga, maka seharusnya praktek penggunaannya bisa membuat mengerti. Jika tidak juga, maka anda memang … (isi sendiri :D).
Oke, berikut ini adalah contoh penggunaan kode javascript yaitu dengan membuat “alert”.
<script type="text/javascript">
function simsalabim() {
alert("Simsalabim, blah blah blah");
}
</script>
<button onclick="simsalabim()">Klik Untuk Melihat Demo</button>
Karena penggunaan javascript diatas masih sederhana, anda juga bisa menuliskan fungsi diatas seperti dibawah ini :
<button onclick="alert("Simsalabim, blah blah blah");">Klik Untuk Melihat Demo</button>
Namun, penulisan javascript diatas hanya untuk fungsi yang sederhana saja.
Komentar
Posting Komentar