Tuesday, March 17, 2015

link html

link html Pengantar Link
Kelebihan utama dari dokumen HTML adalah kemampuanya untuk memberikan link dari satu text dan atau gambar menuju dokumen atau bagian lain dalam satu dokumen.

Broser web akan menyorot(highlight)Text atau gambar yang di identifikasi sebagai link dengan waarna dan tau garis bawah untuk menunjukan bshwa itu adalah hipertext link atau biasa dikenal dengan sebutan link saja.

BENTUK-BENTUK PENULISAN LINK

Dalam HTML penulisan text untuk membuat sebuah link yaitu menggunakan text anchor. Tag anchor disimbolkan dengan <a>
Didalam text tersebut tedapat sebuah atribut,yaitu href.href digunakan untuk mendefinisikan lokasi link.
Bentuk penulisan tag anchor atau untuk membuat sebuah link:
<href= "sumber tujuan">deskripsi teks link</a>
Penjelasan

A :menunjukan bahwa tag tersebut adalah tag anchor yang digunakan untuk membuat link.
Href :merupakan atribut dari tag anchor untuk mendefinisikan lokasi link.
sumber tujuan :sumber tujuan dapat berupa URL yang merupakan almat dari situs web atau menggunsksn nama file notepad,jika ingin dilemparkan atau menuju ke file lainya.
Deskripsi teks :Deskripsi teks yang menjadikan judul dari link.

LINK ABSOLUT

Link absolut merupakan link yang digunakan untuk menghubungkan atau mengkaitkan antara alamat website satu dengan wibsite lainnya.
Bentuk penulisan untuk membuat sebuah link absolut sebagai berikut:

<a href="//www.google.com">pencarian google</a>


Penerapan di dalam sebuah media editor teks seperti dibawah ini:

<html> <head> <title>membuat link</title> </head> <body> <h1>silahkan anda pilih tujuan surfing anda disini:</h1><hr> <a href="//www.google.com">pencarian google</a><br> <a href="http://www.yahoo.com">pencarian yahoo</a><br> <a href="http://www.facebook.com">facebook kan</a><br> <a href="http://www.kompas.com">berita</a><br> </body> </html>
Hasil dari menjalankan kode program tersebut dalam sebuah broser web:
Diposkan oleh di No comments:

Thursday, September 26, 2013

jaringan komputer

jaringan komputer
di sini saya akan membahas tentang jaringan komputer,oke kita mulai. . hehehehe. .
jaringan komputer adalah: sebuah kumpulan komputer, printer dan peralatan lainnya yang terhubung dalam satu kesatuan.
Informasi dan data bergerak melalui kabel-kabel atau tanpa kabel sehingga memungkinkan pengguna jaringan komputer dapat saling bertukar dokumen dan data, mencetak pada printer yang sama dan bersama-sama menggunakan hardware/software yang terhubung dengan jaringan.

Setiap komputer, printer atau periferal yang terhubung dengan jaringan disebut node.Sebuah jaringan komputer dapat memiliki dua, puluhan, ribuan atau bahkan jutaan node.

topologi jaringan komputer..apa sih topologi jaringan itu??

