Rabu, 30 Oktober 2013

INTERAKSI MANUSIA DAN KOMPUTER

Materi pembelajaran pertemuan pertama di upload setelah materi selesai oleh  karena saya harap anda semau mohon bersabar kalaupun gak sabar ya harus sabar klik di sini
Materi pembelajaran pertemuan ke dua klik di sini

PERTEMUAN 1

Minggu, 31 Maret 2013

Selasa, 05 Maret 2013

Selasa, 22 Januari 2013

membuat menu di html

File pertama: header.html

<html>
 <head><title>Ini adalah file header halaman web</title></head>
 <body>
    <H1>HEADER HALAMAN WEB ebook link knowledge</H1>
 </body>
 </html>

File kedua: menu.html


<html>
 <head><title>Ini adalah file menu halaman web</title></head>
 <body>
   <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">About Us</a></li>
     <li><a href="#">Contact Us</a></li>
   </ul>
 </body>
 </html>

File Ketiga: content.html


<html>
 <head><title>Ini adalah file content halaman web</title></head>
 <body>
    <p> Paragraph pertama adalah isi yang pertama dalam halaman content.html</p>
    <p> Paragraph kedua adalah isi ynag kedua dalam halaman content.html</p>
 </body>
 </html>

File Kempat: index.html


<html>
 <head><title>Ini adalah halaman utama</title></head>
   <frameset rows="20%, *">
   <frame src="header.html">
   <frameset cols="10%, *">
   <frame src="menu.html">
   <frame src="content.html">
   </frameset>
 </html>

html tingakt lanjut

<div style="border-right: rgb(153,153,153) 0px solid; border-top: rgb(153,153,153) 0px solid; overflow: auto; border-left: rgb(153,153,153) 0px solid; width: 380px; border-bottom: rgb(153,153,153) 0px solid; height: 200px; text-align: left">    <ul type="square">                                                 <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/3-situs-web-penghasil-dollar-cepat.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Situs-situs PTC yang membayar membersnya &amp; cepat process cashoutnya. </span></a>
</li>    <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/cara-mendaftar-ptc-neobux.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Cara mendaftar PTC NEOBUX </span></a>
</li>    <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/strategy-menghasilkan-100-500-perhari.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Cara menghasilkan $100-$200 perhari dengan PTC NEOBUX </span></a>
</li>    <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/cara-daftar-ptc-onbux.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Cara mendaftar PTC ONBUX </span></a>
</li>    <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/strategy-menghasilkan-ratusan-dollar.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Strategy ampuh menghasilkan $200-$500 perhari dengan mengikuti PTC ONBUX </span></a>
</li>    <li><a href="http://bisnisonlinetop1.blogspot.com/2011/04/strategy-sukses-ptc-incrasebux.html"><span style="font-family:Verdana;font-size:100%;color:#008080;">Tips sukses dengan PTC Incrasebux</span></a>
</li></ul>
</div>

membuatg video d html

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

layout 2

<!DOCTYPE html>
<html>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright ©sukas18.blogspot.com</div>

</div>

</body>
</html>

Senin, 21 Januari 2013

membuat layout1

<HTML>

<HEAD>

<TITLE> sukas </TITLE>

</HEAD>

<BODY>

<TABLE border="1" bgcolor="black" align="center">

<TR>

<TD align="center" bgcolor="blue" colspan="2" height="120" width="900">

<H1 align="center"><FONT color="yellow"> SUKAS-LAYOUT (-_-" </H1></FONT></TD>

</TR>

<TR>

<TD align="center" bgcolor="black" colspan="2" height="20" width="900">

<MARQUEE><FONT face="impact" color="white"> BELAJAR MEMBUAT LAYOUT OLEH : SUKASTRIYO <FONT></MARQUEE></TD>

</TR>

<TR>

<TD align="center" bgcolor="blue" width="150" height="400"></TD>

<TD align="center" bgcolor="gray" height="400"></TD>

</TR>

<TR>

<TD align="center" bgcolor="black" colspan="2" height="20" width="900">

<FONT face="impact" color="red">Copyright@2013</FONT></TD>

</TR>

</TABLE>

</BODY> 
</HTML>