ARTIKEL TEKNLOGI WEB
ARTIKEL TEKNOLOGI WEB
Pada artikel ini saya akan menjelaskan tentang perkembangan teknologi, yaitu Web. mungkin sebagian dari kita masih belum tau apa itu Web atau Website. dan disini saya akan Sharing tentang Web. yang terdiri dari 3 jenis yaitu: Web statis, Web dinamis, dan Web Interaksi. berikut ini adalah penjelasan dari web tersebut
Web Statis
Web Statis merupakan situs web yang isinya tidak diperbaharui secara berkala. Situs web model ini biasanya dimiliki oleh perusahaan – perusahaan yang hanya menggunakan situs web sebagai media informasi perusahaan saja (seperti situs milik perusahaan penerbangan, situs milik perusahaan perkebunan, dan situs – situs lainnya).
Web Dinamis
Berbeda dengan situs web statis yang isinya tidak diperbaharui secara berkala, isi situs web dinamis biasanya selalu up date dan diperbaharui secara berkala (atau bahkan terjadwal) oleh pengelola atau pun pemilik situs web. Model situs web ini biasanya banyak digunakan oleh perusahaan atau pun perorangan yang memang mengandalkan seluruh aktivitas bisnis mereka dari dunia internet. Beberapa contoh situs ini adalah situs portal berita, blog, dan situs – situs lainnya.
Web Interaktif
Situs web interaktif pada dasarnya hampir sama dengan situs web dinamis. Bedanya, jika situs web dinamis isinya diupdate atau pun diperbaharui oleh pengelola, situs web interaktif biasanya diperbarui oleh pengguna situs web tersebut. Beberapa contoh situs web interaktif yaitu situs atau pun media jejaring sosial, situs portal blogging, dan situs – situs lainnya.
Berikut ini adalah software untuk membuat website:
1. Web Builder Visual (Wysiwyg editor)
Software yang satu ini bisa dimanfaatkan untuk menyunting website secara visual. Aplikasi dengan basis Wysiwyg editor ini Anda dapat merancang website dengan praktis dan mudah. Sehingga tidak memerlukan pengetahuan mendasar tentang pemrograman sebuah website.
Dengan memanfaatkan Web Builder Visual ini, Anda bisa menciptakan sebuah website yang sangat profesional dengan mudah hanya dalam beberapa waktu saja. Jadi, bagi pemula yang belum mengetahui banyak tentang pemrograman website bisa mencoba memanfaatkan Web Builder Visual ini.
2. Dreamweaver
Software untuk pembuatan website lainnya adalah dreamweaver. Software ini bisa Anda manfaatkan untuk pembuatan website, baik website yang sederhana hingga website profesional. Untuk memanfaatkan software ini kita bisa mencoba salah satu dari jenis dreamweaver, yakni macromedia dan adobe.
3. Notepad
Bagi pemula memang sangat cocok untuk memanfaatkan aplikasi notepad ini untuk merancang dan membuat sebuah website. Notepad sendiri adalah aplikasi editor teks yang biasanya digunakan untuk CSS, PHP, HTML dan lain sebagainya. Selain itu, memanfaatkan aplikasi pembuat website ini tergolong lebih ringan dibandingkan aplikasi lainnya.
4. CoffeeCup HTML Editor
Aplikasi pembuat website secara gratis lainnya adalah CoffeeCup HTML Editor. Namun untuk versi gratisnya sendiri tidak memiliki beberapa fitur, seperti Image Mapper, Visual Editor, Website Color Schemer dan CSS Menu Designer. Akan tetapi, Anda dapat membuat tampilan sebuah blog yang menarik dengan memanfaatkan aplikasi CoffeeCup HTML Editor ini.
5. WordPress
Software lainnya yang bisa Anda manfaatkan untuk membuat sebuah website adalah WordPress. Seperti kita ketahui, wordpress memiliki 2 jenis yaitu wordpress instan dan wordpress install / CMS. WordPress instan bisa kita manfaatkan untuk membuat blog langsung dari situs wordpressnya itu sendiri dengan cara mendaftarkan akun Anda di sana.
Sedangkan wordpress install sendiri bisa dimanfaatkan untuk membuat sebuah website dengan cara mengunduh aplikasinya terlebih dahulu lalu menginstalnya dan mulai merancang website.
6. PageBreeze
Software ini adalah software editor HTML yang menekankan kesederhanaan dalam pembuatannya. Kesederhanaan disini berarti aplikasi ini lumayan agak mudah untuk dijalannkan. Software ini gratis dengan ukuran file 8 Mb. Keunggulan software membuat website ini adalah support untuk jenis HTML baru. Terdapat pemilahan antara berbagai tag dalam kode html. Terhubung otomatis dengan ratusan template gratis yang dapat digunakan. Untuk menggunakannya hanya dengan sistem operasi windows 32 maupun 64-bit.
7. Bluefish Editor
Bluefish hadir sebagai alat yang kuat untuk digunakan oleh programer dan webdevelovers. Selain sebagai alat tulis untuk mendesign website. BlueFish juga dapat berguna sebagai tempat penulisna bahasa pemograman yang lain. Oleh karena itu BlueFish mendukung berbagai bahasa pemograman dan bahasa makrup. Software ini dapat berjalan diberbagai sistem operasi, seperti Linux, Windows, MAC OS, FreeBSD, Solaris dan OpenBSD.
8. KompoZer
KompoZer adalah sebuah aplikasi untuk membuat dan mendesign web dengan mengkombinasikan menajemen file dan memenuhi kriteria WYSIWYG untuk mengedit halaman web. Untuk menggunakannya tidak perlu mengetahui banyak tentang HTML dan web coding. Cukup menggembirakan karena kebanyakan orang ingin membuat web tapi tidak banyak mengetahui HTML secara banyak. Ringkasan tentang fitur yaitu terdapat FTP situs manager, Tab, CSS editor, tollbar, markup cleaner, resize tabel dan lain-lain.
9. XAMPP
XAMPP merupakan software pembuat website dengan sepaket fitur didalamnya, seperti file zilla, mysql dan apache. Anda bisa mencoba mengaplikasikan software ini, karena mudah untuk dioperasikan ketika membuat sebuah website. XAMPP juga sudah mendukung bahasa pemrograman berupa PHP yang bisa dimanfaatkan sebagai pembuat website dinamis. Software XAMPP biasanya dikenal dengan istilah lokal-host.
Adapun sistem operasi yang mendukung aplikasi ini adalah Linux dan Windows. Pada sistem operasi Windows sendiri Anda bisa menginstalnya memakai interface grafis sedangkan untuk Linux sendiri harus memakai Command Line.
Dan Dalam pembuatan sebuah website, bisa menggunakan beberapa bahasa pemrograman sebagai dasar dalam pembuatan web dan desain web. Berikut merupakan bahasa pemrograman yang bisa digunakan dalam pembuatan web, antara lain :
1. HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web 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).
Contoh Coding :
<html>
<head>
<title> Website bagus Punya</title>
</head>
<body>
Selamat datang di Web yang super keren!!!
</body>
</html>
2. PHP
PHP adalah singkatan dari PHP: Hypertext Prepocessor, yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML. PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP adalah singkatan dari "Personal Home Page Tools". Selanjutnya diganti menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". PHP versi terbaru adalah versi ke-5. Berdasarkan survey Netcraft pada bulan Desember 1999, lebih dari sejuta site menggunakan PHP, di antaranya adalah NASA, Mitsubishi, dan RedHat.
Contoh coding :
<html>
<head>
<title> Website bagus Punya</title>
<body>
<?php
echo “Selamat datang di Web yang super keren!!!”;
?>
</body>
</html>
3. CSS (Cascading Style Sheet)
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat ,mengukur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin atas, kiri, kanan, bawah, dan perimeter lainnya.
Contoh coding:
<style>
#header {
height: 155px;
width:auto;
background:#66F url(Adidas.jpg) no-repeat;
position: relative;
color: white;
font-family:"Times New Roman", Times, serif ;
border: 0px solid #000;
}
</style>
4. ASP
Active Server Pages (ASP) ialah pengaturan web yang digunakan untuk membina halaman web yang dinamik dan bersifat interaktif. Active server page adalah fasilitas yang diberikan oleh Microsoft untuk memudahkan pembuatan aplikasi-aplikasi Web Server. Hal ini di mungkinkan dengan menggabungkan komponen-komponen Hyper Text Markup Language (HTML) denganVisual Basic Script (VBScript). Sehingga di dalam sebuah halaman Web dengan Active Server Page terdapat bagian HTML dan kode VBScript. ASP diciptakan oleh Microsoft untuk menjawab tantangan pemrograman web dinamis, di mana isi dari sebuah website dapat diprogram untuk mendapatkan hasil yang berbeda. Tidak seperti HTML yang hanya menampilkan isi yang statis, ASP mampu menampilkan isi halaman yang berbeda sesuai dengan tujuan pemrogramannya. ASP telah mencapai versi 3.0 yang berjalan pada platform Windows 2000Professional atau Server. Versi sebelumnya, yaitu versi 2.0, dapat berjalan pada platform lain seperti Linux, Solaris, OS/2, dan Novell.
Contoh coding :
<html>
<body>
<%
Response.write(“My first AASP script!”)
%>
</html>
5. XML
XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet.
Contoh coding :<?xml version="1.0" encoding="UTF-8"?>
<Resep nama="roti" waktu_persiapan="5 menit" waktu_masak="3 jam">
<judul>Roti tawar</judul>
<bahan jumlah="3" satuan="cangkir">tepung</bahan>
<bahan jumlah="0,25" satuan="ons">ragi</bahan>
<bahan jumlah="1,5" satuan="cangkir">air hangat</bahan>
<bahan jumlah="1" satuan="sendok teh">garam</bahan>
<Cara_membuat>
<langkah>Campur semua bahan dan uleni adonan sampai merata.</langkah>
<langkah>Tutup dengan kain lembap dan biarkan selama satu jam di ruangan yang hangat.</langkah>
<langkah>Ulangi lagi, letakkan di loyang dan panggang di oven.</langkah>
<langkah>Keluarkan, hidangkan</langkah>
</Cara_membuat>
</Resep>
6. WML
Wireless Markup Language (WML) adalah bahasa markup yang digunakan untuk mengimplementasikan WAP. Dokumen WML berbasis XML, di mana versi terbarunya adalah versi 1.0. WML harus mempunyai DTD (Document Type Definition), di mana sekarang adalah versi 2.0.
Contoh coding:
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml_1.3.xml">
<wml>
<card id="" title="">
<p align="">
</p>
</card>
</wml>
7. JavaScript
JavaScript adalah bahasa scripting yang handal yang berjalan pada sisi client. JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.
Contoh coding :
<script type="text/javascript">
alert("Halo Dunia!");
</script>
8. jQuery
jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL. Microsoft dan Nokia telah mengumumkan akan mengemas jQuery di platform mereka. Microsoft awalnya mengadopsinya dalam Visual Studio untuk digunakan dalam ASP.NET AJAX dan ASP.NET MVC Framework, sedangkan Nokia akan mengintegrasikannya dalam kerangka Web Run-Time mereka.
Contoh coding :
$(this).hide() – untuk menyembunyikan sebuah elemen tertentu
$("p").hide() - untuk menyembunyikan semua elemen <p>
$(".test").hide() – untuk menyembunyikan semua elemen dengan class=”test”
$("#test").hide() – untuk menyembunyikan elemen dengan id=”test”
Itulah sedikit penjelasan dari Website, semoga informasi dari artikel ini bermanfaat untuk kita semua, Terimakasih.
sumber:
http://imonama.blogspot.co.id
https://handokochun.blogspot.co.id
Dan Dalam pembuatan sebuah website, bisa menggunakan beberapa bahasa pemrograman sebagai dasar dalam pembuatan web dan desain web. Berikut merupakan bahasa pemrograman yang bisa digunakan dalam pembuatan web, antara lain :
1. HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web 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).
Contoh Coding :
<html>
<head>
<title> Website bagus Punya</title>
</head>
<body>
Selamat datang di Web yang super keren!!!
</body>
</html>
2. PHP
PHP adalah singkatan dari PHP: Hypertext Prepocessor, yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML. PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP adalah singkatan dari "Personal Home Page Tools". Selanjutnya diganti menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". PHP versi terbaru adalah versi ke-5. Berdasarkan survey Netcraft pada bulan Desember 1999, lebih dari sejuta site menggunakan PHP, di antaranya adalah NASA, Mitsubishi, dan RedHat.
Contoh coding :
<html>
<head>
<title> Website bagus Punya</title>
<body>
<?php
echo “Selamat datang di Web yang super keren!!!”;
?>
</body>
</html>
3. CSS (Cascading Style Sheet)
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat ,mengukur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin atas, kiri, kanan, bawah, dan perimeter lainnya.
Contoh coding:
<style>
#header {
height: 155px;
width:auto;
background:#66F url(Adidas.jpg) no-repeat;
position: relative;
color: white;
font-family:"Times New Roman", Times, serif ;
border: 0px solid #000;
}
</style>
4. ASP
Active Server Pages (ASP) ialah pengaturan web yang digunakan untuk membina halaman web yang dinamik dan bersifat interaktif. Active server page adalah fasilitas yang diberikan oleh Microsoft untuk memudahkan pembuatan aplikasi-aplikasi Web Server. Hal ini di mungkinkan dengan menggabungkan komponen-komponen Hyper Text Markup Language (HTML) denganVisual Basic Script (VBScript). Sehingga di dalam sebuah halaman Web dengan Active Server Page terdapat bagian HTML dan kode VBScript. ASP diciptakan oleh Microsoft untuk menjawab tantangan pemrograman web dinamis, di mana isi dari sebuah website dapat diprogram untuk mendapatkan hasil yang berbeda. Tidak seperti HTML yang hanya menampilkan isi yang statis, ASP mampu menampilkan isi halaman yang berbeda sesuai dengan tujuan pemrogramannya. ASP telah mencapai versi 3.0 yang berjalan pada platform Windows 2000Professional atau Server. Versi sebelumnya, yaitu versi 2.0, dapat berjalan pada platform lain seperti Linux, Solaris, OS/2, dan Novell.
Contoh coding :
<html>
<body>
<%
Response.write(“My first AASP script!”)
%>
</html>
5. XML
XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet.
Contoh coding :<?xml version="1.0" encoding="UTF-8"?>
<Resep nama="roti" waktu_persiapan="5 menit" waktu_masak="3 jam">
<judul>Roti tawar</judul>
<bahan jumlah="3" satuan="cangkir">tepung</bahan>
<bahan jumlah="0,25" satuan="ons">ragi</bahan>
<bahan jumlah="1,5" satuan="cangkir">air hangat</bahan>
<bahan jumlah="1" satuan="sendok teh">garam</bahan>
<Cara_membuat>
<langkah>Campur semua bahan dan uleni adonan sampai merata.</langkah>
<langkah>Tutup dengan kain lembap dan biarkan selama satu jam di ruangan yang hangat.</langkah>
<langkah>Ulangi lagi, letakkan di loyang dan panggang di oven.</langkah>
<langkah>Keluarkan, hidangkan</langkah>
</Cara_membuat>
</Resep>
6. WML
Wireless Markup Language (WML) adalah bahasa markup yang digunakan untuk mengimplementasikan WAP. Dokumen WML berbasis XML, di mana versi terbarunya adalah versi 1.0. WML harus mempunyai DTD (Document Type Definition), di mana sekarang adalah versi 2.0.
Contoh coding:
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml_1.3.xml">
<wml>
<card id="" title="">
<p align="">
</p>
</card>
</wml>
7. JavaScript
JavaScript adalah bahasa scripting yang handal yang berjalan pada sisi client. JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.
Contoh coding :
<script type="text/javascript">
alert("Halo Dunia!");
</script>
8. jQuery
jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL. Microsoft dan Nokia telah mengumumkan akan mengemas jQuery di platform mereka. Microsoft awalnya mengadopsinya dalam Visual Studio untuk digunakan dalam ASP.NET AJAX dan ASP.NET MVC Framework, sedangkan Nokia akan mengintegrasikannya dalam kerangka Web Run-Time mereka.
Contoh coding :
$(this).hide() – untuk menyembunyikan sebuah elemen tertentu
$("p").hide() - untuk menyembunyikan semua elemen <p>
$(".test").hide() – untuk menyembunyikan semua elemen dengan class=”test”
$("#test").hide() – untuk menyembunyikan elemen dengan id=”test”
Itulah sedikit penjelasan dari Website, semoga informasi dari artikel ini bermanfaat untuk kita semua, Terimakasih.
sumber:
http://imonama.blogspot.co.id
https://handokochun.blogspot.co.id
Komentar
Posting Komentar