Selasa, 14 Januari 2014

Frame dan Frame Inline

 Frame
Kelemahan Frame 
  • Web developer  harus memain-tain dokumen HTML yang lebih banyak  serta "Load" yang lebih berat  pada sisi server
  • Menimbulkan  masalah navigasi, dimana sulitnya  user untuk mengklik pada frame
  • kesulitan  untuk mencetak (print) keseluruhan halaman  Web
  • Sulitnya isi frame untuk di Book-mark  maupun ditemukan  oleh search engine
Tag Pembentuk Frame 

<html>
<head>
<title> Litlechair Index</title>
</head>
  <frameset cols="175,*">
     <frame src="doc.list.html">
     <frame src="faq.html">
</frameset>
<noframes>
You need a Frames-enabled  browser to view this page
</noframes>
</html>
 
Mendefenisikan Lebar Frame
Atribut Rows dan Cols
   Contoh : <Frameset rows="100,200,300">

Frame Inline
  • Mendefenisikan sebagian daerah pada halaman web  untuk menampilkan halaman web  untuk menampilkan halaman web lainya.
  • Untuk membuat  sebuah frame inline  digunakan pasangan tag <iframe>....</iframe>
 Beberapa Atribut yang tersedia

  • align yaitu  menentukan perataan iframe terhadap teks disekeliling Iframe   Nilai : Bottom , Left (default), middle, Right dan Top
  • Frameborder Yaitu Menampilkan atau menyembunyikan  bingkai Iframe Nilai : 0. No atau 1, Yes (Default)
  • Height Yaitu  Menentukan tinggi Iframe 
  • Hspace yaitu Menentukan  jarak spasi horizontal  antara iframe  dengan objek  di sekitarnya 
  • Longdesc Yaitu Url ke Rincian mengenai isi Frame 
  • Margin Height Yaitu Menentukan  batas atas dan bawah  antara dokumen  dengan bingkai  dalam pixel
  • MarginWidth Yaitu  Menentukan batas kiri  dan kanan  antara dokumen  dengan bingkai dalam pixel
  • name yaitu mendefenisikan nama objek dari iframe , dimana nama ini dapat digunakan  sebagai tujuan  sebuah link
  • scrooling Yaitu Menentukan apakah Iframe dapat memiliki scroolbar,. nilai :auto(default) , no, yes
  • src Yaitu Menentukan nama file Html yang digunakan sebagai isi frame 
  • Vspace yaitu Menentukan jarak spasi antara Vertical antara  Iframe  dengan objek sekitarnya 
  • Width Yaitu Menentukan lebar Iframe

Form

Membuat Form di HTML

  • Tag <Form>...</Form>: Mendefenisikan Form atau sebagai Kontainer untuk keseluruhan isi Form
  • Form dapat berisi sejumlah objek Form maupun Elemen Block lainya 
Atribut yang diperlukan
  • Action Yaitu Menentukan URL atau direktori dari file yang digunakan untuk mengolah form tersebut
  • Method Yaitu Menentukan metode pengolahan Form
        *Get Artinya Mengirimkan data pada server dengan cara meletakkannya pada bagian akhir URL
         *Post Artinya Mengirim seluruh data dari form yang terpisah dari URL
 
Contoh Membuat form di HTML
         <Html>
         <Head>
                        <Title>Mailing List</Title>
         </Head>
         <Body>
                <h1>Mailing List</h1>
           
                <Form Action="/cgi-bin/mailinglist.pl" method="post">
                <Fieldset>
                <legend>Join on our Email list</legend>
                <p> Get news about the band such as  tour dates and special MP3 releases sent to your own in-box.</p>
               <ol>
               <li><label for="name">Name:</label>
                     <input type="text" name ="name" id="name"></li>
               <li><label for="name">Email:</label>
                     <input type="text" name="email" id="email"></li>
              </ol>
              <input type="submit" value="submit">
              </fieldset>
              </form>
</body>
</Html>
 
