Robbyalben STTinformatikaBatam

ARTIKEL SEKOLAH TINGGI TEKNIK STT IBNU SINA BATAM

sekolah tinggi teknik ibnu sina batam
adalah sebuah Sekolah Tinggi Teknik di Batam, Indonesia
alamat di jalan Teuku Umar Lubuk Baja, Batam.
Sekolah ini dikelola oleh Yayasan Pendidikan Ibnu Sina (YAPIS) Batam.
Sejarah berdirinya Yayasan Pendidikan Ibnu Sina Batam berdiri sejak tanggal 27 Rajab 1397 H.
Bertepatan dengan tanggal 14 Juli 1977 dibawah Pimpinan H. Andi Ibrahim, BA. Pengurus yayasan berkonsentrasi penuh di bidang pendidikan mulai dari TK, SD, SMP, SMK hingga Perguruan Tinggi. Untuk perguruan tinggi yayasana membina 4 Sekolah Tinggi yaitu :

STAI (Sekolah Tinggi Ilmu Agama)
STIE (Sekolah Tinggi Ilmu Ekonomi)
STT (Sekolah Tinggi Teknik)
STIKES (Sekolah Tinggi Ilmu Kesehatan)

Pada tahun 2001 setelah melakukan musyawarah dengan para pengurus yayasan dan tokoh masyarakat tentang rencana pendirian Sekolah Tinggi Teknik (STT) Ibnu Sina Batam guna mempersiapkan kebutuhan akan sumber daya manusia dibidang Teknologi guna menunjang, pengembangan daerah maupun Nasional khususnya di sektor industri.
Alhamdulillah pada tanggal 28 September 2001 resmi berdiri setelah mendapatkan izin penyelenggaraan dari Menteri Pendidikan Nasional dengan SK. Nomor 204/D/O/2001 dan Pengesahan Badan Hukum Yayasan dari MENHUMKAM nomor : AHU-AH.01.08-704

STT Ibnu sina Batam saat ini sedang membina dan mengembangkan 2 Program Studi yakni :

Program Studi Teknik Informatika, Status Terakreditasi BAN-PT No.015/BAN-PT/Ak-XII/S1/IV/2009. Bidang konsentrasi : Hardware dan Networking Software Engineering Multimedia

Program Studi Teknik Industri, Status Terakreditasi BAN-PT No. 010/BAN-PT/Ak-XII/S1/V/2009. Bidang konsentrasi : Teknik dan Manajemen Perusahaan Teknik Produksi dan Pengembangan Produk Desain Sistem Kerja dan Ekonomi
Dan saat ini sedang mengajukan permohonan izin pembukaan ProgramStudi Teknik Perkapalan, Teknik Sipil, Teknik Mesin, dan Teknik Elektro.

MEMBUAT TABLE KEREN DENGAN PHP

SCRIPT PHP

<!DOCTYPE html>
<html>
<body>
<body bg background="ped.jpg">
</body>
<body> <font color="BLUE"> <CENTER><h1>Welcome My First PHP Page :)</CENTER></h1>
<?php
$baris= 1;
echo "<CENTER><table border></CENTER>";
echo "<tr bgcolor=\"purple\">";
echo "<th><CENTER>Nama</CENTER></th>";
echo "<th><CENTER>Npm</CENTER></th>";
echo "<th><CENTER>No Telpon</CENTER></th>";
echo "</tr>";

