KUMPULAN KODE PADA HTML & CSS

KUMPULAN KODE PADA HTML DAN CSS

HTML Table Tags
label
deskripsi
Mendefinisikan tabel
Mendefinisikan sel header tabel
Mendefinisikan baris dalam tabel
Mendefinisikan sel dalam sebuah tabel
Mendefinisikan judul tabel
Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk memformat
Menentukan sifat kolom untuk setiap kolom dalam elemen <colgroup>
Grup isi header dalam sebuah tabel
Grup isi tubuh dalam sebuah tabel
Grup konten footer dalam sebuah tabel

HTML Image Tags
Tag
Description
Mendefinisikan sebuah image
Mendefinisikan sebuah image-map
Mendefinisikan daerah yang dapat diklik dalam sebuah image-map

HTML Link Tags
Tag
Description
Mendefinisikan hyperlink



HTML head Elements
Tag
Description
Mendefinisikan informasi tentang dokumen
Mendefinisikan judul dokumen
Mendefinisikan sebuah alamat default atau target default untuk semua link pada halaman
Mendefinisikan hubungan antara dokumen dan sumber daya eksternal
Mendefinisikan metadata tentang dokumen HTML
Mendefinisikan sebuah script sisi klien
Mendefinisikan informasi style untuk dokumen

HTML Tag Reference
Tag
Description
Mendefinisikan paragraf
Menyisipkan baris istirahat tunggal

HTML List Tags
Tag
Description
Mendefinisikan ordered list
Mendefinisikan daftar unordered
Mendefinisikan item daftar
Mendefinisikan daftar deskripsi
Mendefinisikan istilah / nama dalam daftar deskripsi
Mendefinisikan deskripsi istilah / nama dalam daftar deskripsi


HTML iframe Tag
Tag
Description
Mendefinisikan frame inline

HTML Form Tags

Tag
Description
Mendefinisikan sebuah form HTML untuk input pengguna
Mendefinisikan sebuah kontrol input
Mendefinisikan input kontrol multiline (area teks)
Mendefinisikan label untuk sebuah elemen <input>
Elemen grup terkait dalam bentuk
Mendefinisikan sebuah caption untuk elemen <fieldset>
Mendefinisikan daftar drop-down
Mendefinisikan sekelompok opsi terkait dalam daftar drop-down
Mendefinisikan pilihan dalam daftar drop-down
Mendefinisikan sebuah tombol diklik
Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input
Mendefinisikan bidang key generator-pair (untuk formulir)
Mendefinisikan hasil penghitungan

Selamat Mencoba & Semoga Bermanfaat :)

Sumber :
riskirainaldi.blogspot.com
W3SCHOOLS.COM
READMORE
 

TUTORIAL MENGGUNAKAN EDMODO

Tutorial Menggunakan Edmodo

Posted by Denda Sandika
 
Langkah Penggunaan Edmodo dan Fitur-Fiturnya 

        Jejaring sosial Edmodo dapat dijadikan sebagai e-learning. Edmodo mempunyai fitur-fitur yang tidak kalah hebatnya dibanding dengan tool e-learning lain baik yang berbayar seperti BlackBoard maupun yang gratisan seperti Moodle. Fitur-fitur yang dimiliki diantaranya adalah pembuatan account yang mudah, fasiltas untuk memposting berita, tugas, quiz, dan jajak pendapat. Dalam memposting sesuatu, postingan dapat disertai dengan file maupun link. Fitur ini betul-betul memudahkan guru dalam menunjukan materi-materi yang terhubung dengan topik yang diajarkan. Begitupun juga dengan quiz, pada edmodo versi terakhir terdapat beberapa model soal pada quiz, misalnya betul salah, pilihan ganda, menjodohkan, isian singkat dan mengisi bagian yang kosong. Sungguh luar biasa
fitur-fitur dalam Edmodo.

