Ib-Awalludin Blog

MEMBUAT WEBSITE SEDERHANA !!!

ib-awalludin Oktober 17, 2013

hari ini saya cuma mw share aj tentang materi kuliah pemrograman web di kampus. . . yaitu TENTANG MEMBUAT WEB SEDERHANA MENGGUNAKAN HTML.. silahkan di simak...

1. buatlah sebuah folder dengan nama web di desktop. . .kenapa harus di desktop?? biar gampang aja dibukanya. . .hehehe

2. bukalah folder web yang tadi dibuat dan buatlah folder kembali dengan nama images. .ingat ya images bukan image. .karna folder images ini untuk kita menaruh/menyimpan gambar yang ingin kita tampilkan di halaman web kita.. jdi kalaw pakai nama folder lain atau misal image sja itu tidak akan terbaca/nampil di halaman web kita. . .ngerti yah. . .

3. buka folder images lalu ambil lah beberapa gambar atau foto (seterah mw ambilnya dimana) kalau sudah menemukan gambar/foto yg pas. . .pindahkan lah gambar/foto tersebut ke folder images. oiiia masukan 4 gambar sja kedalam folder images dn gantilah nama gambar" tersebut seperti gambar dibawah ini...

4. bukalah sebuah Notepad atau Notepad ++. . . lalu pastekan sourcecode di bawah ini

<html>
<head>
<title>ini web ku</title>
</head>
<body width="9000" background ="images/o.jpg" >
<center>

<table bordercolor="yellow"  width="900" height="470" cellpadding="8"
 border="5%">
<tr> 
<td colspan="2"><marquee behavior="alternate" bgcolor="#0099FF">
<center>
<img src="images/nunu.jpg" width="90" height="151"><font face="arial black" color="red" size="30">Ini Tugas Pertama Anda</font> 
<img src="images/nunu.jpg" width="90"></center>
</marquee>
</td> 
 
</tr>
<tr>
 <td width="200" valign="top"><p>
<font size="4pt" face="arial" color="yellow"><b>Klik gambar panah di bawah ini untuk ke halaman berikutnya
</font></p>
<p>
<font color="yellow" size="4pt" face="arial"><a target="blank" href="pertama.html"><img src="images/panah.jpg" width="170" height="123"></a></font></p>
</td>
 
 <td valign="top"><p>
<font size="4pt" color="red"><b>Ini Adalah halaman web sederhana menggunakan HTML</p>
</font>
 
 <p>
<font size="4pt" color="#00CCFF"><b>Mata kuliah semester 5</p>
</font>
 <ul>
<li style="color:#00CCFF;"><font size="4pt" color="#00CCFF"><b>Pemrograman Berorientasi Objek</font></li>
<li style="color:#00CCFF;"><font size="4pt" color="#00CCFF">Pemrograman Web</font></li>
</ul>
<font size="4pt" color="#00CCFF"">Mata kuliah Semester 6</font>
 <ul type="square" color="white">
<li style="color:#00CCFF;"><font size="4pt" color="#00CCFF"">Pemrograman Visual</font>
<li style="color:#00CCFF;"><font size="4pt" color="#00CCFF">Pemrograman Web 2</font>
   <br>
   <br>
   
   <table bgcolor="white" width="510" border="1" cellspacing="1" cellpadding="0">
<tr>
       <td width="192" rowspan="2"><font size="4pt">Mata kuliah Semester 5</font></td>
       <td width="309"><font size="4pt">Pemrograman Berorientasi Objek</font></td>
       </tr>
<tr>
       <td><font size="4pt" >Pemrograman Web</font></td>
       </tr>
<tr>
       <td rowspan="2"><font size="4pt" >Mata kuliah Semester 6</font></td>
       <td><font size="4pt" >Pemrograman Visual</font></td>
       </tr>
<tr>
       <td><font size="4pt">Pemrograman Web 2</font></td>
       </tr>