$t="Robi Alben";
$n="14100128262010";
$x="081261312088";
{ $warna= ($baris% 5==5);
echo "<tr bgcolor=\"".$warna."\">";
echo "<td>$t</td>";
echo "<td>$n</td>";
echo "<td>$x</td>";
echo "</tr>";

$t="Dinda";
$n="14100128262001";
$x="086523214565";

echo "<tr bgcolor=\"".$warna."\">";
echo "<td>$t</td>";
echo "<td>$n</td>";
echo "<td>$x</td>";
echo "</tr>";

$t="Devi Anggraini";
$n="14100128262012";
$x="085756523654";

echo "<tr bgcolor=\"".$warna."\">";
echo "<td>$t</td>";
echo "<td>$n</td>";
echo "<td>$x</td>";
echo "</tr>";

$t="Mutia Fitri";
$n="14100128262026";
$x="081236549658";

echo "<tr bgcolor=\"".$warna."\">";
echo "<td>$t</td>";
echo "<td>$n</td>";
echo "<td>$x</td>";
echo "</tr>";

$t="Nurcahaya Manurung";
$n="14100128262020";
$x="085365645213";

echo "<tr bgcolor=\"".$warna."\">";
echo "<td>$t</td>";
echo "<td>$n</td>";
echo "<td>$x</td>";
echo "</tr>";


$baris++;
}
echo "<CENTER></table></CENTER>";
?>

</body>

HASIL DARI SCRIPT DI ATAS

MEMBUAT LAYOUT BIODATA DENGAN HTML & CSS

membuat sebuah biodata dalam layout menggunakan HTML dan CSS,

yang kebetulan ni merupakan tugas campus

Sebelum membuat sebuah Biodata alangkah baiknya teman-teman mempersiapkan text editor yang akan memudahkan dalam pengerjaan sepert Notepad++
Disini kita akan membuat 2 file HTML dan 2 file CSS

membuat HTML nya terlebih dahulu

silhakan salin script berikut :

<!doctype html>

<html>

<head>

</head>

<body>

</div>

<ul>

<li><a href="nav.html">Contact</a></li>

<li><a href="nav.html">About</a></li>

</ul>

</div>

<ul>

</ul>

</div>

<ul>

<li><a href="nav.html">BIODATA</a></li>

</ul>

<ul>

<p>

<P>Nama: Robi Alben</P>

<P>Alamat: Sekupang Batam</P>

<P>Kota asal: Bengkulu</P>

<P>Ttl: Bengkulu-08-01-1988</P>

<P>Hoby : playingFutsal<P>

</p>

</ul>

</div>

<h1>BARCALONA FC </h1>

<font color=red>Real Madrid dan Barcelona bukan hanya bersaing di lapangan. Di luar lapangan pun mereka saling beradu. Ketika berurusan dengan pemain paling penting di planet ini, Barcelona dan Real Madrid sering memiliki target bintang yang sama pada daftar incaran mereka.

perogram adalah kumpulan pernyataan komputer dalam program adalah algoritma. program di tulis dengan menggunakan bahasa program jadi bisa di sebut bahawa program adalah suatu implementasi dari bahasa program. algoritma merupakan jantung ilmu informatika.

</color>

</h2>

</div>

<bgcolor="red">copyright_robby.albhent@gmail.com

</div>

</body>

</html>

simpan script tersebut ke file yang anda ingin kan dengan type HTML ( . html)

Terus membuat CSS nya lagi

silhakan salin script berikut :

#image

{

background-image:url("fcb.jpg");

padding-left:100px;

height:150px;

}

#header{

background-color:#98bf21;

color:white;

text-align:center;

padding:5px;

padding-left:150px;

}

#nav {

line-height:28px;

height:300px;

width:130px;

float:right;

padding:5px;

}

#section{

width : 300px;

float : center;

padding-left : 100px;

}

#footer1{

background-color:#4c5f10;

clear:both;

text-align:center;

padding:5px;

}

#nav1 {

line-height:28px;

width:130px;

height:300px;

color:white;

text-align:center;

float:left;

padding:5px;

}

ul {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

}

li {

float:left;

}

a:link, a:visited {

display: block;

width: 120px;

font-weight: bold;

color: #ffffff;

background-color: #98bf21;

text-align: center;

padding: 4px;

text-decoration: none;

text-transform: uppercase;

}

a:hover, a:active {

background-color: #7A991A;

}

simpan script CSS nya ke folder yang sama dengan HTML di atas dengan type CSS ( . css)

