Semua ada di sisi: membuat web dengan notepad++

Minggu, 17 Oktober 2014

membuat web dengan notepad++

Pengenalan Tag Pada HTML

Dalam HTML tag merupakan code sekaligus perintah dimana kita dapat mengatur tampilan yang kita inginkan. Tag pada HTML selalu diawali dengan <x> dan ditutup dengan </x> dimana x adalah perintah dari apa yang kita inginkan.

· Daftar Tag Pada HTML

ELEMEN DASAR
Jenis Dokumen	<HTML></HTML>	(terdapat pada awal dan akhir dari file HTML)
Judul	<TITLE></TITLE>	(harus selalu terdapat pada mukadimah)
Mukadimah (Header)	<HEAD></HEAD>	(keterangan umum, seperti judul dsb.)
Batang Tubuh	<BODY></BODY>	(isi dari halaman HTML)

FORMAT TAMPILAN
Huruf Tebal	<B></B>	(Bold)
Huruf Miring	<I></I>	(Italic)
Garis Bawah	<U></U>	(Underline - jarang digunakan)
Rata Tengah	<CENTER></CENTER>	(Center - berlaku untuk teks maupun gambar)
Huruf Kedip	<BLINK></BLINK>	(Blinking - tag terlucu sampai kini)
Ukuran Huruf	<FONT SIZE=?></FONT>	(Font Size - boleh diisi dari 1 sampai 7)
Warna Huruf	<FONT COLOR="#$$$$$$"></FONT>
Pilih Jenis Huruf	<FONT FACE="***"></FONT>

PEMISAH
Paragraf	<P></P>	(tag penutup seringkali tak diperlukan)
Align Text	<P ALIGN=LEFT\|CENTER\|RIGHT></P>
Pndah Baris	<BR>	(pindah ke baris berikut)
Garis Datar	<HR>	(Horizontal Rule)
Penataan Letak Garis	<HR ALIGN=LEFT\|RIGHT\|CENTER>
Tebal Garis	<HR SIZE=?>	(dalam satuan pixel)
Lebar Garis	<HR WIDTH=?>	(dalam satuan pixel)
Lebar Garis Persentasi	<HR WIDTH="%">	(dalam persentasi terhadap lebar halaman)

LATAR BELAKANG DAN WARNA
Latar Belakang Gambar	<BODY BACKGROUND="URL">	(Tiled Background)
Warna Latar Belakang	<BODY BGCOLOR="#$$$$$$"	(Background Color - urutan: merah/hijau/biru)
Warna Huruf Teks	<BODY TEXT="#$$$$$$">

TABEL
Rancangan Tabel	<TABLE></TABLE>
Garis Batas Tabel	<TABLE BORDER=?></TABLE>
Lebar Tabel	<TABLE WIDTH=?>	(dalam satuan pixel)
Lebar Tabel Persentasi	<TABLE WIDTH="%">	(dalam satuan persen terhadap lebar halaman)
Baris dalam Tabel	<TR></TR>
Penataan Letak Baris	<TR ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>
Sel dalam Tabel	<TD></TD>	(harus ada dalam setiap baris tabel)
Penataan Letak Sel	<TD ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>
Kepala Tabel	<TH></TH>	(Table Header - seperti data dengan Bold dan Center)
Penataan Letak Kepala Tabel	<TH ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>
Warna Kepala Tabel	<TH BGCOLOR="#$$$$$$">

A. Dasar dasar HTML

1. Membuat judul tab dalam halaman web, buka notepad++ terlebih dahulu, kemudian ketikan code dibawah ini:

<html>

<head>

<title> My First HTML Project </title>

</head>

WELCOME TO MY WEBSITE

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 1 berikut:

Gambar 1. Judul Tab Halaman

2. Mengatur paragraf texs, buka notepad++ kemudin ketikan code dibawah ini:

<html>

<head>

</head>

<body>

<p>Ini adalah paragraf pertama, yang berisi 3 baris. Baris satu, dua dan tiga. <br><br></p>

<p>Ini adalah paragraf kerdua, yang berisi garis horizontal</p>

<hr> Ini adalah garis horizontal.

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 2 berikut:

Gambar 2. Mengatur Paragraf

3. Mengatur ukuran huruf, buka notepad++, kemudian ketikan code dibawah ini:

<html>

<head>

<title> Tag Heading </title>

</head>

<body>

