TuKomNet: Web Design

Showing posts with label Web Design. Show all posts

Belajar Penggunaan Background di Css

Belajar Penggunaan Background di Css - Pada bagian ini kita akan membahas tentang Penggunaan background untuk memperindah tampilan Web. Untuk elemen-elemen background di html dan css adalah Sebagai berikut:

background-color property ini biasanya digunakan untuk warna latar belakang elemen.
background-image property ini digunakan untuk memasang background gambar.
background-repeat property ini untuk mengatasi pengulangan background (gambar).
background-position property ini biasanya digunakan untuk meletakan posisi background (gambar).
background-attachment property ini mengatur bagaimana background diatur.
background property mencakup semua yang diatas, jadi dengan satu property kamu bisa memasukan semua yg diatas.


<html>
   <head>
   <body>
      <p style = "background-color:yellow;">
      This text has a yellow background color.</p>
   </body>
   </head>
<html>

Hasilnya

This text has a yellow background color.

Kita juga bisa menggunakan Background gambar untuk mempercantik, contohnya sebagai berikut:


<html>
   <head>
      <style>
         body  {
            background-image: url("/css/images/css.jpg");
            background-color: #cccccc;
         }
      </style>
      <body>
         <h1>Hello World!</h1>
      </body>
   </head>
<html>

Hasilnya

This text has a yellow background color.

Sekian Tutorial singkat dari saya :D

Cara Cepat Menggunakan Color warna Di css

Blogger Css Design Tutorial Web Design

Juliansyah 12:47 AM Add Comment

Juliansyah

Cara Cepat Menggunakan Color warna Di css - CSS menggunakan nilai warna untuk menentukan warna. Biasanya, ini digunakan untuk mengatur warna background atau warna elemen atau kata (yaitu, teksnya). Selain itu color di css juga bisa digunakan untuk mempengaruhi warna border elemen dan efek dekoratif lainnya.

Dalam penulisan warna di css ada 5 jenis cara penulisan yaitu:

Format	Syntax	Example
Hex Code	#RRGGBB	p{color:#FF0000;}
Short Hex Code	#RGB	p{color:#6A7;}
RGB %	rgb(rrr%,ggg%,bbb%)	p{color:rgb(50%,50%,50%);}
RGB Absolute	rgb(rrr,ggg,bbb)	p{color:rgb(0,0,255);}
keyword	aqua, black, etc.	p{color:teal;}

Cara Cepat Menggunakan Color warna Di css - Untuk penggunaan warna di css biasanya admin sering menggunakan hex kode hex ini memang sangat mudah digunakan. terdiri dari 6 huruf dari 0 sampai f, yang dua huruf dari awal adalah merah dan dari huruf 3 sampai 4 adalah hijau dan huruf ke 5 dan 6 adalah warna biru RRGGBB

untuk warna hexadesimal ini sendiri bisa kamu dapatkan di photoshop dan software editing lainnya, atau juga bisa di google atau website warna html.
sebelum penulisan kode hexa desimal biasanya diawali dengan tanda #.

Contoh Color hex

Color	Color HEX
	#000000
	#FF0000
	#00FF00
	#0000FF
	#FFFF00
	#00FFFF
	#FF00FF
	#C0C0C0
	#FFFFFF

Cara Cepat Menggunakan Color warna Di css - Untuk pemasangan di css itu sangat mudah yaitu hanya menambah property yang ingin kita warnai seperti background kita hanya perlu menambahkan property background-color:#000000 atau warna text kita bisa menggunakan kata property color:#000000 dan warna border atau warna pinggir elemen kita bisa menggunakan border-color:#000000 dan masih banyak lagi elemen yang bisa kita gunakan. untuk elemen-elemen di css akan kita bahas setelah postingan ini jadi tetap kunjungi website ini ya.

Menggunakan Session di Php

Aplikasi Tutorial Tutorial PHP Web Design

Juliansyah 12:23 PM Add Comment

Juliansyah

Menggunakan Session di Php. Fungsi session yaitu untuk menyimpan informasi yang dibutuhkan oleh aplikasi dan dapat dibagi keseluruh halaman web, dan session ini tersipan di dalam file pada lingkungan server web. dalam arti kita bisa menggunakan suatu variabel dalam setiap halaman selama broser tidak dinonaktifkan atau di session_destroy.

cara menggunakan session harus ditambah session_start() sebelum menggunakan kode.

<?php
session_start();
?>

Membuat dan Mengakses SESSION

start_session();
$_SESSION['nama_session'] = "value";

Contoh:

start_session();
$_SESSION['username'] = "julian";

Jika ingin mengimplementasikan di halaman tinggal dikasih echo

start_session();
$_SESSION['username'] = "julian";
echo $_SESSION['username'];

Jika ingin menghapus session tinggal dikasih session_destroy();
Sekian Tutorial Dari saya semoga bermanfaat

Membuat Alert Box atau Kotak Peringatan Dengan Javascript

Blogger Css Design Html Tutorial Web Design

Juliansyah 6:21 PM Add Comment

Juliansyah

Hello Gan :D
Ketemu lagi dengan Saya, kali ini kita akan membahas tentang javascript, tutorial kali ini juga tergolong sangat mudah untuk dipelajari untuk pemula.

