Headers

  1. Home
  2. Informatika
    1. Internet   »
      1. YM Versi Web
      2. Membuat Tabel Scroll
      3. Menulis HTML
      4. Miliki Blogspot
      5. Penamaan Co Cc
      6. Pasang Blogumulus
    2. Computer   »
      1. PDF Reader
      2. Mengetik 10 Jari
      3. Membuat Daftar Isi
      4. Rahasia Mengetik Pascal
    3. Cellular
    4. Story   »
      1. The Blogger
      2. People   »
        1. Bill Gates
        2. Marco Calasan
        3. Matsushita
        4. Albert Einstein
        5. Bob Buford
      3. Harley Davidson
    5. Culture   »
      1. Jakarta
      2. Objek Wisata Pandeglang
    6. Josh Adventure   »
      1. Reinkarnasi
      2. Pulau Seribu
  3. Study
    1. Josh Info
    2. Jadwal Kuliah   »
      1. Jadwal Semester III
      2. Jadwal Semester IV
    3. Materi Kuliah   »
      1. Materi Semester III  »
        1. Matematika Diskrit   »
          1. 24 October 2009
          2. 7 November 2009
          3. 21 November 2009
          4. 5 December 2009
        2. Basis Data   »
          1. 25 October 2009
          2. 8 November 2009
          3. 22 November 2009
          4. 6 December 2009
          5. Answer 6 Dec 2009
        3. Statistik   »
          1. 25 October 2009
          2. 8 November 2009
          3. 22 November 2009
          4. 6 December 2009
        4. Pemrograman C++   »
          1. 31 October 2009
          2. 14 November 2009
          3. 28 November 2009
        5. Bahasa Rakitan   »
          1. 1 November 2009
          2. 15 November 2009
          3. Answer 15 Nov 2009
          4. 29 November 2009
          5. Answer 29 Nov 2009
        6. Sistem Informasi   »
          1. 1 November 2009
          2. 15 November 2009
          3. 29 November 2009
      2. Materi Semester IV   »
        1. Pengenalan HTML
        2. Pemrograman Web
        3. Asitektur Komputer
        4. Grafik Komputer
        5. Otomata
    4. Modul   »
      1. Basis Data
      2. Pemrograman C++
      3. Sistem Informasi
  4. Bisnis
    1. Attempt
    2. Internet Marketing
    3. Affiliasi E-book
    4. Axis Asix
  5. Oase
    1. Penulis
    2. Belantara
    3. Setetes Embun   »
      1. Miracle
      2. Matahari
    4. Harapan Indah   »
      1. Pagi Itu
      2. Sepantasnya
      3. Harapan
      4. Variasi
      5. Pemburu
      6. Cobra
    5. Rona Buana   »
      1. Los Fedilas
      2. The Email
      3. Anita Swaradewi
      4. Aurora Jelita Sukma
      5. Anjani Indah Prewani
      6. Burung Hantu
      7. Kata Sederhana
  6. Download
    1. Joshaxis Appication
    2. Joshedukasi YM
    3. Joshatext
    4. Joshappy
    5. Joshun
    6. Kamus HP
  7. Game
    1. Game Catur (Chess)
  8. Link
  9. Contact

Thursday 8 October 2009

Menulis HTML Sederhana

Pada UTS semester ini, saya mendapat tugas kelompok bersama dengan seorang rekan untuk membuat softcopy dari sebuah Website Pemerintah yang dipilih oleh kami sendiri.

Untuk membuat front page / halaman mukanya, saya memakai notepad untuk menyusun html. Sebenarnya bukan rahasia kalau notepad bisa digunakan untuk hal ini. Yah..., kita tinggal mengetik kode html di notepad, kemudian simpan dengan extention *.html atau *.htm.
Mungkin ada yang sering lupa memilih bagian save as type ke all files sewaktu proses penyimpanannya sehingga menghasilkan *html.txt atau *htm.txt karena menyimpan dengan nama filenya ditambahi html atau html saja :)
Bila demikian ini terjadi, kita bisa save as ulang dengan benar atau rename saja file tersebut dengan extention *.html atau *.htm

Berikut ini sample front page yang saya maksud tadi :





INSTITUT SAINS DAN TEKNOLOGI AL-KAMAL

JAKARTA




Tugas Download Website Pemerintah ke CD