<h1> Heading 1 </h1>

<h2> Heading 2 </h2>

<h3> Heading 3 </h3>

<h4> Heading 4 </h4>

<h5> Heading 5 </h5>

<h6> Heading 6 </h6>

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 3 berikut:

Gambar 3. Ukuran Huruf

4. Mengatur format texs, Buka notepad++, kemudian ketikan code dibawah ini:

<html>

<head>

<title>format tulisan</titele>

</head>

<body>

teks normal <br>

<small> teks small </small><br>

<b> teks tebal </b><br>

<i> teks miring </i><br>

<u> teks bergaris bawah </u><br>

Contoh superscript : x <sup>2</sup><br>

Contoh subscript : H<sub>2</sub>O<br>

<strike> Ini teks tercoret </strike><br>

menggunakan tag font

</font>

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 4 berikut:

Gambar 4. Format tulisan

5. Membuat from komentar, buka notepad++, kemudian ketikan code dibawah ini:

<html>

<head>

<title> From komentar </title>

</head>

<body>

<table>

<tr>

<tdcolspan="3"> </td></tr><tr>
<td colspan="3"><h3>Silahkan Berkomentar : </h3></td>

</tr>

<tr>

</tr>

<tr>

<td>Email</td>

</tr>

<tr>

<td valign=top>Komentar</td>

</tr>

<tr>

<td colspan="3"><input type=submit name="submit"

value=submit></td>

</tr>
</table>

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 5 berikut:

Gambar 5. From komentar

6. Mengatur kolom, buka notepad++ kemudian ketikan code dibawah ini:

<html>

<head>

<title>warna-warna</title>

</head>

<body>

<tr>

<td colspan="3" align="center">warna-warna </td>

</tr>

<tr>

<td bgcolor="#00FF00">Hijau</td>

<td bgcolor="#FFFF00">Kuning</td>

<td bgcolor="#FF0000">Merah </td>

</tr>

<tr>

<td bgcolor="#FF9900">Orange</td>

</tr>

<tr>

<td bgcolor="#663300">Cokelat</td>

<td bgcolor="#FF00FF">Merah muda</td>

</tr>

</table>

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 6 berikut:

Gambar 6. Tabel

B. Hyperlink

1. Membuat hyperlink kehalaman web lain, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>

<head>

<title> Judul tab </title>

</head>

<body>

Ini hyperlink ke wordpress

<a href="http://www.wordpress.com/" title="Masuwordpress"> Wordpress </a>

<br>Klik dan masuk ke yahoo<a href="http://www.yahoo.com/" title="Masuk yahoo"> Yahoo </a>

<br>Masuk ke facebook anda

<a href="http://http://www.facebook.com/" title="Masuk ke facebook"> Facebook </a>

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 7 berikut:

Gambar 7 link halaman web lain

2. Membuat hyperlink antar bagian dalam web, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>

<head>

<title> Judul tab </title>

</head>

<body>

<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/home.html" title="ke Rumah"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Graphic1.jpg" border="0" width="80" height="30"/></a>

<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/profil.html" title="Profilku"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/profil.jpg" border="0" width="100" height="30"/></a>

<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/html_colors.html" title="Kode Warna Pada HTML"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Kode%20Warna.jpg" border="0" width="150" height="30"/></a>

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 8 berikut:

Kamis, 18 September 2014

MAKALAH TOPOLOGI JARINGAN DAN INTERNET

BAB I

PENDAHULUAN