Topologi Jaringan Komputer adalah suatu cara menghubungkan komputer yang satu dengan yang lainya sehingga membentuk sebuah Jaringan, topologi biasa di rancang agar kita tau bagaimana jaringan yang akan dibangun.
topologi jaringan di bedakan menjadi 6 .
1. Topologi Bus
Pengertian topologi bus adalah : suatu cara menghubungkan komputer yang satu dengan komputer lainnya sehingga membentuk jaringan terhubung pada sebuah bus (terminal) berupa kabel.
Topologi ini adalah topologi yang awal digunakan untuk menghubungkan komputer.
Dalam topologi ini masing masing komputer akan terhubung ke satu kabel panjang dengan beberapa terminal, dan pada akhir dari kabel harus diakhiri dengan satu terminator.
Begitulah pengertian secara harfiah tentang topologi bus.
Topologi bus sudah sangat jarang digunakan di dalam membangun jaringan komputer biasa karena memiliki beberapa kekurangan diantaranya kemungkinan terjadinya tabrakan aliran data, jika salah satu perangkat putus atau terjadi kerusakan pada satu bagian komputer maka jaringan langsung tidak akan berfungsi sebelum kerusakan tersebut diatasi.
Topologi ini awalnya menggunakan kable Coaxial sebagai media pengantar data dan informasi.
Tapi pada saat ini topologi ini di dalam membangun jaringan komputer dengan menggunakan kabel serat optik ( fiber optic) akan tetapi digabungkan dengan topologi jaringan yang lain untuk memaksimalkan performanya.
Pada topologi ini semua sentral dihubungkan secara langsung pada medium transmisi dengan konfigurasi yang disebut Bus.
Transmisi sinyal dari suatu sentral tidak dialirkan secara bersamaan dalam dua arah.
Hal ini berbeda sekali dengan yang terjadi pada topologi jaringan bintang (star), sistem tersebut dapat dilakukan komunikasi atau interkoneksi antar sentral secara bersamaan.
Topologi jaringan bus tidak umum digunakan untuk interkoneksi antar sentral, tetapi biasanya digunakan pada sistem jaringan komputer.
Dari pengertian di atas, topologi jenis ini tidak tergantung pada salah satu komputer, artinya semua terkendali di seluruh komputer dengan sistem tersebar (distributted).
Berdasarkan pengertian, topologi bus memiliki kelemahan antara lain:
• Kapasitas terbatas.
• Kesulitan perawatan jika dalam jumlah besar.
• Jarak terbatas, sering terjadi tabrakan pada lalu lintas padat.
Sedangkan kelebihan topologi bus antara lain:
• Kecepatan pengiriman tinggi.
• Kemampuan pengembangan tinggi.
• Jumlah terminal dapat ditambah atau diku-rangi tanpa mengganggu kerja komputer yang sedang berjalan.
contoh gambar topologi jaringan bus:

2. Topologi Bintang
Pengertian Topologi Star
Topologi Star merupakan bentuk topologi jaringan yang berupa konvergensi dari node tengah ke setiap node atau pengguna.
Masing- masing workstation di hubungkan secara langsung ke Server atau Hub/Swich.
Intinya topologi ini mengunakan Hub/Switch untuk menghubungkan dari komputer satu ke komputer yang lain.
Hub/ Switch berfungsi untuk menerima sinyal-sinyal dari kopmputer dan meneruskan ke semua komputer yang terhubung dengan Hub/Swich tersebut.
Topologi jaringan Star termasuk topologi jaringan dengan biaya menengah.
Karakteristik Topologi Star
Berikut beberapa karakteristik yang terdapat pada Topologi Star :
- Setiap Node berkomunikasi secara langsung dengan central node.
Traffic data mengalir dari node ke central node dan kembali lagi.
- Muda di kembangkan karena setiap node hanya memiliki kabel yang langsug terhubung ke central node.
- Jika terjadi kerusakan pada salah satu node maka hanya pada node tersebut yang terganggu tanpa menggangu jaringan lain.
- Dapat di gunakan Kabel Lower karena hanya meng-handle satu trafik node dan biasannya mengunakan kabel UTP.
Kelebihan Topologi Star
Berikut kelebihan-kebebihan yang ada pada Topologi Star :
- Kerusakan pada satu saluran hanya akan memengaruhi jaringan pada saluran tersebut dan station yang terpaut.
- Tingkat keamanan termasuk tinggi.
- Tahan terhadap lalu lintas jaringan yang sibuk.
- Penambahan dan pengurangan station dapat dilakukan dengan mudah.
- Akses Kontrol terpusat.
- Kemudahan deteksi dan isolasi kesalahan/kerusakan pengelolaan jaringan.
- Paling fleksibel.
Kesimpulan : bahwa dengan adanya kabel tersendiri untuk setiap workstation ke server, maka Bandwidth atau lebar jalur komunikasi dalam kabel akan semakin lebar sehingga akan menambah atau meningkatkan kerja jaringan secara keseluruhan.
Dan juga bila terdapat gangguan di suatu jalur kabel maka gangguan hanya terjadi dalam komunikasi antara workstation yang bersangkutan sengan server, dan jaringan secara keseluruhan tidak mengalami gangguan.

Kekurangan Topologi Star
Dimana ada Kelebihan pasti terdapat kekurangannya, berikut apa saja kekurangan dari penggunaan Topologi Star :
- Jika node tengah mengalami kerusakan, maka seluruh rangkaian akan berhenti.
- Boros dalam pemakaian kabel.
-HUB jadi elemen kritis karena kontrol terpusat.
- Peran hub sangat sensitif sehinga ketika terdapat masalah dengan hub maka jaringan tersebut akan down.
- Jaringan tergantung pada terminal pusat.
- Jika menggunakan switch dan lalu lintas data padat dapat menyebabkan jaringan lambat.
- Biaya jaringan lebih mahal dari pada bus atau ring.
Kesimpulan : Kebutuhan kabel yuang lebih banyak dibandingkan dengan Topologi yang lain.
Karena setiap workstation harus memiliki kabel tersendiri untuk terhubung dengan Hub/Switch dan juga membutuhkan penanganan secara khusus.
Contoh gambar Topologi bintang:
Diposkan oleh di No comments:

Saturday, April 20, 2013

marquee

Marquee: merupakan sebuah tag dari HTML yang fungsinya untuk membuat sebuah objek baik berupa teks, gambar, atau apapun objeknya dapat bergerak, baik dari arah kiri, kanan, memantul ke kiri dan kanan secara berulang, membuat objek bergerak naik ke atas, turun ke bawah, memantul naik dan turun, ataupun dapat bergerak zig – zag.
Marquee dalam dokumen HTML disimbolkan dengan tag pembuka <MARQUEE> dan ditutup atau diakhiri dengan </MARQUEE>.
bentuk tulisan tag marquee
Seperti yang telah dikatakan sebelumnya bahwa tag HTML untuk membuat sebuah objek dapat bergerak menggunakan sebuah tag pembuka <MARQUEE> dan diakhiri tag penutup </MARQUEE>. Bentuk penulisan dari tag marquee sebagai berikut ini :
Pada bagaian tag pembuka marquee terdapat sebuah attribut, attribut adalah kemampuan yang dimiliki pada tag tersebut ( marquee ). Attribut – attribut dari tag marquee diantaranya :
Behavior:
Cara atau teknik untuk menjalankan objek pada Marquee. Nilai yang diberikan atau terdapat pada behavior : 1. Scroll, mengulang searah teks 2. Slide, menggulung searah teks 3. Alternate, teks berjalan memantul atau bolak – balik
Direction:
Untuk mengatur arah objek berjalan pada Marquee
Height:
Mengatur tinggi jalur dari tag Marquee, nilai dapat berupa pixel maupun persen
Width:
Mengatur lebar jalur dari tag Marquee, nilai dapat berupa pixel maupun persen
Loop:
Digunakan untuk pengulangan secara terus – menerus. Nilai untuk melakukan perulangan adalah sebanyak n, dimana n merupakan bilangan atau angka yang digunakan untuk membatasi banyaknya perulangan.
Bgcolor:
Memberikan warna sebagai latar belakang dari jalur marquee yang dilalui oleh objek bergerak tersebut.
Style:
Kemampuan tamabahan untuk memformat font, paragraf, border, numbering, dan position.
membuat text berjalan dari kiri
Tag marquee bilamana diterapkan ke dalam sebuah media editor teks, maka secara default akan menghasilkan tampilan objek yang bergerak ke arah kiri atau bisa dibilang objek bergerak dari arah kanan menuju ke kiri. Berikut ini adalah contoh dari penggunaan tag marquee yang disimpan dengan nama file contoh_marquee.htm :
<html> <head> <title> Membuat Teks Berjalan </title> </head> <body> Berikut ini adalah contoh dari teks berjalan <hr> <marquee>bergerak dari kiri ke kanan</marquee> </body> <html>
Setelah selesai disimpan, maka jalankanlah file dari kode program tersebut sehingga hasil tampilan yang diperoleh sebagai berikut:

Diposkan oleh di No comments:

Friday, April 19, 2013

format text pada html