</table>
<br>
 </ul>
</td></tr>
</table>
</body>
</html>

lalu save lah di folder web yg sudah kita buat di desktop td dengan nama index.html

5. bukalah Notepad atau Notepad ++ lalu klik file -> new dan paste kan lah sourcecode di bawah ini. . .

<html>
<head>
<title>SELESAI</title>
</head>
<body background="images/o.jpg">
<center>
<br>
<br>
<br>
<br>
<br>
<font face="Cooper Black" size="7pt" color="yellow">SELAMAT !!! <br> ANDA TELAH MENYELESAIKAN TUGAS PERTAMA </font>
</body>
</html>

lalu save lah di folder web yg sudah kita buat di desktop td dengan nama pertama.html

Hasilnya akan jadi seperti ini. . . TARRRRAAAAAA :-)

ini untuk yg file index.html

ini untuk yang file pertama.html

Membuat Form Input Biodata Dengan Html

Web (HTML&CSS)

ib-awalludin September 04, 2013

ib-awalludin

udah lama juga gak saya gak nulis.. sibuk sama aktifitas di luar... jadi curhat begini ya....

langsung aja deh... tulisan saya ini akan membahas tentang bagaimana caranya membuat form input data/biodadata atau sejadinya jg saya akan memberikan source codenya langsung..

<html>
<head>
<title>Form Input Biodata</title>
<meta name="" content="">
</head>
<body>

membuat program menghitung umur dengan pascal

Artikel Umum

ib-awalludin Desember 16, 2012

ib-awalludin

pasti anda ingin tau kan umur anda sekarang berapa...sekarang saya akan memberitahukan bagaimana cara menhitung umur kita menggunakan bahasa pemrograman turbo pascal...

ini dia coodingnya...

Cara membuat shorcut shutdown di desktop

Artikel Umum

ib-awalludin Desember 08, 2012

ib-awalludin

kali ini saya akan memberitahukan anda bagaimana caranya membuat shortcut shutdown di desktop..
.

langsung aje di simak..

1. Klik kanan pada desktop kemudian klik/pilih new lalu pilih shortcut

2. Pada jendela yang muncul ketikkan perintah “shutdown -s-t 00” (tanpa tanda kutip kemudian klik next

3. Beri nama shortcut anda sesuai dengan kehendak (misalnya : Shutdown) kemudian klik

finish.

CARA MEMBUAT PROGRAM SIMMPLE LOGIN PADA JAVA

Java

ib-awalludin Juni 24, 2012 Add Comment

ib-awalludin

CONTOH PROGRAM SIMPLE LOGIN PADA JAVA

Contoh program sederhana yang menampilkan form login ini ada di dalam JFrame. Inputan username berupa JTextField dan inputan password berupa JPasswordField serta tombol yang dibuat dengan JButton. Form sederhana ini juga mendemonstrasikan adanya Listener berupa ActionListener.

berikut contoh programnya:

silahkan di comot codingnya brow:

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

public class SimpleLogin extends JFrame implements ActionListener {
private JLabel label1, label2;
private JTextField txtUser;
private JPasswordField pwdPass;
private JButton btnLogin, btnExit;

public SimpleLogin() {
super ("Login here...");
Container container = getContentPane();
container.setLayout(new FlowLayout());

label1 = new JLabel ("Username : ");
label2 = new JLabel ("Password : ");
txtUser = new JTextField (20);
txtUser.setToolTipText("Input Username");
pwdPass = new JPasswordField(20);
btnLogin = new JButton ("Login");
btnLogin.addActionListener(this);
btnExit = new JButton ("Exit");
btnExit.addActionListener(this);
container.add(label1);
container.add(txtUser);
container.add(label2);
container.add(pwdPass);
container.add(btnLogin);
container.add(btnExit);

setSize (300,200);
setVisible (true);

}

public static void main (String args[]) {
SimpleLogin test = new SimpleLogin();
test.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}