Dalam kehidupan sehari-hari kita tidak terlepas dari komunikasi. Komunikasi merupakan hal yang sangat penting dalam suatu kehidupan manusia karena dengan komunikasi seseorang bisa saling berinteraksi satu sama lain. Komunikasi bisa dilakukan secara langsung dengan tatap muka dan juga bisa lewat jarak jauh. Untuk melaksanakan komunikasi jarak jauh tersebut dibutuhkan alat yang bisa menghubungkan kita dengan orang lain yang jaraknya cukup jauh. Komunikasi awalnya bergantung pada transportasi jalan antarkota, antarprovinsi/negara bahkan kemudian antar negara/benua. Kemudian komunikasi dapat terjadi jarak jauh melalui telegraf (1844), telepon (1867), gelombang radio elektromagnetik (1889), radio komersial (1906), televisi broadcast (1931), kemudian melalui televisi, dunia jadi lebih kecil karena orang dapat mengetahui dan mendapatkan informasi tentang yang terjadi di bagian lain dunia ini. Dalam telekomunikasi, informasi disampaikan melalui sinyal. Sinyal ada dua macam, sinyal digital dan sinyal analog. Sinyal digital yaitu sinyal yang diwakili oleh angka 0 dan 1. Sedangkan sinyal analog yaitu sinyal yang terus menerus dengan variasi kekuatan dan kualitas misalnya suara, cahaya, suhu yang dapat berubah-ubah kualitasnya. Data analog dikirimkan dalam bentuk yang berkelanjutan, sinyal elektrik berkelanjutan dalam bentuk gelombang. Televisi, telepon dan radio adalah teknologi telekomunikasi yang menggunakan sinyal analog, sedang komputer menggunakan sinyal digital untuk transfer informasi. Namun saat ini sinyal digital juga digunakan untuk suara, gambar dan gabungan keduanya. Di sisi lain, komputer yang awalnya dimanfaatkan sebagai mesin penghitung dan pengolah data, digunakan sebagai alat komunikasi sejak adanya jaringan komputer.

BAB II

PEMBAHASAN

JARINGAN KOMPUTER

I. Pengertian jaringan

Jaringan komputer (computer network) atau sering disingkat jaringan saja adalah hubungan antara dua atau lebih komputer dengan tujuan untuk melakukan pertukaran data untuk bagi pakai perangkat lunak, perangkat keras, dan bahkan berbagi kekuatan pemrosesan.

II. Manfaat penggunaan jaringan komputer

A. Berbagi perangkat keras Perangkat keras seperti hard disk, printer, CD-ROM drive, dan bahkan modem dapat digunakan oleh sejumlah komputer tanpa perlu melepas dan memasang kembali. Peranti cukup dipasang pada sebuah komputer atau dihubungkan ke suatu peralatan khusus dan semua komputer dapat mengaksesnya.