Kemudahan menggunakan Edmodo sudah terasa ketika pertama kali anda mendaftar atau membuat account di Edmodo. Langkahnya sangat sederhana, begitupun thema warna Edmodo juga sama dengan Facebook, yaitu biru. Beberapa fitur pada Facebook misalnya login yang mudah, penggantian gambar profil juga muda. Setelah pengetikan www.edmodo.com pada sembarang browser, maka
tampilan awal Edmodo adalah sebagai berikut:

Fitur-fitur Edmodo
A. Membuat Account
Langkah pembuatan :

1. Kunjungi www.edmodo.com 

Jika anda sebagai guru yang akan membuat kelas e-learning maka

2. Klik I am a teacher

3. Isi form teacher sign up 

a. Username
b. Password
c. Email (guru harus punya alamat email dan field ini wajib diisi)
d. First name (nama awal)
e. Last name (nama akhir)

Selanjutnya anda akan diminta untuk mengisi nama sekolah dalam halaman seperti
berikut:

  • Jika anda dapat menemukan nama sekolah anda pada text box di bawah Find 

Your School maka langkah berikutnya adalah menekan tombol next
  • Jika nama sekolah anda tidak tertera pada text box tersebut maka klik tulisan 

add it here disampint tulisan Couldn’t find your school?, dan akan tampil isian
berikut:
  • Setelah anda tekan tombol Add School maka akan keluar halaman berikut: 

  • Tekan tombol use the school that I entered, dan selanjutnya anda akan berada 

di halam berikut, dan kemudian tekan tombol Next Step

  • Berikutnya anda dapat mengunggah (upload) foto anda sebagai profil anda yang 

ukurannya tak lebih dari 10 MB
  • Setelah update teacher profile, maka berikutnya guru diminta untuk memilih 

salah satu komunitas dari daftar komunitas seperti pada halaman berikut.
Tujuannya adalah agar guru tergabung dalam satu komunitas yang dapat saling
berbagi pengetahuan dan informasi pada sesama guru yang berada pada
komunitas tersebut. Jika sudah dipilih maka tekan tombol Go to my homepage 


 4. Membuat kelompok (kelas) 

a. Klik create a group

b. Masukkan nama kelompok.
- Saya menyarankan menggunakan nama kelas atau nama mata pelajaran.
- Masukkan grade (tingkat kelas)
- Masukkan subject (mata pelajaran)
- Klik create - Kelompok telah ada dan kode untuk bergabung akan diberikan.

Selanjutnya anda isikan banyak siswa dan deskripsi group pada isian seperti
gambar berikut


5. Mengundang siswa 

a. Arahkan kursor pada nama kelas
b. Salin kode
c. Bagikan kode dengan seluruh siswa.

 Siswa akan mendaftar pada group anda dengan cara berikut:
1.Kunjungi www.edmodo.com
2.Pilih sign up as student
3.Isi data seperti format berikut yang dimulai dengan mengisi group code yang
diberikan guru

Berinteraksi dalam Edmodo
Setelah guru login ke Edmodo, dan mengklik nama group maka tampilan halaman disebelah kiri
mempunyai menu sebagai berikut:

Terdapat empat Icon utama pada pojok kiri atas, yaitu Home, Progress, Discover dan Libary.
Keterangan untuk beberapa Icon tersebut adalah sebagai berikut:

Menu Home Menu Home berisikan halaman utama sebuah group, yang berisi kode group, posts, folders dan
members, yang keterangannya adalah:
  • Icon kunci menampilkan kode group saat ini, anda bisa mengunci (lock) group sehingga siswa 

yang belum terdaftar tidak bisa bergabung (join) dengan group anda, atau anda juga dapat
mengganti kode group. Pilihan-pilihan tersebut ada pada combo kode group dengan cara
mengklik tanda panah diujung kotak
  •  Icon Posts digunaka untuk memposting berbagai hal, yang pilihannya adalah sebagai berikut: 