Objek Objek Form
  •  Objek Label
  •  Objek Text 
  •  Objek Password
  •  Objek Hidden 
  •  Objek Textarea
  •  Objek Fieldset
  •  Objek Radio
  •  Objek CheckBox
  •  Objek List
  •  Objek Tombol Submit
  •  Objek Tombol Reset
  •  Objek Tombol Button
  •  Objek Tombol Image
  •  Objek File
 
 
 

Cascading Style Sheets (CSS)

Kelebihan
  • Menyederhanakan perancangan halam web
  •  Memudahkan pemeliharaan halaman web
  • Memperkecil ukuran File HTML
Kelemahan
  •  Halaman web mungkin tidak di tampilkan dengan benar  pada browser sesuai spesifikasi CSS

Versi CSS
  • CSS1> Desember 1996
  • CSS2>1998
  • CSS2.1
  • CSS3>Riset

Rule 

Terdiri dari tiga bagian : Selector, Property Dan Value
* Selector :Elemen  atau Tag HTML normal yang anda ingin di defenisikan(disebut juga dengan element selector)
*Property :Atribut yang anda ingin pilih , dimana masing masing property dapat di beri sebuah nilai
*penulisan antara Property  dan Value dipisahkan oleh tanda titik dua  dan di buka dengan tanda { dan di tutup dengan }
Contoh 
body {color :black;}
P{font-Family: Sans-serif;}
P {font-align:center;color: Red;}
P{
      Text-align:center;
       color:black;
      Font-family:arial;}

Deklarasi CSS
    Global
 <html>
<head>
       <title>judul</title>
       <Style type="text/css">
       <!--
             ....
              isi style
             .....
       ...> 
      </style>
</head>
<body>
.....
Isi dokumen
....
</body>
</html>

17 Nama warna standar di Css2.1

* Black   *Gray   *Silver  *White  *Maroon   *Red  *Purple
*Fuchsia  *Green   *Lime  *Olive  *Olive   *Yellow   *Navy
*Blue    *Teal  *Aqua  *Orange

Css Backgorund 

 * Background :Property  untuk pengaturan  keseluruhan property  background  dalam sebuah deklarasi
* Background-Attacment :Mengatur apakah gambar latar tetap atau bergulung Terhadap keseluruhan halaman
* Background-Color: Mengatur warna latar dari sebuah elemen
* Background-Image: mengatur gambar sebagai latar
* Background-Position: Mengatur Posisi awal dari gambar latar
*  Background-Repeat: Mengatur Perulangan Gambar latar  dan bagaimana perulangannya

Css Text

* Color: Mengatur Warna tulisan 
* Direction : Mengatur Arah pembacaan tulisan 
* Line Height: Mengatur jarak Antara baris 
* Letter-Spacing : Mengatur spasi antara Karakter
* Text-align: Mengatur perataan  pada sebuah elemen 
* Text-Decoration:Menambah dekorasi Pada Tulisan  
 

Selasa, 26 November 2013

Cerpen

A END OF WAITING




Setelah kita kenal begitu lama, aku mengenal dia dengan ramah, dengan baik, walaupun diantara kita tak pernah ada satu perkataan .tiba tiba semua perasaanku menjelma , berubah entahlah apa isi otakku.aku menyukainya , aku menyayanginya. aku yakin dia pun begitu, tapi aku tidak pernah percaya itu, aku tidak percaya jika dia menyukai ku juga,aku hanya berharap begitu banyak padanya.

hari ini ekstra pramuka sebenarnya , aku sama Rio mau bicara tapi dia tidak mau, dia tetap tidak membuka kesempatan untuk perasaan kita.tapi aku masih yakin bila dia benar benar mencintaiku. Sore itu aku hanya pulang dengan semua mimpi-ku yang telah pupus.aku tak membawa secuil harapan lagi untuk harapan ini.
Malam ini aku tulis surat untuk-nya , aku harap ada sedikit respon darinya , dan respon itu tidak membuatku patah hati dan patah semangat. Aku tahu Tuhan pasti mengerti  di setiap  Mimpi dan harapanku,setelah selesai aku pun tidur. hari ini aku sengaja bangun pagi, selain aku piket aku juga ingin melihatnya lebih awal ,hehe.aku datang pertama kali kesekolah , datang pertama juga di kelas , aku langsung piket, bersihkan semuanya. setelah selesai , aku kasih langsung surat itu kedia, aku tidak pernah mengira hal buruk apapun menimpa setelah surat itu kau baca . tiba tiba sari datang mengetuk pintu kelasku. dia meminta ijin dahulu,lalu memanggilku untuk menemuinya , aku yang bingung langsung saja aku menurut.

