Sie sind auf Seite 1von 8

F T ra n sf o F T ra n sf o

PD rm PD rm
Y Y
Y

Y
er

er
ABB

ABB
y

y
bu

bu
2.0

2.0
to

to
re

re
he

he
k

k
lic

lic
C

C
w om w om
w

w
w. w.
A B B Y Y.c A B B Y Y.c

PEMROGRAMAN INTERNET I
DOSEN PENGAMPU : M. ZULKARNAEN,S.KOM

NAMA : ERFIN YULIANTO

NIM : 08.5.00066

JURUSAN : TI-S1

SEKOLAH TINGGI MANAJEMENT INFORMATIKA DAN KOMPUTER

STMIK SINAR NUSANTARA SURAKARTA

TAHUN 2010
F T ra n sf o F T ra n sf o
PD rm PD rm
Y Y
Y

Y
er

er
ABB

ABB
y

y
bu

bu
2.0

2.0
to

to
re

re
he

he
k

k
lic

lic
C

C
w om w om
w

w
w. w.
A B B Y Y.c A B B Y Y.c

1. Latar belakang perusahaan


Nama perusahan : PT. MUTU GADING TEKSTIL
Berdiri tahun: 1998
Pemilik perusahaan : Mr. Marimutu Ganesan
Warga Negara : India
Bergerak di bidang : Industri tekstil ( polyester )
Bahan dasar : Chips
Produksi benang : POY , DTY
2. Web site
Tampilan web site
F T ra n sf o F T ra n sf o
PD rm PD rm
Y Y
Y

Y
er

er
ABB

ABB
y

y
bu

bu
2.0

2.0
to

to
re

re
he

he
k

k
lic

lic
C

C
w om w om
w

w
w. w.
A B B Y Y.c A B B Y Y.c

Script web site

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>PT. MUTU GADING TEKSTIL</title>
<meta http-equiv="content-language" content="en">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index,follow" />
<meta name="keywords" content="mutugading,mutu gading, PT. MUTU GADING TEKSTIL,
benang, yarn, polyester, filament, iso, certified, sig sixma, dope dyed, Micro
Filament yarns, Cationic yarns, Coloured yarns, Bishrinkage yarns, DTY, NIM, SH
NIM, HC NIM, LIM, SIM, IM, HIM" />
<meta name="description" content="PT. Mutu Gading Tekstil is a world class
producer of polyester filament yarn in Indonesia." />
<script language="javascript" src="includes/jquery.js"></script>
<script language="javascript" src="includes/thickbox.js"></script>
<link href="includes/thickbox.css" rel="stylesheet" type="text/css" />
<link href="images/style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<!--[if lte IE 6]>
<link href="images/ie6.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script type="text/javascript" src="images/dropdown.js"></script>
</head>
<body>
<noscript><h3>Your browser does not support script</h3></noscript>
<!--warp start-->
<div id="warp">
<!--header start-->
<div id="head">
<div id="head-topnav">
<ul>
<li><a href="?m=careers">Careers</a></li>
<li><a href="http://mail.mutugading.com">Sign In
Mail</a></li>
<li class="last"><a href="#">Sitemap</a></li>
</ul>
</div>
<div class="clear"></div>
<div id="head-nav">
F T ra n sf o F T ra n sf o
PD rm PD rm
Y Y
Y

Y
er

er
ABB

ABB
y

y
bu

bu
2.0

2.0
to

to
re

re
he

he
k

k
lic

lic
C

C
w om w om
w

w
w. w.
A B B Y Y.c A B B Y Y.c

<ul>
<li><a href="index.php">Home</a></li>
<li><a href="#" onclick="return clickreturnvalue()"
onmouseover="dropdownmenu(this, event, menu1, '120px')"
onmouseout="delayhidemenu()">Company</a></li>
<!--<li><a href="#" onclick="return
clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, '100px')"
onmouseout="delayhidemenu()">Group</a></li>-->
<li><a href="#" onclick="return clickreturnvalue()"
onmouseover="dropdownmenu(this, event, menu3, '100px')"
onmouseout="delayhidemenu()">Product</a></li>
<li><a href="#" onclick="return clickreturnvalue()"
onmouseover="dropdownmenu(this, event, menu2, '160px')"
onmouseout="delayhidemenu()">Facilities</a></li>
<li class="last"><a href="?m=contact">Contact
Us</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!--header end-->
<div id="main">
<div id="main-content-bottom">
<div id="main-content">
<div id="main-left">
<!--login form
<form action="http://mail.mutugading.com/src/redirect.php" method="post"
name="login" class="loginform" id="login">
<br />
<input type="hidden" name="js_autodetect_result" value="0" />
<label class="loginlabel" style="margin-top:15px;">Username :</label>
<input name="login_username" type="text" class="logintext1"
id="login_username" size="15" />
<br />
<label class="loginlabel">Password :</label>
<input name="secretkey" type="password" class="logintext2" id="secretkey"
size="15" />
<br />
<input name="submit" type="submit" class="button" id="submit"
value="LOGIN" />
</form>
login form end
<div id="main-left-flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#versi
on=7,0,19,0" width="188" height="141">
<param name="movie"
value="images/left2.swf" />
<param name="quality" value="high" />
<embed src="images/left.swf"
quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="188" height="141"></embed>
</object>
</div>-->
<div id="main-left-item-02">
<ul>
F T ra n sf o F T ra n sf o
PD rm PD rm
Y Y
Y