format text format text
cetak tebal/bold
Cetak tebal / bold digunakan untuk menebalkan sebuah teks atau tulisan agar berbeda dengan teks yang lain dalam sebuah dokumen HTML. Tag HTML untuk membuat sebuah teks bercetak tebal yang berasal dari kata bold itu sendiri dan sekaligus sebagai tag pembuka dan diakhiri dengan tag
Bentuk penulisan untuk format text cetak tebal / bold :
<b>---text/tulisan yang akan ditebalkan---</b>
cetak miring/italic
Cetak miring / italic digunakan untuk pemiringan teks agar berbeda dari teks yang lainnya dalam sebuah dokumen HTML. Tag cetak miring / italic disimbolkan dengan yang berasal dari kata Italic dan sebagai tag pembukanya lalu diakhiri dengan tag . Bentuk penulisan untuk format text cetak miring / italic :
<i>---text/tulisan yang dicetak miring---</i>
Cetak Garis Bawah / Underline
Cetak garis bawah atau yang biasa dikenal dengan sebutan underline digunakan untuk membuat teks atau tulisan terdapat garis bawah sebagai penekanan dari teks yang lain pada sebuah dokumen HTML. Tag untuk membuat bercetakkan garis bawah adalah yang berasal dari kata Underline itu sendiri dan sebagai tag pembukannya sedangkan untuk penutup dituliskan
Bentuk penulisan untuk format text cetak garis bawah / underline :
<u> ---Teks / tulisan yang akan dicetak bergaris bawah--- </u>
Mengecilkan Huruf / Small
Pada format teks untuk mengecilkan sebuah tulisan atau huruf pada dokumen HTML berbeda dengan teks yang lain dapat digunakan tag yang diakhiri dengan tag penutupnya . Bentuk penulisan untuk format text tercetak dengan ukuran lebih kecil dibandingkan dengan lainnya :
<small> ---Teks / tulisan yang akan dicetak huruf kecil---</small>
Membesarkan Huruf / Big
Pada format teks untuk membesarkan sebuah tulisan atau huruf pada dokumen HTML berbeda dengan teks yang lain dapat digunakan tag yang diakhiri dengan tag penutupnya . Bentuk penulisan untuk format text tercetak dengan ukuran lebih besar dibandingkan dengan lainnya :
<big> ---Teks / tulisan yang akan dicetak huruf besar--- </big>
Penebalan Teks / Strong
Penebalan teks / strong merupakan format teks yang digunakan untuk menebalkan huruf dalam dokumen HTML. Sebenarnya tag strong ini tidak jauh berbeda dengan tag bold, dimana memiliki kesamaan untuk menebalkan sebuah teks. Hanya saja penulisan tag yang berbeda, yaitu tag pembukanya dan diakhiri dengan . Bentuk penulisan untuk format text tercetak tebal dibandingkan dengan lainnya :
<strong> ---Teks / tulisan yang akan dicetak tebal--- </strong>
Penekanan Teks / Emphasize
Selain tag italic yang telah diberikan masih terdapat satu lagi tag dari HTML yang memiliki kemampuan sebanding dengan italic, yaitu emphasize. Keduanya sama – sama memformat huruf untuk icetak miring, hanya saja letak perbedaan terdapat pada tag, bilamana italic dituliskan dengan tag sedangkan emphasize disimbolkan dengan .
Bentuk penulisan untuk format text tercetak miring dibandingkan dengan lainnya :
<em> ---Teks / tulisan yang akan dicetak tebal--- </em>
Mencoret Teks / Strike
Sebuah kata dalam dokumen HTML dapat diberikan coretan pada bagian tengah huruf atau katanya dengan menggunakan strike. Strike adalah tag dalam HTML yang digunakan untuk mencoret atau memberikan garis tengah pada sebuah kata.
Dituliskan dengan tag pembukanya dan diakhiri dengan tag .
Bentuk penulisan untuk format text memberikan garis pada tengah kata atau mencoret teks sebagai berikut :
<strike> ---Teks / tulisan yang akan dicetak tebal--- </strike>
Subscript dan Superscript Untuk membuat rumus aritmatika berupa pemangkatan dan rumus kimia di dalam dokumen HTML, dapat digunakan tag HTML subscript maupun superscript. Bentuk penulisan untuk superscript sebagai berikut :
<sup>--- teks / tulisan yang akan diubah pangkat ---</sup>
Bentuk penulisan untuk subscript sebagai berikut :
<sub>--- teks / tulisan yang akan diubah pangkat bawah ---</sub>
hasil tampilan subscript dan superscript:

Plaintext
Kegunaan dari plaintext ini adalah untuk menampilkan kode program yang dituliskan tidak dieksekusi.
XMP
Seperti yang telah dikatakan sebelumnya bahwa plaintext tidak begitu sepenuhnya dapat didukung dalam dokumen HTML, maka dapat digunakan tag XMP sebagai pengganti dan penyempurna dari tag sebelumnya untuk menampilkan kode program ke dalam dokumen HTML.
Diposkan oleh di No comments:

Wednesday, April 10, 2013

tag utama html

html kedua tag utama pada html
PENGANTAR

Tag dasar HTML sangat mutlak diperlukan browser untuk mengenali sebuah dokumen HTML dan media editor teks digunakan untuk membangun dokumen tersebut seperti yang telah dijelaskan pada bab sebelumnya.
Tag utama HTML merupakan tag yang digunakan untuk memanipulasi sebuah dokumen HTML.
Adapun tag utama HTML yang akan dibahas pada pertemuan kali ini antara lain :
Heading, Paragraf, Font, Breakline, dan Horisontal line.