"Nich surat dari Rio!" kata Sari sambil memberikan surat dari Rio
/"Apa ini? jawaban surat ku tadi pagi ya?"
"Iya,, baca aja, dia bilang dia minta maaf kalau sudah menyakitin perasaan kamu, dia nggk bermaksud kayak gitu, Ia udah baca aja"
"Iya,, Makasih sudah nganterin suratnya , aku titip salam buat dia"

Seketika aku menangis , air mata ini sudah tak bisa kutahan lagi, tetes demi tetes mulai membasahi wajahku , lalu ku hapus lagi begitupun seterusnya. aku masuk kelas dan lanjutkan pelajaran yang sempat tertunda ,a ku anggap saja ini semua tidak pernah terjadi.

"Ada apa si Yuk?" tanya Ega.
"Di...dia..dia udah jawab semuanya " kataku terbata bata
"jawab Apa? Bukanya diantara kalian tidak pernah ada apa-apa?"
"Dia nggk suka aku Ga, aku sich Fine Fine aja tetapi kenapa harus sari , dulu pass kamu sama si Raffy putus, Sari juga khan yang ngantar?"
"Iya ya. kok aku Lupa ya? Ia udah dech , kamu yang sabar aja, cowok itu khan nggk cuma satu kok, nggk cuma dia doang"
"Iya Ga, Makasih" jawabku sambil mengusap Air mataku
"Iya sama sama"

Sulit menjalani tanpanya lagi, walaupun kita hanya sebatas gebetan, tetapi ternyata hal itu membuatku kita menjadi bersahabat. berbulan bulan aku nanti jawabanmu lagi, tapi jawaban itulah yang sudah kamu tetapkan. Aku hanya pasrah, aku menangis, bagaimana tidak jika seseorang yang aku sukai telah membuatku menangis.

Aku harap suatu saat nanti Tuhan mempertemukan kita , dan Allah ijinkan kita bersama, Jika Tuhan tidak mentakdirkan kita bersam  biarlah perasaan itu menjadi sebuah kenangan  masa SMA kita....

Kamis, 31 Oktober 2013

Haloo, Nama saya Henra  Simanjuntak kuliah di STMIK-STIE-MIKROSKIL  mengambil Jurusan Manajemen Informatika (D3).
Kuliah disana memang berat tetapi semua itu harus di lalui demi suatu impian yang sudah pasti yaitu menjadi orang sukses, dan itu lah tujuan kedua selain berhubungan dengan Tuhan ku yaitu Yesus Kristus.
saya percaya dengan pepatah "Bersakit sakit dahulu bersenang kemudian",Hehe bukan "bersakit sakit mati kemudian" sekarang saya bisa merasakan Pahitnya kehidupan itu sekarang  tapi nanti semua itu akan ku Tuai dengan rasa senang..Haha :D Amin..
sekarang saya sudah menjalani semester lima aku berpikir kayak berada dalam mimpi sekarang karena sesuatu yang mustahil rasanya sampai semester lima Puji Tuhan semua itu kenyataan, itu bukan karena kekuatan atau pintarnya  saya  tetapi karena kekuatan Tuhan ku Yaitu Yesus Kristus menopangi hidup ku selama perkuliahan.
dan aku meminta nanti dengan sungguh sungguh kepada Yesus Tuhan ku agar saya bisa cepat tamat dari kampus ini mendapat gelar Henra Simanjuntak Amd.
agar bisa mencari kerja mana  tau gaji tersebut bisa membantu perekonomian di kampung, karena mereka atau orang tua sudah capek capek menyekolahkan saya jadi mau nggk mau harus membalas semua itu.
Amin.. Amin.. Amin... 

Tuhan dengar doa ku Ini..


Oleh : Henra Simanjuntak