Senin, 27 Mei 2013

Penggunaan CSS pada desain HTML

Kita harus mendesain halaman web kita seindah mungkin agar dikunjungi banyak orang, orang menjdi tidak bosan ketika mengunjungi web anda. Misalnya di halaman anda diberi gambar atau mungkin diberi animasi cursor atau mungkin font(huruf) diberi warna atau mungkin anda ingin mengganti model font(huruf)....
Pakai apa ya kira-kira supaya tampilan halaman web kita tampil semenarik mungkin? hmmmm....mikir dulu....ah...Jawabannya adalah menggunakan FILE CSS.

Apa itu CSS? Makanan apa sih CSS itu? Kepanjangan dari CSS adalah CASCADING STYLE SHEET. CSS merupakan file yang berfungsi untuk mendesain dan membuat tampilan halaman web semenarik mungkin. file CSS berekstensi *.css, CSS dapat diimplementasikan di berbagai tools pemrograman web seperti ASP.Net, ASP, PHP, Crypton,dll.


File CSS dibuat di Adobe Dreamweaver / EditPlus / Notepad / Notepad++


Langkah-langkah pembuatan File CSS dengan program Notepad :

1. Buka Program Notepad 
2. Ketik kode Program ini di Notepad  :
      body
     {

           background-image : URL (NamaGambar.jpg);
       }
      h1
    {
          color:orange;
          text-align:center;
     }
    .kelasku
   {
         font-family:Times New Roman;
         font-size:20px;
    }


      Penjelasan dari contoh kecil di atas: 

      body{} merupakan coding yang berfungsi untuk mendesain tampilan halaman web anda secara global. Secara default, background dari halaman web itu berwarna putih. Ketika kita memakai file CSS dengan kode program body{ ... } maka background berubah dari warna putih menjadi gambar seukuran Firefox / Internet Explorer / Google Chrome.
Sedangkan code program .kelasku merupakan nama class. Class bersifat dinamis dan bisa digunakan di semua halaman website HTML.
3.  Setelah diketik code program yang ada di nomer 2, simpan dengan nama file tambahan.css dengan cara tekan CTRL+S kemudian ganti pilihan SAVE AS TYPE menjadi All Files lalu beri nama file tambahan.CSS pada kotak File Name terus tekan OK.

4. Masukkan File CSS itu di halaman HTML. Caranya adalah mengetik kode program . Kode itu ditulis setelah tag atau </font></p> <p> <font class="fullpost"><br></font></p> <p> <font class="fullpost">5. Setelah itu tampilan HTML anda akan berubah jadi warna yang menarik. Khusus untuk class penulisannya dilakukan dengan cara memanggil nama class di dalam tag HTML, contohnya sebagai berikut :</font></p> <p> <font class="fullpost">< td class=kelasku></font></p> <p> <font class="fullpost"><br></font></p> <p> <font class="fullpost"><br></font></p> <p> <font class="fullpost">SELAMAT MENCOBA teman-teman<br><br></font></p> <p> <font class="fullpost"> </font></p>

Selasa, 21 Mei 2013

REMIDIAN UH 2 XI IPS 2

Silahkan download Soal REMIDI UH 2 XI IPS 2

SOAL REMIDI

Jumat, 10 Mei 2013

SOAL TUGAS KELOMPOK XI IPS

Silahkan download tugas kelompok ini. Tugas ini untuk pengambilan nilai UH 3 dan TUGAS.

SOAL TUGAS KELOMPOK XI IPS

Tugas Dikirim ke email nicolausricat@gmail.com dengan subject email Nomer Kelompok_Kelas. File yang dikirim adalah FILE NOTEPAD yang isinya nama anggota kelompok_kelas_No Absen, File-File HTML, File-File Gambar.
Tugas dikirim paling lambat tanggal 23 Mei 2013 pukul 00.00 WIB.



Kamis, 21 Februari 2013

Belajar Pascal Mudah Part I

Kalian ingin menguasai bahasa pemrograman Pascal ? Caranya adalah :

- Download terlebih dahulu file Free Pascal atau Turbo Pascal 7
- Install salah satu program yang sudah diunduh itu. Misalnya, kita install Program Free Pascal

Setelah program Free Pascal diinstall, jalankan program Free Pascal. Langkah-langkah berikutnya adalah :
  1. Klik File
  2. Pilih dan Klik New
  3. Ketik Format Penulisan Pascal
 Format Penulisan Pascal adalah :
Program ....... ;   ---> titik-titik diisi nama program. Nama Program terserah kalian
Uses CRT ;
Var ........ (nama variabel) : xxxxxxxx ;   ----> xxx diisi dengan type data (Integer, String, Real, Boolean, dll).  Titik-titik diisi dengan nama variabel. Nama Variabel terserah kalian
Begin
    Statement ;
    Statement;

End.

Ketentuan Penulisan Bahasa Pemrograman Pascal :
  •   Penulisan Bahasa Pemrograman Pascal bisa menggunakan huruf kecil atau besar karena tidak terpengaruh pada nilai dan variabel.
  • Setiap akhir perintah diakhiri dengan tanda ; (titik koma)
  • Tulis dahulu variabel yang akan digunakan dalam pembuatan program Pascal
  • Penulisan variabel dapat menggunakan huruf atau angka atau gabungan huruf dan angka tetapi tidak boleh diawali dengan angka. Contohnya : angka1 {contoh yang benar}, 1{contoh yang benar}, 2angka {contoh yang salah}
  • Penulisan variabel tidak boleh ada spasi antar kata. Gunakan tanda hubung garis bawah ( _ ) untuk memisahkan antar kata.
  • Tanda kurung kurawal buka ' { ' dan tanda kurung kurawal tutup ' } ' merupakan komentar atau keterangan



Senin, 18 Februari 2013

Materi Ekstrakurikuler TIK (PHP Dasar)

File pembelajaran ekstrakurikuler pada php dapat diunduh pada link di bawah ini :

Ekstrakurikuler TIK kelas XI 

Download juga file XAMMP.exe  untuk diinstall di komputer kalian. XAMPP SERVER

1. Download file ekstrakurikuler.rar pada link tersebut
2. Save file di sembarang tempat -> Open Containing Folder
3. Klik kanan pada file ekstrakurikuler.rar kemudian klik Extract Here (Di dalam file itu berisi file-file php ekstrakurikuler )
4. Jalankan XAMPP pada komputer anda. Tekan tombol start di samping tulisan Apache.
5. Letakkan file php yang telah diunduh itu di dalam folder htdocs (C://XAMPP/htdocs/ )
6. Buka web browser anda (FIREFOX / OPERA / CHROME)
7. Ketik perintah localhost/ekstrakurikuler/ekstra16jan2012.php pada address bar web browser yang kalian buka


Selamat Mencoba