heading Tag utama yang pertama adalah heading. Heading merupakan teks dalam dokumen yang umumnya mempunyai judul topik, pada dokumen HTML.
Ciri dari heading ini adalah tulisan akan ditampilkan dengan huruf yang dicetak tebal dan dapat berukuran besar maupun kecil.
Tag heading mempunyai 6 bilangan yang mana digunakan untuk mengubah ukuran tulisan tersebut yang terdiri dari 1,2,3,4,5,dan 6.
Masing – masing bilangan yang terdapat pada tag heading berfungsi untuk mewakili ukuran, semakin besar bilangan yang diberikan maka semakin kecil ukuran tulisan headingnya, dan sebaliknya jika bilangan yang diberikan bilangan pertama maka tulisan heading merupakan ukuran terbesarnya.
bentuk-bentuk tulisan heading Ada 6 tingkatan heading dalam HTML seperti yang telah dijelaskan sebelumnya.
Setiap heading dalam dokumen harus diberikan tag, bentuk penulisannya sebagai berikut :
<hn> Tulisan yang akan dibuat menjadi Heading</hn>
penjelasan
1. <hn> merupakan tag pembuka dari heading, dimana h yang berartikan heading sedangkan n merupakan bilangan yang akan mengatur besar atau kecilnya tulisan heading ( yaitu bilangan 1,2,3,4,5,atau 6 ).
Semakin besar angka yang diberikan untuk menggantikan n maka semakin kecil tulisan headingnya.
2. </hn> merupakan tag penutup dari heading, dimana sebelum huruf h terdapat tanda atau simbol / yang berfungsi sebagai penutup dan n merupakan bilangan yang sama dengan bilangan yang diberikan pada tag pembukanya.
penerapan dalam html Tag heading bila di terapkan dalam media editor tag sebagai berikut:
<html> <head> <title>Contoh Heading Html</title> </head> <body> <h1>Contoh Heading Nomor 1</h1> <h2>Contoh Heading Nomor 2</h2> <h3>contoh Heading nomor 3</h3> <h4>Contoh Heading Nomor 4</h4> <h5>Contoh Heading Nomor 5</h5> </body> </html>
silahkan Disimpan dengan nama file contoh_heading.htm atau contoh_heading.html jalan kan dengan membuka browser web.Cara menjalankan program setelah membuka browser web tekan tombol CTRL + O secara bersamaan pada keyboard, lalu cari file notepad atau letak penyimpanan file tersebut sehingga hasilnya seperti pada gambar dibawah ini :

Tidak berhenti sampai di sini saja untuk penggunaan tag heading, tetapi masih ada lagi beberapa contoh penerapan yang perlu diketahui bahwa didalam tag heading tersebut terdapat sebuah attribut untuk mengatur perataan tulisannya, yaitu dengan menggunakan attribut align.
Attribut tersebut juga biasa dijumpai pada aplikasi – aplikasi office untuk mengatur perataan pekerjaan namun dalam dokumen HTML alignment yang terdapat pada heading hanyalah rata kiri, kanan, dan tengah, untuk lebih jelasnya penggunaan dan penerapannya dapat dilihat listing kode program berikut :
<html> <head> <title>Contoh Heading HTML</title> </head> <body> <h1 align="center">Contoh Heading Nomor 1</h1> <h2 align="center">Contoh Heading Nomor 2</h2> <h3 align="center">Contoh Heading Nomor 3</h3> <h4 align="center">Contoh Heading Nomor 4</h4> <h5 align="center">Contoh Heading Nomor 5</h5> </body> </html>
kemudian jalankan file notepad tersebut sehingga dapat tampil seperti pada gambar berikut :


Bilamana tadi telah diberikan contoh pemberian attribut align dengan rata tengah untuk tag heading, maka berikutnya contoh untuk pemberian attribut align dengan rata kanan pada tag headingnya.
<html> <head> <title>Contoh Heading Html</title> </head> <body> <h1 align="right">Contoh Heading Nomor 1</h2> <h2 align="right">Contih Heading Nomor 2</h2> <h3 align="right">Contoh Heading Nomor 3</h3> <h4 align="right">Contoh HEading Nomor 4</h4> <h5 align="right">Contoh Heading Nomor 5</h5> </body> </html>
Berikut hasil tampilan dari listing coding diatas :