- Tab Note digunakan untuk memposting catatan, berita, materi belajar, dsb.
- Alert digunakan untuk membuat pemberitahuan kepada siswa, misalnya
mengumumkan bahwa hari Senin depan ada Ujian Tengah Semester.
- Assignment digunakan untuk memberikan tugas-tugas kepada siswa
- Quiz adalah tool untuk ujian.
- Poll digunakan untuk melakukan jajak pendapat.
  •  Pada setiap post guru bisa menyertakan postingannya dengan file, link, library ataupun 

schedule message (jadwal penayangan suatu postingan)
Detail setiap post
Memulai diskusi.
a. Masukkan pertanyaan diskusi atau komentar ke dalam kotak pesan yang bertuliskan
(type your note here).
b. Masukkan Kelompok diskusi yang anda inginkan. Saat Anda mulai mengetik nama
grup, dari daftar di sebelah kiri layar, Anda dapat untuk memiilih nama grup dari
daftar.
c. Klik send (mengirim) dan pertanyaan akan muncul di dinding untuk grup tersebut.
Memposting tugas.
a. Klik pada assignment (tugas) pada halaman posting.
b. Masukkan informasi tugas. beserta petunjuk.
c. Klik attach untuk melampirkan file atau link
Memposting alerts (peringatan)
a. Klik alert (peringatan) pada halaman posting.
b. Kirim sebuah pesan untuk siswa atau kelompok.
c. Pilih siswa yang ingin Anda kirimkan peringatan.

Quiz
Kalau tab Quiz diklik dan menekan tombol a create quiz maka akan muncul tampilan
berikut:
- Halaman ini berisi informasi tentang nama quiz, waktu penyelenggaran quiz, tipe
pertanyaan. Pertanyaan dapat dibuat dengan menekan tombol Add First
Question atau dari Load First Question (diambil dari soal-soal yang sudah ada
pada Edmodo). Selanjutnya anda akan sampai pada halaman berikut:

- Jika soalnya adalah muliptle choice anda dapat mengektikan pertanyaan, dan
jawabannya. Setiap jawaban dapat di set (atur) menjadi jawaban yang benar
atau bukan. Setiap soal dan jawaban dapat dilengkapi dengan link atau library.
- Jika sebuah soal sudah selesai dan anda ingin menambahkan sebuah soal, maka
tekan tombol + yang ada pada dekat pojok kiri atas.
- Jika semua soal-soal sudah selesai maka selanjutnya tekan tombol Assign Quiz
  • Icon Folder digunakan untuk membuat folder yang dapat berisikan File Materi Belajar, atau 

file pendukung belajar lainnya. Jika guru telah meletakan sebuah file dalam sebuah folder,
maka siswa dapat melihat file tersebut pada folder yang ada pada account siswa.
  •  Icon Members berisi informasi daftar anggota dari group. Guru dapat melihat profil dari 

masing-masing member.

Menu Library 

Menu Library digunakan untuk menyimpan file-file yang dapat berupa file text, video, gambar,
pdf dan sebagainya. Jika anda klik menu Library maka akan muncul tampilan berikut:


  •  Anda dapat menglik tombol Add to Library untuk menambahkan sebuah file, pada kotak dialog seperti gambar berikut:
  •  File-file yang ada pada Library dapat dikirim ke Folder setiap group dengan cara mengklik 

kota kecil pada setiap icon file dan klik icon add to other folders
Lain-lain
  •  Undang Orangtua 

a. Arahkan krusor pada class name (nama kelas)
b. Klik Members
c. Klik Kode orang tua
d. Salin kode dan bagikan kepada orang tua
e. Orang tua dapat melihat tugas dan diskusi yang anak ikuti.
  •   Pengulangan password siswa 
a. Arahkan krusor pada nama kelas
b. Klik pada students members (jumlah siswa)
Selamat Mencoba & Semoga Bermanfaat :)
READMORE
 

KONSTANTA DALAM HTML DAN PHP