Mata Kuliah Komputer & Masyarakat


Fakultas Teknologi Industri

Jurusan Teknik Informatika



Disusun Oleh :


Nama Jendral Prof
Nim 2008 22 *** 2008 22 ***







Nb : Nama penyusun yang tertera adalah nama sebutan kami di Kampus... :)



Untuk membuat seperti ini kita tinggal mengetik kode html berikut di notepad :


<html>
<head>

<title>Penyusun : Jendral dan Prof</title>

<Tugas Download Website Pemerintah ke CD>
<Mata Kuliah Komputer & Masyarakat font: 12px Verdana, sans-serif;>

<style type="text/css">
<!--
a:link, a:active, a:visited {
color: #4A265A;
text-decoration: underline}

a:hover {
color: #4A265A;
text-decoration: none}
#navlist
{
padding: 0 1px 1px;
margin-left: 6;
font: bold 12px Verdana, sans-serif;
}
#navlist li
{
list-style: none;
margin: 0;
border-top: 0px solid gray;
display: inline;
}
#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.6em;
border-left: 0em solid #AAB;
background: #CCD;
text-decoration: none;
}
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }
#navlist li a:hover
{
border-color: #000090;
color: #FFF;
background: #332;
}
]]></b:skin>
body {

-->
</style>


</head>
<body bgcolor="white" marginwidth="10" marginheight="10" leftmargin="0" topmargin="0">
<center>
<FONT COLOR="blue" FONT SIZE="9">
INSTITUT SAINS DAN TEKNOLOGI AL-KAMAL<br>
JAKARTA<br><br></font>

<img src="Prof Jendral/ista.png" width="170" height="170" border="0">
<br><br>

Tugas Download Website Pemerintah ke CD
<br>
Mata Kuliah Komputer & Masyarakat<br>

Fakultas Teknologi Industri<br>
Jurusan Teknik Informatika <br>


Disusun Oleh :<br>

<TABLE BORDER=1 WIDTH=50%>
<TR>
<TD ALIGN=center>Nama</TD>
<TD ALIGN=center>Jendral</TD>
<TD ALIGN=center>Prof</TD>
</TR>
<TR>
<TD ALIGN=center>Nim</TD>
<TD ALIGN=center>2008 22 ***</TD>
<TD ALIGN=center>2008 22 ***</TD>
</TR>
</TABLE>
<div id="navcontainer">
<ul id="navlist">Isi dari CD ini adalah website resmi Pemerintah Kota Tanggerang<br>
<a href="Open.html" title="Bila ingin membuka secara online, arahkan browser Anda ke : www.tangerangkota.go.id">www.tangerangkota.go.id</a></li><br><br>
Untuk membuka silahkan tekan tombol ini :
<li><a href="Prof Jendral\index.htm" title="Buka Website Pemerintah Tanggerang">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Open&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
</ul>
</div>
<br>

</center>
</html>

Dalam kode diatas Prof Jendral adalah nama letak file yang tersimpan, sesuaikan dengan nama file Anda sendiri. Dan coba rubah dengan kreasi Anda .... :)

RELATED POST
LIST


Silahkan berbagi dengan teman melalui tombol-tombol share ini...

  • Stumb
  • Icious
  • Tech
  • Twitt
  • F.B.
  • Redit
  • Google
  • Furl
  • Mixx
  • Design
  • B.Mark
  • B.List
  • Diigo
  Menea
This share facebook

0 komentar:

  • :))
  • ;))
  • ;;)
  • :D
  • ;)
  • :p
  • :((
  • :)
  • :(
  • :X
  • =((
  • :-o
  • :-/
  • :-*
  • :|
  • 8-}
  • :)]
  • ~x(
  • :-t
  • b-(
  • :-L
  • x(
  • =))
  • :p
Post a Comment

U Comment I Follow
Thanks For Your Comment....

Recent Post

Recent Post
Enter your email :   

Spiders

Spiders
Load Counter

Blog Terbaik Versi Crypton97.us

Dofollow

Dofollow
U comment I follow
Dofollow merupakan attribute Spider Search Engine u/ memberi backlink komentar terindex google. Silahkan berkomentar...
Bisa sambil beriklan...
-----------
JOSHAXIS
-----------

Copyright © 2010 by JOSHAXIS - Seize The Day | Powered by BLOGGER

Thank You Visitted Joshaxis