paragraf
Informasi yang ditampilkan dalam dokumen HTML haruslah mengikuti kaidah – kaidah penulisan yang benar, salah satunya pembuatan sebuah paragraf. Paragraf dalam format dokumen HTML sering dapat dijumpai pada saat terkoneksi dengan internet mencari sebuah artikel – artikel atau membaca sebuah biografi seseorang, cerita pendek, dan lain sebagainya yang menggunakan paragraf dalam dokumen HTML.
bentuk tulisan tag paragraf
Setiap paragraf dalam dokumen HTML harus dimulai dengan memberikan tag pembuka dan tag penutup yang telah ditentukan, yaitu tag <p> untuk pembukanya dan tag </p> untuk mengakhiri atau penutupnya. Setiap pergantian paragraf haruslah dimulai dengan pemberian tag pembukanya kembali, yaitu <p> .
<p>---isi paragraf---</p>
penerapan dalam html
Contoh untuk menerapkan tag paragraf pada dokumen HTML.
<html> <head> <title>Contoh Paragraf HTML</title> </head> <body> Pada bab ini kita akan membahas mengenai tag utama dalam dokumen HTML, diantaranya : Heading, Paragraf, Font, Breakline, dan Horisontal Line. Tag tersebut akan dikupas satu per satu dengan lebih terperinci dan mudah untuk dipahami, sehingga Anda dapat menerapkan dan mengimplementasikannya dalam sebuah program HTML. Heading merupakan tag utama pertama yang telah kita pelajari sebelumnya. Tag ini digunakan untuk memberikan efek tebal pada sebuah tulisan yang biasa menjadi sebuah topik ataupun judul. Tulisan pada heading dapat dirubah ukurannya dengan memberikan bilangan 1,2,3,4,5, atau 6 dengan pemahaman semakin besar bilangan yang diberikan pada heading maka semakin kecil tulisan heading yang dihasilkan. </body> </html>
Dari kode program yang telah diterapkan dalam media editor teks, maka langkah selanjutnya adalah menjalankan program tersebut ke dalam browser web sehingga hasil yang diperoleh seperti gambar dibawah :

bentuk penulisan tag font
Bentuk penulisan tag font dalam sebuah dokument HTML dibuka dengan dan diberikan tag penutup atau diakhiri . Didalam tag font terdapat beberapa attribut yang akan dijelaskan berikut :
<font> tag ataun huruf yang akan di ubah </font> Penjelasan : <font> merupakan penulisan baku untuk tag pembuka format font.
</font> merupakan penulisan baku untuk mengakhiri atau menutup tag font.
attribut yang terdapat di dalam tag pembuka font, antara lain :
---pasanan dari Attribut--- Face Digunakan untuk mengubah jenis tulisan atau huruf, misalkan : Arial. Jenis tulisan dapat disesuaikan dengan yang ada pada Aplikasi Office PC. Size Digunakan untuk mengubah ukuran besar maupun kecilnya tulisan atau huruf, skala yang diberikan adalah bilangan 1,2,3,4,5,6, atau 7. Semakin besar bilangan yang diberikan maka semakin besar pula ukuran huruf atau tulisannya. Color Digunakan untuk mengubah warna pada huruf maupun tulisan. Dapat dilakukan dengan menggunakan kode warna, maupun bahasa internasional untuk menyebutkan warnanya.
Diposkan oleh di No comments:

Wednesday, March 27, 2013

pengantar html

html pertama pengenalan www
World wide web atau yang lebih dikenal dengan singkatan WWW atau disebut web ini merupakan sebuah layanan yang didapat oleh pemakai komputer yang terhubung ke internet.
Sekarang ini kepopuleran internet dengan adanya web sering digunakan sebagai standart interface pada layanan – layanan yang ada, dari hanya sekedar memberikan sebuah informasi, komunitas, email, chatting, sampai dengan transaksi bisnis online (e-commerce).
Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan memudahkan pencarian informasi terkini di internet.
Beberapa perusahaan mengadopsi web sebagai sebagian dari strategi teknologi informasinya dengan alasan :
1. Mudahnya pengaksesan sebuah informasi
2. Kemudahan dalam setup servernya
3. Mudah dalam mendistribusikan sebuah informasi
4. Bebas platform, dalam arti informasi dapat disajikan oleh browser web pada jenis Sistem Operasi apapun karena adanya standar dokumen berbagai tipe data dapat disajikan.
cara kerja WWW Bagaimana cara kerja WWW ? pada sub bab ini akan dijelaskan secara rinci dalam bentuk deskripsi dan gambar, sebagai berikut :
1. Informasi web disimpan dalam dokumen yang disebut dengan halaman-halaman web (web page) pada sebuah harddisk.
2. Web page adalah file-file yang disimpan dalam komputer yang disebut dengan server-server web (web server).
3. Komputer client atau web client membaca informasi yang terdapat pada web pages melalui jaringan internet yang diperoleh dari web server.
4. Komputer web client menampilkan halaman web dengan menggunakan sebuah program khusus, yaitu browser web.
5. Browser web merupakan program yang digunakan untuk menampilkan sebuah informasi dari suatu halaman web yang tersimpan dalam komputer dan hasil kiriman dari server.
Secara garis besar penjelasan diatas dapat digambarkan sebagai berikut :

