Senin, 22 Maret 2010

CSS (Cascading Style Sheet)

CSS atau Cascading Style Sheet merupakan suatu tempat untuk kita membuat bagus tampilan html kita. CSS  mempunyai 3 metode dasar untuk mengeksekusikannya, yaitu:

1. Inline, adalah metode paling sederhana dan jarang digunakan orang dalam membuat web. Metode inline langsung ditabuhkan ke dalam tag html nya. Biasanya digunakan bila hanya menambahkan style 1 saja.

contoh :

<h1 style="........">  titik-titik tersebut diisi oleh selektor {property1:nilai;property2:nilai;.....dst}

2. Internal, adalah metode yang banyak digunakan tetapi masih terbatas di dalam penggunaannya. Karena bila htmlnya sudah banyak akan sulit untuk menambahkannya.

contoh :

<head>

<style type="text/css">

isi style 

</style>

</head>

3. Eksternal, adalah metode yang paling sering digunnakan di dalam mengembangkan web, karena sangat fleksibel dan dapat menambahkan style pada keturunan sesuai bapaknya.

contoh :

(ditulis di dalam tag htmlnya)

<head>

<link rel="stylesheet" type="text/css" href="(nama tag html nya misalnya tes.css) tes.css ">

<h1 class="italic"> saya seorang kapiten </h1>

</head>

(ditulis di dalam tes.css )

.italic{font-style:italic;text-align:center;color:red;}

di dalam CSS bisa dibubuhkan berbagai macam property yang tersedia.

selamat mencobanya... ^^

Senin, 01 Maret 2010

LIST & LINK

LIST

list itu untuk membuat suatu pilihan berupa subject.
yang perlu diperhatikan yaitu;
Ordered List
<ol type=""> (type bisa diisi oleh 1,I,A,a,i)
<li> </li> (bisa ditutup atau tidak)
<ol> (pentup ol harus ada)

Unordered List
<ul type=""> (type bisa diisi oleh Square,circle)
<li> </li> (bisa ditutup/tidak)
<ul> (penutup ul harus ada)

contoh :
<ol type="i" start="5">
hasilnya :
v...
vi...
vii...
dst...

LINK

<A href="2.html" target="_blank"> (A adalah anchor, 2.html adalah alamat webnya, target="_blank" adalah membuka hal kosong)

href dapat pula langsung diberi alamat url/email yang dituju contoh:
<A href="http://www.facebook.com">
<A href="mailto:orangit@yahoo.com">

link nya bisa kita beri warna, normalnya warna biru tetapi kita dapat menggantinya,
<body link="red" alink="red" vlink="red">
<head> </head>
</body>

TABLE

bila kita akan membuat suatu tabel pada web kita perlu memperhatikan hal-hal dasar berikut ini :
<table> (membuat tabel)
<tr> (rows)
<td></td> (kolom & penutup kolom)
</tr> (penutup rows)
</table> (penutup tabel)

atribut-atribut yang dapat ditambahkan ke dalam <table> adalah sebagai berikut :
border =" " (untuk ketebalan garis pada tabel)
width =" " (untuk lebar tabel)
height =" " (untuk tinggi tabel)
cellpadding=" " (spasi pada isi tabel)
cellspacing =" " (spasi/jarak pada table tersebut dengan tabel lainya)

sedangkan atribut yang dapat ditambahkan ke dalam <td> adalah :
align =" " (isinya bisa "center","left","right" berguna untuk menempatkan posisi isi tabel secara horizontal)
valign =" " (isinya bisa "center","top","bottom" berguna untuk menempatkan posisi isi tabel secara vertikal)
colspan =" " (menggabungkan tabel kolom)
rowspan =" " (menggabungkan tabel baris)

FRAME
beberapa hal dasar dalam membuat frame adalah :
<frameset cols="*,*"> (frame secara kolom)
<frameset rows="*,*"&gt; (frame secara baris)
<frame src=" "> (mengalamatkan framenya)
<img src=""> (mengalamatkan gambar/image)
</frameset> (penutup)

beberapa atribut yang dapat ditambahkan ke dalam <frameset cols=""/rows=""> adalah :
noresize="noresize"/noresize="0" (agar frame tidak dapat digerakan/dirubah ukurannya)
scrolling="no" (agar frame tidak mempunyai scroll)
name=" " (frame diberi nama)
width=" " (lebar frame)
height=" " (tinggi frame)

kita juga dapat melemparkan alamat web yang akan kita buka didalam frame ex:
<A href="catur.html" target="left"> (catur.html itu adalah alamat web yang akan kita buka sedangkan target="left" itu adalah pelemparan yang dituju)

Senin, 08 Februari 2010

PEMOGRAMAN WEB

Nama  : Leonard Joshwandi Hardja

NRP    : 0871011

Alasan saya mengikuti Mata Kuliah Pemograman Web, agar saya mampu membuat suatu web yang unik dan bermanfaat bagi orang lain, menjadi web designer merupakan salah satu hal yang ingin saya capai di dalam mempelajari Pemograman Web.

Saya ingin mendapatkan nilai A dalam pelajaran ini,pertama agar nilai IPK saya dapat naik dari sebelumnya, kedua agar saya mampu berkompentensi dengan orang-orang yang telah lebih dahulu mengenal pemograman web.

minggu pertama kita akan mempelajari dasar-dasar yang berhubungan dengan pemograman web,seperti berikut, 

web sendiri terdiri dari beberapa hal dasar yang perlu kita ketahui yaitu: HTML,CSS,JS,XML dan yang lebih dikembangkan XHTML

HTML : Hyper Text Markup Language

CSS      : Cascading Style Sheet

JS         : Java Script

XML    : eXtentible Markup Language

XHTML : eXtentible Hyper Text Markup Language 

hal-hal tersebut yang menjadi suatu dasar dalam pemograman web.

Bagaimana cara kerja suatu web?

sebagai contoh,bila kita memasukan alamat URL ke dalam web browser(translater) maka akan terjadi HTTP request ke dalam jaringan Internet yang luas,untuk mencari web server mana yang terdapat nama domain yang kita inginkan,setelah didapatkan alamat URLnya maka akan dilakukannya HTTP Response ke web browser kita sehingga kita dapat melihat alamat URL yang kita minta.

Ini adalah beberapa contoh bila kita akan membuat suatu web:

<....> = ini disebut TAG, dapat melakukan suatu perintah didalam pemograman web

b= BOLD, agar memberi efek text menjadi tebal

hr= Horizontal Ruler, membuat garis

br= Breaking Row, untuk membuat suatu baris baru

p= Paragraf, membuat suatu paragraf

s=Strikethough, membuat agar kata/huruf di coret

u= Underline, membuat suatu kata/huruf digaris bawahi

sup= membuat kata/huruf lebih ke bawah

sub=membuat kara/huruf lebih ke atas

font size="..." color="..."= membuat agar kata/huruf disesuaikan ukuran dan warnanya sesuai apa yang kita inginkan

dan masih banyak lagi efek-efek yang dapat kita tambahkan di dalam membuat suatu web,yang terutama kita harus berlatih dan mencoba untuk membuat suatu web agar lebih baik lagi di dalam tampilan dan isinya.