Kamis, 31 Maret 2011

Hypertext dan Hypermedia
Dokument Hypertext adalah dokumen yang berisi link ke dokumen lain. Dokumen hypermedia adalah dokumen yang berdasarkan hypertext ditambah dengan multimedia seperti gambar, video dan audio.

ABSOLUTE PATH DAN RELATIVE PATH
Path relative jika lokasi file tersebut relatif terhadap dokumen yang sedang aktif, yaitu terletak di atas atau dibawah direktori dokumen tersebut. Contoh :
<a href="http://www.blogger.com/%E2%80%9C../link.html%E2%80%9D">link!</a>
Absolute Path adalah path yang merujuk pada pada suatu lokasi file dengan cara alamat url yang ditulis lengkap atau utuh.
Contoh : <a href="http://www.google.com/">Google</a>
Link
link menghubungkan satu sumber web ke web lain. Link mempunyai dua komponen, yaitu anchor dan tujuan.
HTML Frames
Kegunaan Frame :
•    Membuat daftar isi pada suatu sisi frame sementara sisi frame yang lain menampilkan isi.
•    Membuat suatu judul atau logo yang tidak berubah-ubah pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isi dokumen.
•    Membuat suatu dokumen tanya-jawab, di mana sisi frame yang satu berisi daftar pertanyaan sedangkan sisi frame yang lain
Tag frame tidak boleh di dalam tag body. Dokumen frame menggunakan elemen FRAMESET mempunyai dua buah atribut, yaitu ROWS dan COLS. Tag frame berada di dalam tag
Contoh tag frame :


<title>frame</title>






HTML Forms
Form adalah salah satu penampilan interaktif yang paling populer pada World Wide Web(www). Sebuah form dibentuk dengan menggunakan pasangan tag
<form>
</form>
. Setiap elemen FORM harus mempunyai 2 buah atribut METHOD dan ACTION. ACTION adalah URL dari script yang dipanggil oleh form tersebut. Method adalah cara mengirimkan data yang dimasukan pembaca ke web server. Form ini mempunyai dua metode yaitu GET dan POST. Method GET nilai yang dibawa akan ditampilkan di address bar sedangkna method POST tidak ditampilkan di address bar.

HTML Text Formating
Tag yang digunakan seperti <b> dan <i> yang berfungsi untuk formatting output seperti tulisan tebal dan tulisan miring
Tag
Description
<b>
Define Bold Text
<i>
Define Italic Text
<sub>
Define subscripted Text

HTML Styles
digunakan secara langsung terhadap tag yang berada dalam BODY untuk melakukan pengaturan dengan properti-properti CSS.
HTML Images
Jenis Gambar
Ekstensi
Keterangan
GIF
.gif
Grapich Interchange Format
JPEG
.jpg / .jpeg
Joint Photographic Experts Group
PNG
.png
Portable Network Graphics
Untuk menyertakan suatu gambar sebagai latar belakang, anda bisa menggunakan atribut BACKGROUND pada tag <body>. Bentuknya sebagai berikut:
<body background=”nama gambar”></body>
Sedangkan untuk menampilkan gambar digunakan tag :
<img src=”nama gambar”>
Mengatur Letak Teks Terhadap Gambar
Nilai
Keterangan
TOP
Teks diletakkan di bagian atas
MIDDLE
Teks diletakkan di tengah-tengah
BOTTOM
Merupakan nilai default. Dalam hak ini, teks diletakkan pada bagian bawah

HTML Tables
Untuk membuat table digunakan tag <table></table>
Contoh untuk membuat table :
<table width="200" border="1">
  <tr>
    <th>Nim</th>
    <th>Nama</th>
  </tr>
  <tr>
    <td>08410100140</td>
    <td>Joni</td>
  </tr>
</table>
Keterangan :
·         <tr></tr> : digunakan untuk membuat baris
·         <td></td>: digunakan untuk membuat kolom
Atribut Table:
          Border : untuk membuat batas tepi.
          Width : untuk mengatur lebar table.
          Align : untuk mengatur bentuk perataan horizontal data di dalam table. Seperti kiri, tengah, atau kanan
HTML List
·         HTML Unordered Lists
Digunakan untuk membuat list yang berbentuk bullet. Contoh tag :
<ul>
                <li>Coffee</li>
                <li>Milk</li>
</ul>
·         HTML Ordered Lists
Digunakan untuk membuat list yang berbentuk number. Contoh tag :
<ol>
                <li>Coffee</li>
                <li>Milk</li>
</ol>
Ciri – cirri Elemen  HTML :
•    Elemen HTML dimulai dengan start tag / opening tag
•    Elemen HTML dimulai dengan end tag / closing tag
Element HTML kosong :
Elemen HTML yang tidak memiliki konten atau isi disebut empty element / elemen kosong.
Elemen dapat ditutup pada awal tag.
adalah contoh elemen kosong yang tidak memerlukan end tag.