Konstanta Dalam HTML dan PHP

Posted by Denda Sandika

Konstanta adalah suatu pengenal program yang digunakan untuk menyimpan nilai sederhana, sama hal nya seperti variabel. Perbedannya itu kalau konstanta sekali didefinisikan,nilai konstanta tidak dapat diubah lagi,sedangkan variabel dapat diubah kapan saja. Pendefinisian nilai konstanta dilakukan dengan menggunakan fungsi define ( )

Example :

define('Nama_Perusahaan',"PT. Angin Ribut");

echo Nama_Perusahaan;

Jika dalam HTML bisa lihat contoh berikut :

<html>
<head>
<title>konstanta</title>
</head>
<body>
<h2>Demo Mendefinisikan Konstanta</h2>
<?php
define('MAKSIMAL',1000);
define('NAMA_PERUSAHAAN',"PT.ASAL MAJU GROUP");
define('PI',3,1416);
echo MAKSIMAL "<br/>";
echo NAMA_PERUSAHAAN "<br/>";
$ Jari-Jari=2
$ LuasLingkaran=PI*$Jari-Jari*Jari-Jari;
echo "LuasLingkaran=".$LuasLingkaran;
?>
</body>
</html>


Selamat Mencoba & Semoga Bermanfaat :)
READMORE
 

CARA MENGINSTALL NOTEPAD++

 

 LINK DOWNLOAD :

Download Notepad++ : Klik disini

Cara menginstall Notepad++

  1. Klik 2x pada pada icon Notepad++ yang sudah kamu download 


  2. Setelah itu akan tampil tampilan bahasa, kali ini saya memakai bahasa English klik OK 


  3. Muncul tampilan panduan instalasi, klik Next 


  4. Kemudian akan menampilkan layar persetujuan lisensi, klik I Agree 


  5. Akan muncul layar penyimpanan file disini kita akan menentukan file aplikasi itu akan di simpan di mana, lalu klik Next 


  6. Tampilan fitur apa saja yang akan ikut kita install, klik Next 


  7. Masih tampilan fitur yang akan kita install, klik Install 


  8. Lalu akan muncul layar installing seperti berikut 


  9. Bila sudah selesai akan muncul tampilan seperti berikut, klik Finish 


  10. Tampilan Notepad++




Selamat Mencoba & Semoga Bermanfaat :)
READMORE
 

DOWNLOAD + TUTORIAL INSTALL ADOBE FLASH CS4

 LINK FOR DOWNLOAD :


>> Download Flash CS4 Professional
>> Download Keygen + Serial Flash CS4 Professional

 TUTORIAL (NO KEYGEN) :
1. Buka file program installer Adobe Flash CS4, doubel klik pada folder bertuliskan file setup. Komputer Anda akan melakukan checking system profile untuk memastikan kapasitas program yang diperlukan tersedia.


2. Setelah itu akan muncul tampilan seperti di bawah ini. Pilih pilihan trial, lalu klik tombol next.







3. Selanjutnya akan muncul kotak "Adobe End User License Agreement". Klik Accept


4. Berikan tanda contreng pada pilihan "Adobe Flash CS4" (pilihan paling atas) dan "Supporting Components" (pilihan paling bawah); atau sesuaikan dengan kebutuhan.





5. Lalu klik install. Tunggu beberapa saat sampai tampilan menunjukan proses install telah selesai. Klik finish.

6. Proses penginstallan telah selesai. Lalu coba jalankan program tersebut dengan mengklik Flash.exe pada program file yang telah di install. Tampilan yang akan muncul seperti di bawah ini:




Klik pada pilihan "I'd like to use the product on a trial-basis", lalu klik next, kemudian klik "Register Later".
7. Karena yang biasa dan yang ingin digunakan adalah Flash File(ActionScript 2.0), maka klik pada pilihan tersebut. Program siap digunakan.








Selamat Mencoba & Semoga Bermanfaat :)
READMORE