HASIL DARI GABUNGAN SCRIPT HTML & CSS DI ATAS :

MEMBUAT LAYOUT WEBSITE KEREN GABUNGAN HTML DAN CSS

Menggabungkan HTML dan CSS

Untuk dasar cara membuat tampilan web atau layout menggunakan HTML dan CSS , kita perlu mengetahui apa-apa saja yang ada pada layout sebuah web sehingga terbentuk sebuah web seperti yang kita inginkan.

Di dalam sebuat web terdapat 4 urutan atau kerangka web yaitu, Header, Sidebar, Section (body), Footer.

Header : Kepala website. Tempat letak judul web, logo web dan lain sebagainya.

untuk lebih jelas nya lihat scrip html dan css di bawah ini:

script html

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</div>

<ul>

<li><a href="nav.html">Contact</a></li>

<li><a href="nav.html">About</a></li>

</ul>

</div>

<ul>

</ul>

</div>

<h1>LONDON</h1>

<p>

<font color=blue>algoritma adalah urutan langkah-langkah logis penyelesaian masalah yang di susun secara sistematis dan logis, langkah-langkah dalam algoritma harus logis dan dapat di tentukan nilai salah atau benar. algoritma harus benar artinya algoritma akan memberikan keluaran yang di kehendaki dari semua masukan yang di berikan. praktikum pemrograman dua kelas A

</p>

<p>

algoritma adalah jantung ilmu komputer atau informatika. banyak cabang ilmu komputer yang mengarah ke dalam trimilogi algoritma peratikum algoritma pemrograman dua kelas mata kuliah struktur data

</p>

</div>

<marquee >copyright_robby.albhent@gmail.com</marquee>

</div>

</body>

</html>

simpan script di atas dengan type html ( .html)

script css

#image

{

background-image:url("rby.jpg");

padding-left:100px;

height:187px;

}

#header{

background-color:#7B68EE;

color:red;

text-align:center;

padding:2px;

padding-left:400px;

}

#nav{

line-height:40px;

background-color:#7B68EE;

height:230px;

width:130px;

float:left;

padding:5px;

}

#section{

width:350px;

float:left;

padding:10px;

}

#footer{

background-color:#7B68EE;

color:gold;

clear:both;

text-align:center;

padding:5px;

}

ul {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

}

li {

float: left;

}

a:link, a:visited {

display: block;

width: 125px;

font-weight: bold;

color: gold;

background-color:#9400DE ;

text-align: center;

padding: 5px;

text-decoration: none;

text-transform: uppercase;

}

a:hover, a:active {

background-color: black;

}

simpan script di atas ke folder yang sama dengan html di atas tapi dengan type CSS ( .css)

HASIL DARI SCRIPT DI ATAS

CARA MEMBUAT LAYOUT WEBSITE DENGAN HTML

Untuk membuat website kita harus memiliki pemikiran tentang bagaimana layout dari sebuah website tersebut.

Maka dari itu tutorial ini sangatlah penting bagi kawan pembaca yang baru mengenal HTML dan .

Mau tahu bagaimana cara membuat layout sederhana website?

Simak langkah-langkah selanjutnya.

Membuat Kerangka Dasar

Dalam tahapan pembuatan kerangka dasar digunakan bahasa pemrograman HTML. Di dalam kerangka ini kita akan buat kerangka dari header, content, sidebar dan footer yang merupakan layout dasar pembuatan website. Silahkan ikuti code dibawah ini dan simpan file dengan nama index.html

SCRIP KODE HTML NYA

<!DOCTIPE html>
<html>

<head>
<link rel="styleesheet" type="tekt/css">
</head>
<body>

<div id="header">
<h1><font color=red><marquee bgcolor="yellow">city gallery</h1></color></marquee>
</div>

<div id="nav">
london<br>
paris<br>
tokyo<br>
</div>

<div id="section">
<h1>london</h1>