Dari gambar diatas dapat dijelaskan sirkulasinya, dimulai dari seorang Client dengan menggunakan browser web membuka sebuah alamat web atau URL : http://alo.htm melalui sebuah jaringan internet.
Kemudian melalui internet tersebut akan dikirimkan dan diterima oleh server serta diproses olehnya ke dalam sebuah tempat penyimpanan atau harddisk
(proses pengolahan informasi yang dikirimkan dalam bentuk kode program)
, lalu dari harddisk tersebut melalui komputer server dikirmkan kembali kepada client melalui internet dan diterima oleh Client dengan browser web untuk menampilkan hasil dari kode-kode program tersebut sehingga dapat dibaca dan dimengerti oleh Client.
browser web Browser web adalah sebuah program yang digunakan untuk menampilkan informasi dari sebuah halaman web yang tersimpan dalam komputer atau dari server web.
Perangkat lunak ini dikembangkan dengan menggunakan User Interface Grafis atau biasa dikenal dengan sebuatan GUI ( Grafik User Interface ).
Sehingga pemakai dapat melakukan “point and click” untuk berpindah antar dokumen.
Lynx merupakan salah satu browser web yang masih menggunakan mode teks, sehingga tidak terdapat tampilan gambar.
Lynx dapat ditemukan pada lingkungan DOS dan *.nix ( terdapat pada sistem operasi UNIX ).
Perkembangan browser web sekarang ini sangatlah pesat sehingga mode teks seperti Lynx tidaklah secepat browser web dengan GUI.
Browser web GUI yang sangat terkenal ada 2, yaitu :
Internet Explore dan Netscape Navigator.
Kedua browser ini saling bersaing dengan berusaha mendekati standar spesifikasi dokumen HTML yang direkomendasikan oleh W3C.
istilah-istilah dalam internet

Berikut ini beberapa penjelasan mengenai istilah – istilah yang sering dipergunaan dalam web atau internet :