HTML Tag:
Tag biasanya merupakan suatu pasangan tag awal &lt;…&gt; dan tag akhir .
Nested tag adalah tag yang mengandung tag lain di dalamnya
Contoh HTML tag :
•   
: Digunakan untuk berpindah baris.
•   
: Digunakan untuk mendeklarasikan paragraph.
•   
<hr />
: Membuat Garis Horizontal.
•     <blink>   : Membuat Text berkedip-kedip.
•          : Menformat huruf.
HTML Atribute
Tag awal biasanya memiliki beberapa buah atribut yang menyatakan karakteristik tag tersebut, contoh :
<div align="”justify”">
Testing</div>
P adalah nama tag sedangkan align merupakan atribut dari p sedangkan justify merupakan nilai dari atribut align. Atribut selalu mempunyai nilai.
HTML Heading
suatu tag yang berisi informasi mengenai bagian kepala dari suatu dokumen HTML.
Contoh html heading terdapat pada tag
•     …
•     <title>…</title> : digunakan untuk membuat judul dan berada di dalam tag head
Elemen Meta :
•    Elemen META digunakan untuk memberikan informasi     tentang suatu dokumen.
•     Elemen META bukan untuk mengantikan elemen title.
•     Elemen META digunakan untuk memberikan informasi lain yang bermanfaat bagi browser atau server.
HTML Paragraph
Contoh sintax Penggunaan HTML Paragraph :


<title>mbuh</title>


<div align="left">
tralala </div>
<div align="center">
trilili </div>
<div align="right">
trulu </div>


</blink>

Kamis, 24 Februari 2011


Markup Language
adalah sejenis pengkodean pada teks yang merepresentasikan teks sebagai suatu struktur detil tentang teks yang diperlihatkan.
Web Page
sarana yang dapat membantu anda untuk mengemukakan ide-ide anda.
HyperText Markup Language (HTML)
Merupakan bahasa yang mendeskripsikan web page
·         Html kepanjanngan dari hyper text markup language
·         Html bukan bahasa pemrograman melainkan suatu markup language
·         Markup language merupakan bagian dari tag markup
·         Html menggunakan markup tag untuk membuat suatu web page

HTML Documents = Web Pages
¡          Dokumen html mendeskripsikan web page
¡          Dokumen html  menjelaskan tag html dan menelaskan text
¡          Dokumen html juga dipanggil dengan web page

Struktur dokumen html
1.       Tag <html> dan </html> merupakan suatu pengkodean html
2.       Tag <head></head> merupakan tag kepala yang berfungsi sebagai informasi umum dari sebuah halaman web
3.       Tag <body></body> merupakan tag body yang berguna untuk mensetting atribut di seluruh dokumen

Penulisan html
·         Gunakan selalu huruf kecil (lowercase)
·         Hindari pasangan tag yang berpotongan dengan pasangan tag lain

Extensible Hyper Text Markup Language (XHTML)
adalah bahasa markup seperti halnya HTML. Hanya saja XML lebih terstruktur penggunaannya, salah sedikit saja maka aplikasi-aplikasi yang dapat membaca XML akan gagal membaca file XML anda
Perbedaan antara html dengan xhtml :
·         Html didesain untuk menampilkan data
·         Xml didesain untuk mendeskripsikan data
Xhtml dibagi menjadi 3 tipe dokumen :
1.       STRICT. Puncaknya standard, gunakan ini apabila anda benar-benar menginginkan kode yang benar-benar terstruktur.
2.       TRANSITIONAL. Gunakan ini apabila anda ingin tampilan ditampilkan didalam file XHTML tidak di CSS
3.       FRAMESET. Gunakan yang ini, jika anda ngotot ingin menggunakan frames 

Browser
adalah suatu perangkat lunak yang digunakan untuk menampilkan halaman-halaman website yang berada di internet.

Isnainul Amanda Perwirasari (10.41010.0245)

WWW (World Wide Web)
World Wide Web atau yang biasa disebut Web adalah suatu kumpulan informasi pada beberapa server komputer yang terhubung satu sama lain dalam jaringan internet.
Cara Kerja World Wide Web
 
Secara Kronologis Urutan Proses Diatas Adalah :
¡  User Mengetik Alamat Website Pada Browser
¡  Browser Mengirim Request Dari User Melalui Protokol HTTP
¡  Server Merespon HTTP  Request dari Browser
¡  Server Mengirim HTTP Respon ke Browser
¡  Browser Menampilkan Halaman Browser 

Hyper Text Transfer Protocol (HTTP)
adalah suatu protokol untuk menentukan aturan yang harus diikuti oleh web browser dalam meminta atau mengambil suatu dokument melalui internet yang disediakan oleh web server yang dituju.

Uniform Resource Locator (URL)
adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu Web Server. Format umum suatu URL adalah : Protokol transfer ://nama host/ path /nama file
Protokol Transfer
adalah suatu protokol yan digunakan untuk pengiriman informasi di internet
Berikut merupakan protocol selain http : telnet,https,gopher,  news, ftp,  dll.
Domain Name System (DNS)
Contoh DNS :
·         .edu (education : pendidikan)
·         .com (community : komunitas)
·         .id (indonesia)
·         .us (unites states)
·         Dll

Network dan Internet
Network adalah Kumpulan dari beberapa komputer dan network device yang saling terhubung satu dengan lainnya
Internet adalah Kumpulan network (worldwide collection of networks) yang mengkoneksikan berjuta-juta pelaku bisnis, pemerintahan, institusi pendidikan, individu dsb sehingga bisa saling komunikasi dan bertukar informasi 

Isnainul Amanda Perwirasari (10.41010.0245)



Selasa, 07 Desember 2010

Hai All,

It's the first i'm blogging... Happy Blogging all...