<p>
<font color=blue>algoritma adalah urutan langkah-langkah logis penyelesaian masalah yang di susun secara sistematis dan logis,
langkah-langkah dalam algoritma harus logis dan dapat di tentukan nilai salah atau benar.
algoritma harus benar artinya algoritma akan memberikan keluaran yang di kehendaki dari semua masukan yang di berikan.
praktikum pemrograman dua kelas A
</color>

</p>
<p>perogram adalah kumpulan pernyataan komputer dalam program adalah algoritma. program di tulis dengan menggunakan bahasa program
jadi bisa di sebut bahawa program adalah suatu implementasi dari bahasa program. algoritma merupakan jantung ilmu informatika.
algoritma adalah jantung ilmu komputer atau informatika. banyak cabang ilmu komputer yang mengarah ke dalam trimilogi algoritma peratikum algoritma pemrograman dua kelas
mata kuliah struktur data
</p>
</div>

<div id="footer">
<marquee bgcolor="red">copyright_robby.albhent@gmail.com
</div>
</body>
<body BGCOLOR="#00ff00">
</html>

HASIL DARI SCRIP DI ATAS

CARA MEMBUAT TABLE DENGAN HTML

MEMBUAT TABLE MENGGUNAKAN HTLM

Cara Membuat Tabel Di HTML.
Fungsi Tabel dalam HTML ini adalah bertujuan untuk menyajikan data dalam betuk baris dan kolom. Definisi Tabel Untuk di HTML adalah, suatu tempat untuk menampilkan sejumlah data dan informasi yang biasanya berupa kata-kata maupun bilangan yang tersusun dengan garis pembatas berupa kolom dan Baris.

Berikut adalah contoh kode membuat table sederhana dalam html :

<!DOCTYPE html>

<html>

<head>

<title>LATIHAN HTML</title>

</head>

<body>

<h1> <CENTER>SELAMAT DATANG</CENTER> </h1>

<tr>

<td> <CENTER>Jurusan</CENTER> </td>

</tr>

<tr>

<td>Rudi Hartono</td>

<td>Teknik Informatika</td>

</tr>

<tr>

<td>Yovi Hendrawan</td>

<td>Teknik Informatika</td>

</tr>

<tr>

<td>Rahmad Sanjaya</td>

<td>Teknik Informatika</td>

</tr>

<tr>

<td>Alberto Pratama</td>

<td>Teknik Informatika</td>

</tr>

<tr>

<td>Dedi Muklan</td>

<td>Teknik Informatika</td>

</tr>

<tr>

<td>Suhida</td>

<td>Teknik Informatika</td>

</tr>

<tr>

<td>Dinda</td>

<td>Teknik Informatika</td>

</tr>

<tr>

<td>Aji Budiarto</td>

<td>Teknik Informatika</td>

</tr>

<tr>

<td>Laude Asrun</td>

<td>Teknik Informatika</td>

</tr>

<tr>

<td>Muhamad Rasdianto</td>

<td>Teknik Informatika</td>

</tr>

</table>

</CENTER>

<p> <CENTER>INI ADALAH TUGAS HTML PERTAMA</CENTER> <br></p>

<p> <CENTER>Di Buat Oleh : Robi Alben<CENTER> </p>

</tr>

<tr>

</tr>

<tr>

</body>

</html>

HASIL DARI SCRIP DI ATAS

Robbyalben STTinformatikaBatam

Search

ARTIKEL SEKOLAH TINGGI TEKNIK STT IBNU SINA BATAM

MEMBUAT TABLE KEREN DENGAN PHP

MEMBUAT LAYOUT BIODATA DENGAN HTML & CSS

MEMBUAT LAYOUT WEBSITE KEREN GABUNGAN HTML DAN CSS

CARA MEMBUAT LAYOUT WEBSITE DENGAN HTML

CARA MEMBUAT TABLE DENGAN HTML

Link

Archive

Last Article

Last Comment

Popular Posts

Template Information

Test Footer 2