internet: kependekan dari Internasional Networking, yang artinya jaringan komputer berskala internasional atau global yang dapat membuat masing – masing komputer saling berkomunikasi.
internet: merupakan jaringan komputer berskala kecil, hanya memiliki beberapa web server yang diperuntukkan organisasi atau perusahaan, dan digunakan sebagai sarana berkomunikasi antara komputer dalam organisasi tersebut.
www: World Wide Web lebih dikenal dengan sebutan web, awal mulanya merupakan suatu layanan penyajian informasi di Internet dengan menggunakan HTML.
protocol: World Wide Web lebih dikenal dengan sebutan web, awal mulanya merupakan suatu layanan penyajian informasi di Internet dengan menggunakan HTML.
URL: kependekan dari Universal Resource Locator yang artinya adalah konsep nama file standar yang diperluas dengan jaringannya.
Nama file ini tidak hanya menunjukkan direktori dan nama filenya,melainkan juga nama mesin dalam jaringannya.
URL dapat diakses atau disajikan dalam berbagai metode, dan bisa jadi bukan hanya sekedar file, karena URL dapat menunjukkan query – query dokumen yang disimpan dalam database, hasil dari suatu perintah finger atau archie atau apapun yang berkaitan dengan data hasil proses.
FTP: File Transfer Protocol merupakan sebuah protokol yang dipergunakan untuk mengirim berkas diantara dua komputer.
ghoper: merupakan sebuah protokol publikasi informasi berbasis karakter yang menggunakan menu untuk mengakses teks, menempatkan informasi yang disimpan pada internet server dengan menggunakan hirarki menu.
surfing: adalah kegiatan menelusuri atau menjelajah dan mencari sebuah informasi melalui layanan informasi web.
surfer: pemakai komputer yang melakukan surfing.
pengenalan HTML HTML merupakan sebuah singkatan atau kependekan dari HyperText Markup Language.
Definisi sesungguhnya dari HTML adalah file teks murni yang dapat dibuat dengan media editor teks sembarang, sembarang disini yang dimaksud bukan asal menggunakan media seperti word, melainkan media editor yang berupa teks dan dapat dikonversi untuk diubah menjadi sebuah program serta menggunakan kode-kode pemrograman.
Dokumen HTML dikenal dengan sebuatan halaman web atau web page.
Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer.
Dokumen tersebut umumnya berisikan sebuah informasi atau interface dari sebuah aplikasi dalam internet.
Ada dua cara untuk membuat sebuah dokumen HTML, yaitu : dengan HTML editor atau media editor teks seperti notepad.
Sebagai latihan atau pemula dalam berlatih atau mencoba materi yang terdapat pada buku ini maka disarankan untuk menggunakan sebuah media editor teks seperti notepad terlebih dahulu, sehingga dapat memahami dengan baik dan benar serta terbiasa dalam membuat sebuah dokumen web.
Kemudian suatu saat nanti untuk membangun sebuah aplikasi atau hasil akhirnya dapat digunakan media HTML editor.
peralatan yang dibutuhkan Dalam membuat sebuah halaman web ini dibutuhkan beberapa peralaan dan perlengkapan, diantaranya :
1. Sebuah komputer / notebook / netbook dengan Sistem Operasi Windows / Linux / lainnya.
2. Editor teks, minimal notepad bawaan Sistem Operasi Windows atau lainnya.
3. Browser web, seperti : Internet Explore, Mozilla, Opera, Safari, Google Chrome, dan lain sebagainya.
dasar-dasar html Dokumen HTML disusun oleh beberapa elemen dalam sebuah struktur HTML sehingga terbentuklah halaman web tersebut dan dapat
ditampilkan pada browser web. Adapun elemen – elemen tersebut akan dibahas dalam sub bab ini dan seterusnya akan digunakan untuk
membuat sebuah dokumen atau halaman web.
strutur dasar html Stuktur dasar HTML merupakan sebuah susunan atau tata urutan elemen – elemen yang terdapat pada sebuah dokumen HTML.
Adapun struktur dalam dokumen HTML terdiri dari :
head, title, body, table, paragraf dan list.
Akan tetapi disini akan diberikan elemen – elemen penting terlebih dahulu yang terdapat pada struktur dasar HTML setiap membuat sebuah dokumen atau halaman web.

<html> </html> <head> </head> <title> dokumen html </title> <body> </body> ---isi dokumen---
Pada masing – masing elemen dalam struktur dasar HTML telah diberikan pembeda warna sehingga memudahkan untuk dipahami dan diterapkan secara runut. Dari struktur tersebut dapat dijelaskan elemen – elemennya sebagai berikut :
1. <html></html>
Merupakan elemen pertama, yaitu tag pembuka dan tag penutup dari HTML. Tag pembuka dari HTML adalah dan tag penutupnya
2. <head></head>
Elemen kedua setelah terbentuk tag pembuka dan penutup HTML yang disebut dengan header. Tag ini digunakan untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan.
3. <title></title>
Elemen ketiga yang merupakan pendukung dari elemen kedua atau Header, mengingat kinerja header adalah sebagaimana ditunjukkan sebelumnya untuk menuliskan keterangan dari dokumen web. Tag title ini akan menghasilkan tampilan judul pada dokumen web, bilamana pada saat membuka alamat website pada bagian pojok atas akan menampilkan keterangan judul dari sebuah halaman web tersebut.
4. <body></body>
Merupakan elemen keempat atau terakhir dari struktur dasar HTML. Elemen ini digunakan untuk menampilkan objek baik itu berupa teks maupun gambar atau objek lain yang mendukung sehingga dapat ditampilkan pada sebuah browser web. Sedikit gambaran untuk lebih memperjelas dari materi yang telah diberikan baruasan, maka dibawah ini akan diberikan kode program dari sebuah dokumen HTML dengan struktur dasar yang ada dan hasil tampilan pada sebuah browser web sehingga mengerti benar yang dimaksutkan.
<html> </html> <head> </head> <title> contoh penulisanya </title> <body> </body> Apapun yang dituliskan maupun ditaruh diantara tag pembuka dan penutup BODY akan dicetak dan ditampilkan pada browser web.

semoga bermanfaat =_=
Diposkan oleh di No comments:
Lokasi: Indonesia
Subscribe to: Posts (Atom)