apa sih alert box atau kotak peringatan itu, alert box atau kotak peringatan itu adalah suatu fungsi di javascript yang menampilkan sejenis kotak ada suatu browser.

untuk mengetahui lebih mengenai alert box atau kotak peringatan itu sendiri alangkah baiknya jika kita praktekan secara langsung.

<script>
 alert("Contoh Perigatan yang ingin ditampilkan");
</script>

script diatas dipasang di dalam kode html website anda supaya bisa menampilkan lert box atau kotak peringatan.
sebagai contoh script berikut ini


<html>
<head>
</head>
<body>
<script>
 var tanggal=Date();
 alert("Assalamualaikum! Waktu sekarang adalah: "+tanggal);
</script>
</body>
</html>

Hasilnya akan muncul seperti gambar dibawah ini:

jika sudah muncul seperti gambar diatas berarti script anda sudah berhasil.

Sekian posting dari saya untuk hari ini tunggu posting selanjutnya ya :D

Jenis - jenis Tipe Data pada Php

Design Tutorial PHP Web Design

Juliansyah 11:38 AM Add Comment

Juliansyah

Jenis - jenis Tipe Data pada Php, Di dalam pemprogram manapun pasti mengenal yg namanya tipe data, tipe data biasanya berada pada Variabel suatu pemprograman, tipe data di php sendiri ada banyak jenisnya, ada yg khusus angka (Integer), ada yg khusus text dan masih banyak lagi.

Tipe data pada PHP:

String
Integer
Float
Booelan
Array
Object
NULL

Dari daftar tipe data di atas hampir semuanya digunakan dalam pemprograman web terutama PHP, untuk fungsi setiap tipe data akan saya jelaskan dibawah:

Tipe Data String Pada PHP

Tipe data ini biasanya digunakan untuk mengolah data text, bisanya pengunaan tipe data ini harus menggunakan tanda petik di antara datanya, untuk lebih jelasnya bisa dilihat dibawah:

<?php 
$contoh = "Saya Belajar PHP";
// variabel tes di atas merupakan tipe data string karena berisi text atau kalimat.
?>

Tipe Data Integer Pada PHP

Tipe data ini biasanya berupa bilangan bulat atau asli yg penggunaannya tidak memerlukan tanda petik untuk memasukan datanya, jika menggunakan tanda petik datanya akan menjadi string.

<?php 
$contoh = 10;
// variabel tes di atas merupakan tipe data integer karena berisi bilangan bulat.
?>

Tipe Data Float Pada PHP

Tipe data ini hampir sama dengan tipe data integer hanya berbeda pada bilangannya, kalau integer bilangan bulat nahh float ini menggunakan bilangan desimal (yg ada koma-komanya :V).

<?php 
$contoh = 10.2555;
// variabel tes di atas merupakan tipe data float karena berisi bilangan desimal.
?>

Tipe Data Booelan Pada PHP

Tipe data ini hanya memiliki dua value yaitu false atau 0 dan true atau 1, tipe data ini biasanya digunakan untuk memeriksa ketersediaan data.

<?php 
$contoh = true;
$contoh2 = false;
// variabel tes di atas merupakan tipe data boelan karena berisi benar atau salah.
?>

Tipe Data Array Pada PHP

Tipe data array ini adalah tipe data yg bisa menyimpan banyak variabel sekaligus, bisa diartikan sebagai tas yg bisa membawa banyak barang seperti buku, pensil, penghapus dan lain-lain.

<?php 
$contoh = array("buku","pensil","penghapus");
// variabel tes di atas merupakan tipe data array karena didalam variabelnya berisi variabel data lagi.
?>

Sekian informasi yg bisa saya bagikan,, tunggu posting selanjutnya ya gan :D

Mengabungkan HTML dengan Php

Aplikasi Html Tutorial Tutorial PHP Web Design

Juliansyah 2:46 PM Add Comment

Juliansyah

Hallo Guys :)
hari ini saya akan membagikan tutorial singkat banget, tapi mohon maaf dulu karena sudah saya sudah lama vakum blog, sekarang blog ini akan aktif terus minimal posting dua kali dalam seminggu.

Ok kita kembali ke pembahasan yaitu cara menggabungkan html dengan php yang menurut saya adalah tutorial yg sangat mudah untuk dipahamai bahkan bagi para newbie sekalipun, tutorial ini hanya menggunakan satu fungsi echo, apa itu fungsi echo??? fungsi echo itu adalah fungsi di php yg berguna untuk menampilkan data kedalam browser, sebenarnya ada banyak fungsi lain selain fungsi echo tersebut yg akan admin bahas dilain waktu.

coba kalian perhatikan kode dibawah ini.

<?php echo "Selamat Belajar di Tukomnet"; ?>

Hasilnya: Selamat Belajar di Tukomnet
ok kode selanjutnya kita akan menggunakan HTML:

<?php echo "Selamat Belajar di <b&gtTukomnet</b&gt"; ?>

Hasilnya: Selamat Belajar di Tukomnet

Sekarang Mungkin kalian sudah paham jika belum paham siahkan tanyakan kepada saya di facebook. sekian tutorial dari saya terima kasih