Y
er

er
ABB

ABB
y

y
bu

bu
2.0

2.0
to

to
re

re
he

he
k

k
lic

lic
C

C
w om w om
w

w
w. w.
A B B Y Y.c A B B Y Y.c

<!--<li><object classid="clsid:D27CDB6E-AE6D-11cf-
96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#versi
on=7,0,19,0" width="188" height="141">
<param name="movie"
value="images/left2.swf" />
<param name="quality" value="high" />
<embed src="images/left.swf"
quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="188" height="141"></embed>
</object>
</li>-->
<li><img src="images/bn001.jpg" border="0" /></li>
<li><img src="images/bn008.jpg" /></li>
<li><img src="images/bn003.jpg" border="0" /></li>
<li><p class="patch"></p></li>
</ul>
</div> </div>
<div id="main-right">
<div id="main-right-img">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#versi
on=5,0,0,0" width="550" height="220">
<param name="movie" value="images/mg.swf">
<param name="quality" value="high">
<param name="Wmode" value="Transparent">
<param name="Menu" value="False">
<embed src="images/mg.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-
shockwave-flash" width="550" height="220" wmode="Transparent" menu="False">
</embed>
</object>
</div>
<p>PT. Mutu Gading Tekstil is a world class producer of polyester filament
yarn in Indonesia.</p>
<p>PT Mutu Gading Tekstil is an <strong>ISO 9001: 2008 &nbsp;certified
company</strong> with modern concepts of lean six sigma and strict quality systems
to delight the customers. It is the perfect place for quality yarns due to the
unique blend of man , machine and material.</p>
<p>PT Mutu Gading Tekstil has a diverse range of polyester filament yarns
catering to all segments of the fabric&nbsp; industry.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="main-bottom-item">
<ul>
<li><a href="?m=green_environment"><img
src="images/gb11.jpg" width="170" height="80" border="0" /></a></li>
<li><a href="?m=lean_six_sigma"><img
src="images/gb2.jpg" border="0" /></a></li>
<li><a href="?m=customer_relationship"><img
src="images/gb3.jpg" border="0" /></a></li>
</ul>
<div class="clear"></div>
F T ra n sf o F T ra n sf o
PD rm PD rm
Y Y
Y

Y
er

er
ABB

ABB
y

y
bu

bu
2.0

2.0
to

to
re

re
he

he
k

k
lic

lic
C

C
w om w om
w

w
w. w.
A B B Y Y.c A B B Y Y.c

</div>

</div>
<div class="clear"></div>
</div>
</div>
</div>
<!--footer start-->
<div id="bottom">
<div id="bottom-content">Copyright© 2010 <strong>PT. Mutu Gading
Tekstil</strong> all right reserved. <strong>Privacy Policy</strong> - <a
href="mailto:it@mutugading.com">Administrator </a> | &nbsp;&nbsp;3655<!--
Histats.com START
<script type="text/javascript" >
var s_sid = 955741; var st_dominio = 4;
var cimg = 601; var cwi =110; var che =30;
</script>
<script type="text/javascript" language="javascript"
src="http://s10.histats.com/js9.js"></script>
<noscript><p>
<img src="http://s4.histats.com/stats/0.gif?955741&1" alt="cool hit
counter" /></p>
</noscript>
Histats.com END -->
</div>
<!--footer end-->
</div>
<!--warp end-->
</body>
</html>

3. Pembuatan web site


a) Nama web site : www.mutugading.com
b) Warna yang digunakan : #45ABDE ( Dark blue lighter 60% )

Untuk paduan warna web site tersebut hanya menggunakan satu warna dasar, karena lebih
dominan menggunakan warna dari gambar.

c) Text yang digunakan : Arial, Helvetica, sans-serif


Warna text : Black, White
d) Navigasi
Untuk navigasinya menggunakan “Dropdown menu”

Contoh :
</script>
<script type="text/javascript" src="images/dropdown.js">
</script>
<li>
<a href="#" onclick="return clickreturnvalue()"
F T ra n sf o F T ra n sf o
PD rm PD rm
Y Y
Y

Y
er

er
ABB

ABB
y

y
bu

bu
2.0

2.0
to

to
re

re
he

he
k

k
lic

lic
C

C
w om w om
w

w
w. w.
A B B Y Y.c A B B Y Y.c

onmouseover="dropdownmenu(this, event, menu1, '120px')"


onmouseout="delayhidemenu()">Company</a>
</li>

e) Animasi yang dipakai dalam pembuatan web site adalah “swish”

f) Gambar – gambar untuk web

site

Favicon.ico
F T ra n sf o F T ra n sf o
PD rm PD rm
Y Y
Y

Y
er

er
ABB

ABB
y

y
bu

bu
2.0

2.0
to

to
re

re
he

he
k

k
lic

lic
C

C
w om w om
w

w
w. w.
A B B Y Y.c A B B Y Y.c

g) Saran untuk perbaikan web site


Yang perlu ditambah adalah :
· Fasilitas search
Memudahkan pengguna web site untuk mencari informasi tentang isi web site.
· Contact yang diarahkan langsung / conect dengan marketing.
Memudahkan customer / customer baru dalam pemesanan product.
· Semua jenis product supaya ditampilkan di website.

Das könnte Ihnen auch gefallen