Maret 2016 ~ Saifuddin Lutfi (Smk Pgri 1 mejobo kudus)

Kamis, 31 Maret 2016

contoh penggabugan css,dan html

berikut ini sour-codenya:

<!DOCTYPE html>
<html>
<head><title>Membuat Layout dengan HTML5 dan CSS3</title>
</head>
<body>
<style>
#wrapper {
    width:960px;
    margin: 0 auto;
}
header {
    background-color:green;
    color:white;
    text-align:center;
    padding:5px;
}
nav {
    line-height:30px;
    background-color:pink;
    color: black;
    height:300px;
    width:250px;
    float:left;
    padding:5px;

}
h5{
    color: red;

}
section {
    width:350px;
    background: #eeeeee;
    color: blue;
    float:left;
    padding:10px;
}
footer {
    background:black;
    color:white;
    clear:both;
    padding:5px;
}
</style>

<div id="wrapper">
<header>
<h5>header iki wenane ijo,tulisane puteh,panggone ng tengah</h5>

<h1>IKI HEADER</h1>
</header>
<nav>
<h5>aku menu,tembokku pink,tulisanku ireng,duwurku 300px,lebarku 250px,panggonku ng kiri</h5>
Home <br />
Profil<br>
galery
</nav>

<section>
<h5>tembokku abu abu,wernoku biru</h5>
iki isine halaman
</section>

<footer>
<h5>tembokku ireng,wernoku puteh</h5>
<marquee>
iki jenenge footer tapi ono marquee ne</marquee>
</footer>
</div>
</body>
</html>

Perintah perintah pada my sql

21.47 php dan mysql No comments

sekarang saya akan menjelaskan dulu apa itu mysql atau database.
SQL adalah merupakan singkatan dari structured Query Language.SQL atau juga disebut dengan database merupakan suatu bahasa(language) yang digunakan untuk mengakses database.SQL dikenal pertamakali dalam IBM pada tahun 1970 dan standart ISO dan ANSII ditetapkan untuk SQL.
ada beberapa macam perinta pada my sql ,diantaranya adalah:

1. DDL (Data Definition Language
DDl merupakan perintah SQL yang berhubungan dengan pendefinisian suatu strukture database dan table, dalam hal ini perintah perintah yang termasuk kedalam perintah DDL adalah

CREATE

perintah membuat database,yang harus diingat adalh dalam pembuatan database tidak boleh pakai sepasi ,dalam penulisan kata CREATE tidak harus pakai huruf kapital,bisa huruf kecil,fungsi dari huruf besar adalah sebagai pembeda bahwa itu standart dari SQL languagenya yang tidah bisa dubah ubah,dan diahir perintah hurus diahiri dengan tanda titik koma";" contohnya adalah
CREATE DATABASE dbrumahku;

SHOW

perintah menampilkan database,
SHOW DATABASES;

ALTER

perintah untuk mengubah data

RENAME

untuk mengubah nama database

DROP

menghapus database
DROP DATABASE dbrumahku;

2.DML(Data manipulation Language)
DML merupakan perintah SQL yang berhubungan dengan manipulasi atau pengolahan data atau recourd dalam table, berikut adalah contoh perintah DML adalah:

SELECT
INSERT
UPDATE
DELETE

3.DCL (Data Control language)
DCL merupakan perintah SQL yang berhubungan dengan manipulasi user dan hak akses.berikut contoh perintah DCL:

GRANT
REVOKE

membuat Input,Edit,Delete php sederhana

21.29 php dan mysql No comments

halo teman,kali ini saya akan memposting tentang bagaimana membuat Input,Edit,Delete seperti web dinamis
langkah pertama yang dilakukan adalah sebagai berikut
1.pertama-tama kita membuat database nya terlebih dahulu ,

pengertian CKeditor dan cara memasang Ckeditor di web

20.40 html dan css 1 comment

CK Editor adalah salah satu WYSIWYG text editor berbasis web yang sering digunakan developer karena gratis.
CKEditor merupakan sebuah tool tambahan yang memiliki banyak fitur dalam membantu memberi format penulisan posting yang ingin kita tulis.

Sekarang saya akan mempraktekkan cara memasang CK editor

1.langkah pertama adalah,anda harus membuat web yang mau dikasih Ckeditor
2.kemudian buka situs resmi CKeditor dan Download

download yang free saja
3.kemudian jadikan satu pada folder web yang ingin ditambah dengan CKeditor,kemudian di Extrax
4.setelah itu klik ini Quick Start Guide

jika sudah copy coding dibawah

        <meta charset="utf-8">
        <title>A Simple Page with CKEditor</title>
        <!-- Make sure the path to CKEditor is correct. -->
        <script src="../ckeditor.js"></script>

(taruh di bawah perintah <head>
lalu diapit lagi dengan perintah</head>
#lalu edit perintah

 <script src="ckeditor/ckeditor.js"></script>

isi titik titik itu dengan nama folder ck editor
5.jika sudah sekarang bodynya

        <form>
            <textarea name="editor1" id="editor1" rows="10" cols="80">
                This is my textarea to be replaced with CKEditor.
            </textarea>
            <script>
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace( 'editor1' );
            </script>
        </form>

 taruh di bawah perintah body dan taruh di posisi yang di inginkan

^jika sudah sekarang di safe dan buka di browser

dan ini contoh yang saya bikin

hanya itu yang saya sampaikan dan silahkan buka artikel" saya yang lain untuk bahan pembelajaran

Telegram untuk linux ubuntu dan mint

18.48 catatan kecil No comments

Telegram adalah aplikasi berpesan yang bisa dipasang di platfrom sistem operasi baik androit,windows phone,iOs bahkan dipasang dikomputer destop dengan sistem operasi linux,windows pc maupun OSX,bahkan bisa diakses melalui aplikasi web,Aplikasi pesan telegram dapat dikatakan fokus pada kecepatn dan keamanan pengiriman pesan.

Telegram memiliki aplikasi klien yang resmi untuk Android, Windows Phone, Mac OS X, iOS yang berjalan bagus sebagaimana juga berjalan seperti disebutkan diatas, seperti di Desktop Windows PC, Mac OSX dan Linux, dan juga memiliki aplikasi-aplikasi klien messenger yang tidak resmiseperti misalnya aplikasi telegram untuk destop linux yang juga tidak ada versi hingg ke PPA Ubuntu

Install Telegram Desktop untuk Ubuntu atau Linux Mint melelui Terminal di linux
#sudo su
#*********(masukkan password anda)

#sudo add-apt-repository ppa:atareao/telegram

#sudo apt-get update
#sudo apt-get upgrade
#sudo apt-get install telegram

//*telegram sama dengan watsapp,yang membedakannya hanyalah wahra dan tampilan*\\

sekilas tentangOSI LAYER

03.16 catatan kecil No comments

Model referensi OSI (Open System Interconnection) menggambarkan bagaimana informasi dari suatu software aplikasi di sebuah komputer berpindah melewati sebuah media jaringan ke suatu software aplikasi di komputer lain. Model referensi OSI secara konseptual terbagi ke dalam 7 lapisan dimana masing-masing lapisan memiliki fungsi jaringan yang spesifik.

Model Open Systems Interconnection (OSI) diciptakan oleh International Organization for Standardization (ISO) yang menyediakan kerangka logika terstruktur bagaimana proses komunikasi data berinteraksi melalui jaringan. Standard ini dikembangkan untuk industri komputer agar komputer dapat berkomunikasi pada jaringan yang berbeda secara efisien.
Terdapat 7 layer pada model OSI. Setiap layer bertanggungjawab secara khusus pada proses komunikasi data. Misalnya, satu layer bertanggungjawab untuk membentuk koneksi antar perangkat, sementara layer lainnya bertanggungjawab untuk mengoreksi terjadinya “error” selama proses transfer data berlangsung.

Model Layer OSI dibagi dalam dua group: “upper layer” dan “lower layer”. “Upper layer” fokus pada applikasi pengguna dan bagaimana file direpresentasikan di komputer. Untuk Network Engineer, bagian utama yang menjadi perhatiannya adalah pada “lower layer”. Lower layer adalah intisari komunikasi data melalui jaringan aktual.
Tujuan utama penggunaan model OSI adalah untuk membantu desainer jaringan memahami fungsi dari tiap-tiap layer yang berhubungan dengan aliran komunikasi data. Termasuk jenis-jenis protokol jaringan dan metode transmisi.

Penjelasan Model 7 Lapis (Seven Layer Model) Komunikasi Jaringan

Aplication Layer : Lapisan ke-7 ini menjelaskan spesifikasi untuk lingkup dimana aplikasi jaringan berkomunikasi dg layanan jaringan. Menyediakan jasa untuk aplikasi pengguna. Layer ini bertanggungjawab atas pertukaran informasi antara program komputer, seperti program e-mail, dan service lain yang jalan di jaringan, seperti server printer atau aplikasi komputer lainnya. Berfungsi sebagai antarmuka dengan aplikasi dengan fungsionalitas jaringan, mengatur bagaimana aplikasi dapat mengakses jaringan, dan kemudian membuat pesan-pesan kesalahan. Protokol yang berada dalam lapisan ini adalah HTTP, FTP, SMTP, DNS, TELNET, NFS dan POP3.

Presentation Layer : Lapisan ke-6 ini berfungsi untuk mentranslasikan data yang hendak ditransmisikan oleh aplikasi ke dalam format yang dapat ditransmisikan melalui jaringan. Protokol yang berada dalam level ini adalah perangkat lunak redirektor (redirector software), seperti layanan Workstation (dalam Windows NT) dan juga Network shell (semacam Virtual Network Computing (VNC) atau Remote Desktop Protocol (RDP)).

Session layer: Lapisan ke-5 ini berfungsi untuk mendefinisikan bagaimana koneksi dapat dibuat, dipelihara, atau dihancurkan. Selain itu, di level ini juga dilakukan resolusi nama. Protokol yang berada dalam lapisan ini adalah RPC (Remote Procedure Call), dan DSP (AppleTalk Data Stream Protocol).

Transport layer : Lapisan ke-4 ini berfungsi untuk memecah data ke dalam paket-paket data serta memberikan nomor urut ke paket-paket tersebut sehingga dapat disusun kembali pada sisi tujuan setelah diterima. Selain itu, pada level ini juga membuat sebuah tanda bahwa paket diterima dengan sukses (acknowledgement), dan mentransmisikan ulang terhadp paket-paket yang hilang di tengah jalan. Protokol yang berada dalam lapisan ini adalah UDP, TCP, dan SPX ( Sequence Packet Exchange).
Network layer : Lapisan ke-3 ini berfungsi untuk mendefinisikan alamat-alamat IP, membuat header untuk paket-paket, dan kemudian melakukan routing melalui internetworking dengan menggunakan router dan switch layer-3. Protokol yang berada dalam lapisan ini adalah DDP (Delivery Datagram Protocol), Net BEUI, ARP, dan RARP (Reverse ARP).
Data-link layer : Lapisan ke-2 ini berfungsi untuk menentukan bagaimana bit-bit data dikelompokkan menjadi format yang disebut sebagai frame. Selain itu, pada level ini terjadi koreksi kesalahan, flow control, pengalamatan perangkat keras (seperti halnya Media Access Control Address (MAC Address)), dan menetukan bagaimana perangkat-perangkat jaringan seperti hub, bridge, repeater, dan switch layer 2 beroperasi. Spesifikasi IEEE 802, membagi level ini menjadi dua level anak, yaitu lapisan Logical Link Control (LLC) dan lapisan Media Access Control (MAC).
Physical layer : Lapisan ke-1 ini berfungsi untuk mendefinisikan media transmisi jaringan, metode pensinyalan, sinkronisasi bit, arsitektur jaringan (seperti halnya Ethernet atau Token Ring), topologi jaringan dan pengabelan. Selain itu, level ini juga mendefinisikan bagaimana Network Interface Card (NIC) dapat berinteraksi dengan media kabel atau radio. Protokol yang berada dalam lapisan ini adalah Ethernet, FDDI (Fiber Distributed Data Interface), ISDI, dan ATM.

sumber:yuliantisafitri.wordpress.com
https://id.wikipedia.org/wiki/Model_OSI
http://ottojulista12.blogspot.co.id

membuat form login dengan php dan mysql

01.55 php dan mysql No comments

kali ini saya akan membagikan ilmu cuman sedikit,yaitu membuat orm login dengan mysql dan php
1.pertama kita harus membuat databasenya terlebih dahulu,kira" kayak gini

2.buat dulu file koneksinya dengan nama koneksi.php
kodingnya,kurang lebih seperti berikut:

<?php
mysql_connect('localhost','root','')or die('anda gagal');
mysql_select_db('input')or die('database salah');
?>
3.kita membuat form loginnya ,kira-kira seperti dibawah ini:

ini scrip nya:dan simpan dengan login.php

<<!DOCTYPE html>
<html>
<head>
<title>login</title>
</head>
<body>
<h1>login</h1>
<form action="" method="port">
<label>username<tr/>:</label>
<input id="name" name="username" placeholder="username" type="text"><br/>
<label>password<tr/>:</label>
<input id="password" name="pass" type="password" placeholder="password">
<br>
<input type="submit" name="submit" id="submit" value="login">
<input type="reset" name="hapus" id="reset" value="hapus">

</body>
</html>

4.jika sudah sekarang kita buat lagi cek_login.php

<?
include"koneksi.php";
$user=$_POST['username'];
$pass=$_POST['password'];
$login=mysql_query("select*from login where
username='$username' and passwor='$password'");
$ini=mysql_num_rows($login);
$itu=mysql_fetch_array($login);
if($ini > 0)
{
        session_start();
        session_register('username');
        session_register('password');

        $_SESSION[username]=$ itu[username];
        $_SESSION[password]=$ itu[password];


        echo"<script>window.location='selamat.php';</script>";
        }
        else
        {
        echo"<br><center>Login anda gagal, silahkan<br>
        <a href=login.php>Ulangi Lagi!</a></center>";}
        ?>
4.langkah selanjutnya tinggal membuat file selamat.php

<?
session_start();
if(empty($_SESSION[username]) AND
empty($_SESSION[password]))
{
echo"maf anda haarus login";
echo"<a href=login.php>login!</a></center>";
}

else
{
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>::Administrator::</title>
<style type="text/css">
<!--
body {
     background-image: url(images/bg.jpg);
     }
     </head>
     <body>
     <h2><marquee behavior="alternate"direction="left">
     <span class="style7"><br />
Selamat Datang di halamanadministrator FOUR I_Q BAND
</span>
</marquee>
< a href=”logout.php”>Logout</a>
</body>
</html>
<?php
}?>
5.okech,sekarang tinggal membuat file logout.php

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<?
session_start();
session_unregister(' username ');
session_unregister(' password ');
session_destroy();
echo"<meta http-equiv='refresh' content='0;url=index.php'>";
exit;
?>
</body>
</html>

okech demikian dulu ya dari anee,jika ada kekurangan mohon dimaklumi , dan jika ada kelebihan silahkan diambil saja ,kita kan masih sama sama belajar,

mengenal jenis-jenis selector dasar CSS

00.21 html dan css No comments

css memiliki jenis jenis selector yang beragam,sesuai kebutuhan kita untuk mendisain sebuah web.kali ini saya akan membahas 5 jenis selector dalam css,selector didalam css tidak hanya ada lima ,namun dalam kebanyakan kasus sudah mencukupi untuk membuat sebuah halaman web HTML+CSS.
selector adalah sebuah pola yang digunakan untuk mencari suatu tag di Html.

css memiliki banya selector,saya akan membahas tentang beberapa selector saja::::::

Universal Selector

Universal selector hanya ada 1 di dalam CSS, yaitu tanda bintang “*”. Selector ini bertujuan untuk ‘mencari’ semua tag yang ada.

Contoh Universal Selector CSS:

* {

   color: pink;

   background-color: yellow;}

 }

kode cssdi atas bermaksud untuk seluruh tag html berwana pink,dan backgroundnya berwarna kuning

Element type selector

Elemen type selector atau tag selector adalah istilh untuk selector yang nilainya merupakan tag HTML itu sendiri ,setip tag HTML bisa digunakan sebaigai selector,dan seluruhnya tag tersebut akan ditangkap oleh selector ini
contoh:

h1 { 

   text-decoration: underline;

   }

p { 

  font-size:14px;

  }

contoh kode css diatas ,yang text nya berukuran h1 dia akan bergaris bawah,dan seluruh tag akan berukuran 14pexel.

class selector
class selector adalah salah satu selector yang paling umum dan sering digunkan.

Untuk penggunaan Class Selector, kita harus memiliki tag HTML yang mempunyai atribut class.

<p class=”paragraf_pertama”> Ini adalah sebuah paragraf pertama</p>

<h1 class=”judul”>Judul Artikel</h1>

<h2 class=”judul penting berwarna”>Sub Judul Artikel<h2>

Perhatikan bahwa untuk semua tag diatas, kita menambahkan atribut class dengan nilainya adalah nama dari kelas itu sendiri. Sebuah nama class dapat dimiliki oleh lebih dari 1 tag, dan dalam sebuah tag dapat memiliki lebih dari 1 class.
Contohnya dalam baris terakhir pada contoh diatas,tag h2 memiliki atribut class=”judul penting berwarna”. Tag ini teridiri dari 3 class, yaitu judul, penting, dan class berwarna.

ffhff sedangkan css class selector sebagai berikut:

.paragraf_pertama {

                  color: red;

                  }

.judul { 

       font-size:20px;

       }

.penting { 

       color:red;

       font-size: 1em;

       }

sebelum kita menggunakan class selector,kita harus menggunakan tanda titik dulu sebelum nama dari class

id selector

ID Selector bersama-sama dengan class selector merupakan selector paling umum dan juga sering dipakai (walau tidak sesering class selector). Penggunaan ID selector hampir sama dengan class selector, dengan perbedaan jika pada Class Selector kita menggunakan atribut class untuk tag HTML, untuk ID selector, kita menggunakan atribut id.
contoh atribut ID pada html

<p id=”paragraf_pembuka”> Ini adalah sebuah paragraf pembuka</p>

<h1 id=”judul_utama”>Judul Artikel</h1>

<h2 id=”sub_judul”>Sub Judul Artikel<h2>

Atribut id selain untuk selector CSS, juga berperan sebagai kode unik untuk masing-masing tag (terutama dipakai untuk kode JavaScript). Karena hal tersebut, id yang digunakan harus unik dan tidak boleh sama. Dengan kata lain, id hanya bisa digunakan satu kali dalam sebuah halaman web dan tidak boleh sama.

#paragraf_ pembuka {

                   color: red;

                   }

#judul utama { 

             font-size:20px

             }

kenapa saya menggunakan tanda'#',dikarenaka kita hanya mencari hanaya tag yang dituju saja

Attribute Selector

Contoh penggunaan Attribute Selector kode CSS adalah sebagai berikut:

[href] {

       font-size:20px ;

       }

[type="submit"] {

                width:30px;

                }

Seperti yang dapat dilihat dari contoh diatas, setiap atribut selector harus berada diantara tanda kurung siku “[” dan “]”.
[href] akan cocok dengan seluruh tag yang memiliki atribut href, apapun nilai dari href (href biasanya terdapat pada tag <a>). Untuk contoh [type=”submit”] akan cocok dengan tag yang memiliki atribut type dengan nilai submit, yang dalam hal ini adalah tombol submit dalam form.

install cms mediawiki

01.01 cms No comments

1.pertama download dulu cms mediawiki nya

2.extrax file mediawiki di derectory /var/www/html/
3.kemudian beri Hak aksses

#su
#(*********password)
#cd /var/www/html
#chown -R www-data:www-data mediawiki-1.24.0(sebelumnya saya sudah edit nama file yang sudAh di extrax tadi menjadi mediawiki,biar memanggil di localhost nya mudah)

4.kemudian bikin database di http://localhost/phpmyadmin
dengan nama *mediwiki*

5.jika sudah ,sekarang tinggal panggil dilocalhost/mediawiki di browser
kemudian pilih set up the wiki

pilih bahasa id-indonesia,lalu pilih continue
7.pilih lanjut

lanjut
10.

11.

12.

13.

selesai

fungsi ECHO,$POST,dan GET serta pengenalan PHP

20.39 php dan mysql 1 comment

php( Hypertext Preprosesor),adalah bahasa scrip web html embeddet,yaitu bahasa PHP yang bisa disisipkan kedalam HTML halaman web,ketika halaman PHP diakses dan dibaca oleh server, output pada PHP biasanya dibaca sebagai scrip HTML/kode HTML,karena scrip php diubah menjadi HTML sebelum halaman dibuka,pengguna tidak dapat melihat scrip php pada halaman,hal ini membuat scrip php lebih aman untuk mengakses database dan halaman lainnya.

Tujuan dari bahasa php adalah untuk memungkinkan pengembang web untuk memungkinkan halaman yang dibuat secara dinamis cepat dan mudah,

4 FUNGSI PADA PHP YAITU ECHO,$,POST,GET:

1.Yang pertama adalah (ECHO)

echo berfungsi untuk menampilkan satu atau lebih data string kedalam internet browser,fungsi echo ini sering digunakan oleh programer karena penggunaannya yang sangat dibutuhkan dalam pemrograman,dan juga sangat mudah digunakan
echo memiliki keunikan tersendiri,dimana bisa menyediakan lebih dari satu buah parameter(Variable Parameter adalah sebuah fitur dalam PHP dimana kita bisa membuat fungsi dengan jumlah parameter yang bisa berubah-ubah (variable)) ,dengan parameter dasarnya adalah:$arg1

semua data parameter yang ada bisa anda masukkan secara langsung kedalam fungsi echo ,atau dengan bantuan variable terlebih dahulu ,silahkan masukkan data yang anda ingin masukkan berdasarkan kebutuhan yang sedang anda hadapi,atu dengan metode gaya penulisan vavorit anda
<!DOCTYPE html>
<html>
<body>

<?php
echo "<h2>PHP is Fun!</h2>";
echo "Hello world!<br>";
echo "I'm about to learn PHP!<br>";
echo "This ", "string ", "was ", "made ", "with multiple parameters.";
?>

</body>
</html>
(((((hasilnya akan seperti ini)))))

2.yang kedua yaitu ($)

Dengan PHP kita bisa mengambil sebuah nilai atau mengisi nilai pada sebuah variabel yang ditandai dengan dollar($), simbol ini merupakan simbol variabel dalam PHP. Selain melakukan 2 hal diatas, kita juga bisa membuat sebuah variabel dari sebuah nilai yang ada pada variabel, artinya jika var bernilai satu, var adalah variabel dan satu adalah nilai, dan jika kita memanggil variabel var maka yang keluar adalah satu. Dengan Variabel Variabels nya PHP kita bisa membuat sebuah variabel yang bernama satu dengan nilai yang bisa kita tentukan sendiri.

Berikut Penjelasannya.

· $var = "satu" ;

Mengisi nilai variabel $var dengan string "satu".

· echo $var ;

Output: satu

· $$var = 1 ;

membuat sebuah variabel yaitu satu dengan nilai integer 1.

· echo $satu;

Output: 1

Hal ini bermanfat ketika ingin melakukan asosiasi sebuah variabel secara langsung ataupun ingin mengambil nilai variabel yang telah ditentukan namanya.
3.POST dan GET

Fungsi dan Perbedaan Method POST dan GET pada PHP – Dalam dunia PHP Programming tentu menggunakan Method POST dan GET. Apa itu Method POST dan GET ? Sedikit pengertian dari kegunaan Method POST dan GET ini sama yaitu untuk mengirimkan nilai variabel ke halaman lain atau mengirimkan ke database dan mengambil nilai variabel dari halaman lain atau mengambil data pada database.

Penggunaan Method POST dan GET ini biasanya menggunakan form pada halaman PHP. Untuk perbedaannya sangatlah kecil pada Method POST dan GET namun sangat terlihat.

Sebagai contoh :

Setelah melihat hasilnya pasti kamu sudah bisa menyimpulkan apa perbedaan Method POST dan GET ini. Perbedaan Method POST dan GET pada PHP ini salah satunya adalah pada URL. Pada Method POST tidak menampilkan nilai variabel pada URL dan Method GET menampilkan nilai variabel yang dikirimkan.

Kesimpulannya :

Method POST tidak menampilkan nilai variabel pada URL dan Method GET menampilkan nilai variabel yang dikirimkan.
Method POST lebih aman dan Method GET kurang aman (pada contoh diatas berati password ditampilkan pada URL).
Jika Method GET dibatasi panjang string hingga 2047 karakter, Method POST tidak.
Perbedaan pengambilan data jika Method POST menggunakan $_POST sedangkan Method GET menggunakan $_GET.
Method POST biasanya digunakan untuk input dari FORM, Method GET menggunakan input dari LINK atau akses menggunakan link.
Method POST digunakan untuk mengirimkan data rahasia seperti password, Method GET digunakan untuk mengirimkan/mengambil data pablik seperti id_user atau id_halaman.

contoh from pendaftaran

20.13 html dan css, php dan mysql No comments

berikut adalah contoh from pendaftaran

Dibawah ini adalah kode HTML'nya

    <html>
    <head><title>Form Pendaftaran</title></head>
    <body>
    <table border="4" bgcolor="A9C5EB" align="center" height="500" width="400" cellpadding="20">
    <tr>
    <td>
    <h1>FROM PENDAFTARAN</h1>
    <p>SMK PGRI 1 MEJOBO </p>
    <input type="text" Name="nama" size="20" placeholder="Nama Depan">
    <input type="text" Name="nama" size="20" placeholder="Nama Belakang"><br><br>
    <input type="text" Name="email" size="46" placeholder="Email Anda"><br><br>
    <input type="text" Name="remail" size="46" placeholder="Masukan Ulang Email"><br><br>
    <input type="password" Name="sandi" size="46" placeholder="Kata Sandi Baru"><br>
    <p><b> Tanggal Lahir </b></p>
    <p>
    <select name="Tanggal">
        <option>-Tanggal-</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>
        <option value="28">28</option>
        <option value="29">29</option>
        <option value="30">30</option>
        <option value="31">31</option>
        <option value="32">32</option>
      </select>
    <select name="Bulan">
        <option>-Bulan-</option>
        <option value="1">Januari</option>
        <option value="2">Februari</option>
        <option value="3">Maret</option>
        <option value="4">April</option>
        <option value="5">Mei</option>
        <option value="6">Juni</option>
        <option value="7">Juli</option>
        <option value="8">Agustus</option>
        <option value="9">September</option>
        <option value="10">Oktober</option>
        <option value="11">November</option>
        <option value="12">Desember</option>
      </select>
    <select name="Tahun">
        <option>-Tahun-</option>
        <option value="1980">1980</option>
        <option value="1981">1981</option>
        <option value="1982">1982</option>
        <option value="1983">1983</option>
        <option value="1984">1984</option>
        <option value="1985">1985</option>
        <option value="1986">1986</option>
        <option value="1987">1987</option>
        <option value="1988">1988</option>
        <option value="1989">1989</option>
        <option value="1990">1990</option>
        <option value="1991">1991</option>
        <option value="1992">1992</option>
        <option value="1993">1993</option>
        <option value="1994">1994</option>
        <option value="1995">1995</option>
        <option value="1996">1996</option>
        <option value="1997">1997</option>
        <option value="1998">1998</option>
        <option value="1999">1999</option>
        <option value="2000">2000</option>
        <option value="2001">2001</option>
        <option value="2002">2002</option>
        <option value="2003">2003</option>
        <option value="2004">2004</option>
        <option value="2005">2005</option>
        <option value="2006">2006</option>
        <option value="2007">2007</option>
        <option value="2008">2008</option>
        <option value="2009">2009</option>
        <option value="2010">2010</option>
        <option value="2011">2011</option>
        <option value="2012">2012</option>
        <option value="2013">2013</option>
        <option value="2014">2014</option>
        <option value="2015">2015</option>
      </select>
    <br>
    <br>
    <input type="radio" name="Kelamin" value="L">
    Laki Laki
    <input type="radio" name="Kelamin" value="P">
    Perempuan    </p>
    <p><label></label>
    </p>
    <form name="form1" method="post" action="">
    <label for="textarea"></label>
    <textarea name="textarea" id="textarea" placeholder=":::::knapa ingin sekolah disini::::::"></textarea>
    </form>
    <p><br>
    <br>
    <input value="Kirim" style="background-color: 4985D0; height: 50; width: 150;"type="submit">
    </p></td>
    </tr>

    </body>
    </table>
    </body>
    </html>

macam-macam tag html dan fungsinya

19.32 html dan css No comments

Apa fungsi tag HTML....?
fungsi tag HTML adalah untuk membuat tampilan web kita lebih indah atau menarik...

Berikut macam-macam tag HTML dan fungsinya.

Tag	Keterangan
<!-- ... -->	Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser
<!DOCTYPE>	Mendefinisikan informasi tipe dokumen
<a>	Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<abbr>	Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
<acronym>	Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
<address>	Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
<applet>	Digunakan untuk memasukan file java kedalam dokumen HTML
<area />	Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
<b>	Membuat teks tebal
<base />	Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
<basefont />	Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen
<bdo>	Digunakan untuk menimpa arah teks
<big>	Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>	Membuat teks berkedip
<blockquote>	Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam
<body>	Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya
<br />	Memberi baris baru/pindah baris
<button>	Mendefinisikan sebuah tombol diklik
<caption>	Membuat caption pada tabel
<center>	Untuk perataan tengah terhadap teks atau gambar
<cite>	Mendefinisikan kutipan
<code>	Mendefinisikan sebuah bagian dari kode komputer
<col />	Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel
<colgroup>	Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
<dd>	Mendefinisikan deskripsi dari item dalam daftar definisi
<del>	Untuk memberi garis tengah pada teks/mencoret teks
<dfn>	Mendefinisikan sebuah istilah definisi
<dir>	Mendefinisikan sebuah daftar direktori
<div>	Mendefinisikan sebuah section dalam dokumen
<dl>	Mendefinisikan sebuah daftar definisi
<dt>	Mendefinisikan istilah (item) dalam daftar definisi
<em>	Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<embed>	Digunakan untuk memasukkan file video atau file musik
<fieldset>	Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
<font>	Mendefinisikan jenis font, warna dan ukuran untuk teks
<form>	Mendefinisikan sebuah form HTML untuk input form
<frame />	Mendefinisikan frame dalam fremeset
<frameset>	Mendefinisikan satu set frame
<h1> to <h6>	Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
<head>	Digunakan untuk memberikan informasi tentang dokumen tersebut
<hr />	Membuat garis horisontal
<html>	Mendefinisikan root dari suatu dokumen HTML
<i>	Membuat teks miring
<iframe>	Mendefinisikan sebuah inline frame
<img />	Berfungsi untuk menampilkan gambar pada dokumen HTML
<input />	Mendefinisikan input field pada form
<ins>	Membuat teks bergaris bawah
<kbd>	Mendefinisikan teks yang di input dari keyboard
<label>	Mendefinisikan label untuk sebuah elemen <input>
<legend>	Mendefinisikan sebuah caption untuk elemen <fieldset>
<li>	Digunakan untuk menampilkan informasi dalam bentuk item daftar
<link />	Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
<listing>	Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
<map>	Mendefinisikan client-side peta gambar
<marquee>	Membuat teks berjalan secara vertikal atau horisontal
<menu>	Mendefinisikan sebuah daftar menu
<meta />	Mendefinisikan metadata tentang sebuah dokumen HTML
<nobr>	Mencegah ganti baris pada teks atau gambar
<noframes>	Jika browser user tidak mendukung frame
<noscript>	Jika browser user tidak mendukung client-side scripts
<object>	meletakkan embed sebuah objek
<ol>	Mendefinisikan daftar dalam format penomoran
<optgroup>	Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
<option>	Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<p>	Membuat sebuah paragraf
<param />	Mendefinisikan sebuah parameter untuk objek
<pre>	Membuat teks dengan ukuran huruf yang sama
<q>	Mendefinisikan sebuah kutipan singkat
<s>	Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>
<samp>	Mendefinisikan contoh keluaran dari program komputer
<script>	Mendefinisikan client-side script
<select>	Membuat daftar drop-down
<small>	Memperkecil ukuran teks dari ukuran defaultnya
<span>	Mendefinisikan sebuah section dalam dokumen
<strike>	Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong>	Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<style>	Mendefinisikan informasi style untuk dokumen HTML
<sub>	Memberikan efek subscript pada teks
<sup>	Memberikan efek superscript pada teks
<table>	Membuat tabel
<tbody>	Untuk mengelompokkan isi body di dalam sebuah tabel
<td>	Mendefinisikan sel di dalam sebuah tabel
<textarea>	Mendefinisikan sebuah kontrol input multiline
<tfoot>	Untuk mengelompokkan isi footer di dalam sebuah tabel
<th>	Mendefinisikan sel header di dalam sebuah tabel
<thead>	Untuk mengelompokkan isi header di dalam sebuah tabel
<title>	Membuat judul untuk dokumen HTML
<tr>	Membuat baris di dalam sebuah tabel
<tt>	Mendefinisikan teletype text
<u>	Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style
<ul>	Mendefinisikan daftar dalam format bullet
<var>	Mendefinisikan sebuah variabel
<xmp>	Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>

Saifuddin Lutfi (Smk Pgri 1 mejobo kudus)

Kamis, 31 Maret 2016

contoh penggabugan css,dan html

Rabu, 30 Maret 2016

Perintah perintah pada my sql

Senin, 28 Maret 2016

membuat Input,Edit,Delete php sederhana

Minggu, 27 Maret 2016

pengertian CKeditor dan cara memasang Ckeditor di web

Telegram untuk linux ubuntu dan mint

Kamis, 24 Maret 2016

sekilas tentangOSI LAYER

membuat form login dengan php dan mysql

Rabu, 23 Maret 2016

mengenal jenis-jenis selector dasar CSS

Universal Selector

Attribute Selector

Selasa, 22 Maret 2016

install cms mediawiki

Senin, 21 Maret 2016

fungsi ECHO,$POST,dan GET serta pengenalan PHP

Jumat, 18 Maret 2016

contoh from pendaftaran

macam-macam tag html dan fungsinya

Banner Vertikal

Saifuddin Lutfi (Smk Pgri 1 mejobo kudus)

Total penayangan

About Me

Blog Archive

Featured

Label

Arsip Blog

Recent Posts

Download

Labels

Text Widget

Kamis, 31 Maret 2016

Rabu, 30 Maret 2016

Senin, 28 Maret 2016

Minggu, 27 Maret 2016

Kamis, 24 Maret 2016

Rabu, 23 Maret 2016

Universal Selector

Attribute Selector

Selasa, 22 Maret 2016

Senin, 21 Maret 2016

Jumat, 18 Maret 2016

Social Profiles

Banner Vertikal

Total penayangan

About Me

Blog Archive

Featured

Label

Arsip Blog

Recent Posts

Download

Labels

Text Widget