B. Berbagi program atau data Program ataupun data dimungkinkan untuk disimpan pada sebuah komputer yang bertindak sebagai server (yang melayani komputer-komputer yang akan membutuhkan data atau program.

C. Mendukung kecepatan berkomunikasi Dengan adanya dukungan jaringan komputer, komunikasi dapat dilakukan lebih cepat. Para pemakai komputer dapat mengirimkan surat elektronis dengan mudah dan bahkan dapat bercakap-cakap secara langsung melalui tulisan (chatting) ataupun telekonferensi.

D. Memudahkan pengaksesan informasi Jaringan komputer memudahkan pengaksesan informasi. Seseorang dapat bepergian kemana saja dan tetap bisa mengakses data yang terdapat pada server ketika ia membutuhkannya. Pertumbuhan internet salah satu implementasi jaringan terbesar di dunia. Memungkin segala informasi yang ada di dunia ini dapat dengan mudah didapatkan. Siapapun dapat membaca berita tentang hari ini, bahkan penawaran barang (iklan)

III. Klasifikasi jaringan

Berdasarkan jangkauannya, jaringan di bagi menjadi tiga jenis yaitu LAN, MAN, dan WAN

A. Local Area Network (LAN)

LAN adalah jaringan komputer yang mencakup area dalam satu ruang, gedung, atau beberapa gedung yang berdekatan. Sebagai contoh, jaringan dalam kampus yang terpadu atau di sebuah lokasi perusahaan tergolong LAN.

LAN umumnya menggunakan media transmisi berupa kabel (UTP, kabel koaksial, ataupun serat optik). Namun, ada juga yang tidak menggunakan kabel dan disebut sebagai Wireless LAN (WLAN). Kecepatan LAN berkisar dari 10 Mbps sampai 1 Gbps.

Menurut tipenya LAN dapat berupa client/server atau peer to peer.

(a) Client / server

Client/server adalah suatu model jaringan yang memiliki client dan server. Client adalah komputer yang meminta layanan (bisa berupa data atau perangkat seperti printer) sedangkan server adalah komputer yang bertindak untuk melayani permintaan client. Fungsi server sendiri sebenarnya berupa perangkat lunak yang dijalankan pada perangkat keras yang umumnya berupa komputer. Beberapa contoh fungsi server yaitu

file server, print server, web server, dan mail server. File server menangani berkas yang dapat diakses oleh client. Print server bertindak sebagai pengontrol printer yang dapat digunakan oleh client. Web server menangani halaman-halaman web yang diakses oleh browser. Mail server menangani surat elektronis.

(b)Peer to peer

Peer to peer menyatakan model jaringan yang memberikan kedudukan yang sama terhadap semua komputer. Tak ada yang bertindak sebagai server ataupun client secara eksplisit. Oleh karena itu tidak ada media penyimpana yang bersifat global; dalam arti dipakai oleh sejumlah komputer. Pada model seperti ini, dua komputer dapat berhubungan secara langsung tanpa bergantung pada server. Model ini lebih murah daripada client/server, tetapi hanya dapat berjalan efektif kalau jumlah komputer tidak lebih dari 25 buah (wiliam dan Sawyer, 3002, hal.297).

B.Metropolitan Area Network (MAN)

MAN adalah jaringan yang mencakup area satu kota atau dengan rentang 10 –45 km.jaringan yang menghubungkan beberapa bank yang terletak dalam satu kota atau kampus yang tergolong dalam beberapa lokasi tergolong sebagai MAN. Jaringan seperti ini umumnya menggunakan media transmisi dengan mikrogelombang atau gelombang radio. Namun, ada juga yang menggunakan jalur sewa (leased line).

C.Wide Area Network (WAN)

Jaringan yang mencakup antarkota, antarprovinsi, antarnegara, dan bahkan antarbenua disebut dengan WAN. Contoh WAN adalah jaringan yang menghubungkan ATM (Automativ Teller Machine). Contoh lain adalah Internet.

IV.Topologi jaringan

Berdasarkan fungsinya topologi jaringan dibagi menjadi dua yaitu topologi fisik jaringan dan topologi logik.

A.Topologi Fisik Jaringan Topologi fisik jaringan menyatakan susunan jaringan komputer secara fisik dalam suatu jaringan. Berbagai topologi jaringan yaitu, bintang, cincin, bus, pohon, lengkap, dan tak beraturan. Secara sekilas model untuk keseluruhan topologi ini dapat dilihat pada gambar berikut ini.

1.Topologi bintang (star) Pada topologi ini terdapat komponen yang bertindak sebagai pusat pengontrol. Semua simpul yang hendak berkomunikasi selalu melalui pusat pengontrol tersebut. Dalam hal ini pusat pengontrol berupa hub atau

Switch

(a) Kelebihan topologi bintang :

- Mudah dikelola dan dihubungkan (penyebab kegagalan mudah untuk diketahui).

- Kegagalan pada sebuah komputer tidak berpengaruh pada seluruh jaringan.

(b) Kelemahan topologi bintang

- Kegagalan pada pusat pengontrol akan menyebabkan kegagalan jaringan secara keseluruhan.

- Jika pusat pengontrol berupa hub (bukan berupa switch), kecepatan transmisi menjadi lamba

2. Topologi Cincin (Ring)

Topologi cincin mirip dengan topologi bus. Infromasi dikirim oleh sebuah komputer akan dilewatkan ke media transmisi, melewati satu komputer ke komputer berikutnya. Kelemahan toplogi cincin terletak pada kegagalan salah satu simpul. Jika ada satu saja simpul yang mengalami kegagalan, maka semua hubungan terputus.

3.Topologi Bus (Linier)

Pada topologi bus semua simpul (umumnya komputer) dihubungkan melalui kabel yang disebut bus. Kabel yang digunakan adalah kabel koaksial. Jika seorang pemakai mengirimkan pesan ke seorang pemakai lain maka pesan tersebut akan melalui bus. Setiap komputer perlu membaca alamat dan pesan. Sekiranya alamat pada pesan cocok dengan alamat komputer pembaca, komputer tersebut akan segera mengambil pesan tersebut.

(a) Topologi bus mempunyai kelemahan :

- Jika kabel utama (bus) putus, maka semua komputer tidak bisa saling berhubungan.

- Jika kabel utama sangat panjang dan terdapat gangguan, pencarian penyebab masalah menjadi sangat sulit.

- Jika banyak komputer yang aktif (mengirimkan pesan) akan sering terjadi tabrakan sehingga kecepatan pengiriman data menjadi berkurang.

(b) Kelebihan topologi bus

- Instalasi mudah

- Biaya murah

Topologi bus biasanya digunakan untuk LAN dengan jumlah komputer yang sedikit. Misalnya dapat digunakan pada warnet.

4.Topologi Pohon (Tree)

Topologi pohon sebenarnya merupakan pengembangan dari topologi bintang, dengan satu simpul menjadi pengontrol bagi sejumlah simpul yang berada di bawahnya. Contoh model ini seperti pada gambar berikut ini. Topologi ini biasanya digunakan pada LAN mengingat kemudahan untuk melakukan ekspansi dan mengurangi keruwetan kabel. Dengan menggunakan sebuah hub tambahan, sejumlah komputer (atau peranti yang lain) dapat dihubungkan dengan mudah.

5.Jaringan Kombinasi (Plex Network)

Merupakan jaringan yang benar-benar interaktif, dimana setiap simpul mempunyai kemampuan untuk meng-access secara langsung tidak hanya terhadap komputer, tetapi juga dengan peralatan ataupun simpul yang lain. Secara umum, jaringan ini mempunyai bentuk mirip dengan jaringan bintang. Organisasi data yang ada menggunakan de-sentralisasi, sedang untuk melakukan perawatan, digunakan fasilitas sentralisasi.

V. Topologi Logik

Dilihat dari metode acces, topologi jaringan terdiri dari :

A.Ethernet Dikembangkan Xerox Corp. pada tahun 70-an dan menjadi populer pada tahun 80-an kerena diterima sebagai standar IEEE (Institute of Electrical and Electronic Engineers). Ethernet berdasarkan broadcast network, dimana setiap node menerima setiap transmisi data yang dikirim oleh sebuah node menggunakan metode CSMA/CD (carrier sense multiple acces/collision detection) baseband.

VI. Internet

Internet dapat diartikan sebagai jaringan komputer luas dan besar yangmendunia, yaitu menghubungkan pemakai komputer dari suatu negara ke negaralain di seluruh dunia, dimana di dalamnya terdapat berbagai sumber dayainformasi dari mulai yang statis hingga yang dinamis dan interaktif. Internet merupakan sebuah jaringan (Internet Protokol) yang terdiri dari beberapa komputer yang sudah terkoneksi ke dalam jaringan global. Sejarahinternet bermula pada akhir decade 60-an saat Departement Pertahanan AS atauUnited States Departement of Defence (DoD) memerlukan standar baru untuk komunikasi internetworking. Standar yang diperlukan yaitu standar yangmampu menghubungkan segala jenis komputer di DoD dengan komputer milik kontraktor militer, organisasi penelitian dan ilmiah di Universitas.Tahun 1969 Advance Research Project Agency (ARPA) dibentuk tugasnya melakukan penelitian jaringan komputer mempergunakan teknologi packet switching. Jaringan pertama dibangun menghubungkan empat tempat,yaitu standford Research Institute (SRI), University of California at SantaBarbara (USCB), University of California at Los Angeles (UCLA), danUniversity of Utah (Utah). Hingga tahun 1972 jaringan ini telah menghubungkanlebih dari 20 Host dan disebut sebagai ARPANet. ARPANet kemudian menjadi backboneInternetworking Institute pendidikan, penelitian, industri dan kontraktor terutama yang berkaitan dengan jaringan militer (MILNet.3Tahun 1986 ARPANet mulai dikomersialkan dengan mengisolasikan jaringan militer. National Science Foundation. (NFS) kemudian membiayai pembongkaran backbone ARPANet menjadi backbone internet komersial dan dikelola oleh Advanced Network Service (ANS). Andrew S. Tenenbaum (1996) :andil besar dalam perwujudan internet adalah tergabungnya jaringan regionalseperti SPAN (jaringan fisika energi tinggi), BITNET (jaringan mainframe IBM),EARN (jaringan akademis Eropa dan digunakan pula di Eropa timur) danditambah dengan sejumlah link transaltlantik yang beroperasi pada 64 Kbps-2Mbps pada tahun 1988

BAB III

PENUTUP

Demikian makalah dari saya apabila ada kesalahan,saya mohon maaf. Semoga makalah saya ini bermanfaat bagi pembaca.

BAB IV

DAFTAR PUSTAKA

Semua ada di sisi

Laman

Sabtu, 18 Oktober 2014

membuat web dengan notepad++

Minggu, 17 Oktober 2014

membuat web dengan notepad++

Kamis, 18 September 2014

MAKALAH TOPOLOGI JARINGAN DAN INTERNET

Tidak ada komentar:

Posting Komentar