HTML (Hypertext Markup Languange) adalah suatu bahasa yang digunakan untuk membuat sebuah halaman web. HTML itu bahasa yang fleksibel karena tidak tergantung pada suatu platform (sistem operasi) tertentu. jadi HTML bisa dibaca di platform windows, Mac OS maupun linux. HTML hadir di jagat maya sejak tahun 1990-an, pengembangan HTML sendiri merupakan ide dari TIM Berner Lee. HTML terdiri dari tag-tag yang mendefenisikan elemen tertentu pada sebuah halaman web.
HTML merupakan bahasa yang tidak case sensitive tidak seperti bahasa pemograman server-side, seperti PHP atau ASP. Contohnya untuk menebalkan dokumen anda bisa menggunakan tag <b> atau dengan huruf kapital <B>, HTML dalam hal ini memakluminya. HTML merupakan pengembangan standar pemformatan dokumen teks, yaitu SGML (Standar Generalized Markup Language).“Dikutip dari buku Jurus Jitu Web Master Freelance”.
I. Cara Menuliskan HTML
Pada dasarnya dokumen HTML memiliki tiga tag utama, yaitu HTML, HEAD, dan BODY. Tag HTML digunakan untuk menyatakan suatu dokumen HTML, tag Head untuk menyimpan atau menampilkan informasi tertentu dan tag BODY untuk menampilkan isi dokumen HTML.
Struktur penulisan dokumen HTML sebagai berikut :
<html>
<head>
<title> www.websaya.com</title>
</head>
<body>
<h1 align="center"> SELAMAT DATANG DI WEBSITE SAYA</h1>
</body>
</html>
Gambar Tampilan web di Internet Explorer
As-Sabiqun al-Awwalun adalah orang-orang terdahulu yang pertama kali masuk/memeluk Islam. Mereka adalah dari golongan kaum Muhajirin dan Anshar, mereka semua sewaktu masuk Islam berada di kota Mekkah, sekitar tahun 610 Masehi pada abad ke-7. Pada masa penyebaran Islam awal, para sahabat nabi di mana jumlahnya sangat sedikit dan golongan As-Sabiqun Al-Awwalun yang rata-ratanya adalah orang miskin dan lemah. Berikut 10 manusia pertama yang memeluk Islam Setelah Nabi Muhamad:
1. Khadijah binti Khawalid
Khadijah berasal dari golongan pembesar Mekkah. Menikah dengan Nabi Muhammad, ketika berumur 40 tahun, manakala Nabi Muhammad berumur 25 tahun. Ada yang mengatakan usianya saat itu tidak sampai 40 tahun, hanya sedikit lebih tua dari Nabi Muhammad. Khadijah merupakan wanita kaya dan terkenal.
Ketika Nabi Muhammad masih muda dan dikenal sebagai pemuda yang lurus dan jujur sehingga mendapat julukan Al-Amin, telah diperkenankan untuk ikut menjualkan barang dagangan Khadijah. Hal yang lebih banyak menarik perhatian Khadijah adalah kemuliaan jiwa Nabi Muhammad. Khadijah lah yang lebih dahulu mengajukan permohonan untuk meminang Beliau, peminangan dibuat melalui paman Muhammad yaitu Abu Thalib.
"Sewaktu malaikat turun membawa wahyu kepada Muhammad maka Khadijah adalah orang pertama yang mengakui kenabian suaminya, dan wanita pertama yang memeluk Islam. Sepanjang hidupnya bersama Nabi, Khadijah begitu setia menyertainya dalam setiap peristiwa suka dan duka. Allah mengkaruniakannya 3 orang anak, yaitu Qasim, Abdullah, dan Fatimah.
2. Zaid bin Haritsah 
Zaid bin Haritsah berasal dari kabilah Kalb yang menghuni sebelah utara jazirah Arab. Di masa kecilnya, ia ditangkap oleh sekelompok penjahat yang kemudian menjualnya sebagai seorang budak. Kemudian ia dibeli oleh Hukaim bin Hisyam keponakan dari Khadijah. Oleh Khadijah, ia diberikan kepada Nabi Muhammad yang kemudian memerdekakan Zaid bin Haritsah. Ia adalah salah satu orang yang pertama dalam memeluk agama Islam.
Zaid menjadi sahabat serta pelayan yang setia Nabi Muhammad. Ia menikah dengan Ummi Ayman dan memiliki putra yang bernama Usamah bin Zaid bin Haritsah. Ia mengikuti hijrah ke Madinahserta mengikuti setiap pertempuran dalam membela Islam. Dalam Pertempuran Mu'tah, ia diangkat sebagai panglima perang dan dalam pertempuran inilah, ia mati syahid.
3. Ali bin Abi Thalib
Ali bin Abi Thalib adalah salah seorang pemeluk Islam pertama dan juga keluarga dari Nabi Muhammad. Menurut Islam Sunni, ia adalah Khalifah terakhir dari Khulafaur Rasyidin. Sedangkan Syi'ah berpendapat bahwa ia adalah Imam sekaligus Khalifah pertama yang dipilih oleh Rasulullah Muhammad SAW. Uniknya meskipun Sunni tidak mengakui konsep Imamah mereka setuju memanggil Ali dengan sebutan Imam, sehingga Ali menjadi satu-satunya Khalifahyang sekaligus juga Imam. Ali adalah sepupu dari Muhammad, dan setelah menikah dengan Fatimah az-Zahra, ia menjadi menantu Muhammad.
4. Abu Bakr ash-Shiddiq
Abu Bakar termasuk di antara mereka yang paling awal memeluk Islam. Setelah Nabi Muhammad wafat, Abu Bakar menjadi khalifah Islam yang pertama pada tahun 632 hingga tahun 634M. Lahir dengan nama Abdullah bin Abi Quhafah, ia adalah satu di antara empat khalifah yang diberi gelar Khulafaur Rasyidin atau khalifah yang diberi petunjuk.
Abu Bakar adalah ayah dari Aisyah, istri Nabi Muhammad. Nama yang sebenarnya adalah Abdul Ka'bah (artinya 'hamba Ka'bah'), yang kemudian diubah oleh Muhammad menjadi Abdullah (artinya 'hamba Allah'). Muhammad memberinya gelar Ash-Shiddiq (artinya 'yang berkata benar') setelah Abu Bakar membenarkan peristiwa Isra Miraj yang diceritakan oleh Muhammad kepada para pengikutnya, sehingga ia lebih dikenal dengan nama "Abu Bakar ash-Shiddiq".
5. Bilal bin Rabah
Bilal bin Rabah adalah seorang budak berkulit hitam dari Habsyah (sekarang Ethiopia) yang masuk Islam ketika masih diperbudak. Setelah majikannya mengetahui bahwa Bilal masuk Islam, maka Bilal disiksa terus menerus setiap harinya guna mengembalikannya agar tidak memeluk Islam. Tetapi Bilal tidak mau kembali kepada kekafirannya dan tetap melantunkan "Allahu Ahad, Allahu ahad…".
Pada akhirnya Bilal dimerdekakan oleh Abu Bakar dan menjadi sahabat setia Rasulullah saw sampai-sampai Bilal dalam sebuah hadits diceritakan bahwa Rasulullah saw pernah bermimpi mendengar suara terompah Bilal di surga. Ketika hukum syariat adzan diperintahkan oleh Allah orang yang pertama kali disuruh oleh Rasulullah untuk mengumandangkannya adalah Bilal bin Rabah, ia dipilih karena suara Bilal sangat merdu.
6. Ummu Aiman
Ummu Aiman adalah seorang hamba sahaya yang diwariskan kepada Muhammad oleh ayahnya, Abdullah bin Abdul Muthalib. Ummu Aiman mengasuh Muhammad sampai usia dewasa. Dia dimerdekakan setelah Muhammad menikah dengan Khadijah binti Khuwailid, kemudian dinikahi oleh 'Ubaid bin Al-Harits dari suku Khazraj. Dari pernikahannya dengan 'Ubaid, lahirlah Aiman. Aiman ikut hijrah dan berjihad bersama Muhammad dan gugur sebagai syahid dalam Perang Hunain.
Muhammad sangat menghormati Ummu Aiman. Suatu ketika beliau mengunjunginya dan berkata, "Wahai Ibu!" Beliau juga pernah berkata, "Wanita ini adalah anggota keluargaku yang masih tersisa." Pada kesempatan lain beliau juga pernah berkata, "Ummu Aiman adalah ibuku setelah ibuku (wafat)."
Ummu Aiman mengasuh Muhammad kecil dengan penuh kelembutan. Setelah Muhammad diangkat menjadi rasul, beliau pernah berkata, "Barang siapa yang ingin menikah dengan wanita ahli surga, maka hendaklah ia menikahi Ummu Aiman." Mendengar sabda beliau, Zaid bin Haritsah segera menikahinya. Dari pernikahannya dengan Zaid, lahirlah Usamah bin Zaid, lelaki kesayangan Muhammad.
7. Hamzah bin Abdul-Muththalib
Hamzah lahir diperkirakan hampir bersamaan dengan Muhammad. Ia merupakan anak dari Abdul-Muththalib dan Haulah binti Wuhaib dari Bani Zuhrah. Menurut riwayat, pernikahan Abdul-Muththalib dan Abdullah bin Abdul-Muththalib terjadi bersamaan waktunya, dan ibu dari Nabi, Aminah binti Wahab, adalah saudara sepupu dari Haulah binti Wuhaib. Hamzah Bin Abdul Mutholib adalah seorang yang mempunyai otak yang cerdas dan pendirian yang kuat dia termasuk tokoh Quraish yang di segani. Nama sebenarnya Hamzah bin Abdul Muthalib bin Hasyim, seorang paman Nabi dan saudara sepersusuannya. Dia memeluk Islam pada tahun kedua kenabian, Ia Ikut Hijrah bersama Rasulullah Shallallahu alaihi wassalam dan ikut dalam perang Badar, dan meninggal pada saat perang Uhud, Rasulullah menjulukinya dengan "Asadullah" (Singa Allah) dan menamainya sebagai "Sayidus Syuhada".
8. Abbas bin Abdul-Muththalib
Abbas bin Abdul-Muththalib (Arab: العباس بن عبد المطلب) (lahir 566 – wafat 653) adalah paman dan Sahabat dari Nabi Muhammad. Keturunan dari Abbas-lah yang menjadi golongan khalifah yang dikenal dengan nama Bani Abbasiyah yang pernah berkuasa di Baghdad.
9. Abdullah bin Abdul-Asad
Abdullah bin Abdul-Asad (Arab:بن عبد الأسد عبد الله) adalah salah satu Sahabat Nabi Muhammad. Nama lengkapnya adalah Abdullah bin Abdul Asad al-Makhzumi, terkenal dengan nama Abu Salamah, ia menderita luka-luka dalam perang Uhud dan menjadi seorang yang mati syahid. Abu salamah juga disusui oleh Thaubiyah, yang juga pernah menyusui Muhammad
10. Ubay bin Ka'ab
Ubay adalah kaum Anshar yang berasal dari Bani Khazraj dan merupakan salah seorang dari Yathrib (Madinah) yang pertama-tama menerima Islam dan melakukan bai'at kepada Nabi Muhammad di Aqabah, sebelum terjadinya peristiwa hijrah. Ia turut mengambil bagian dalam pertempuran Badr dan peperangan lain sesudahnya.
Ubay termasuk salah seorang yang pertama-tama mencatatkan ayat-ayat Al Qur'an ke dalam bentuk tulisan, karena Ubay merupakan salah seorang penulis bagi Nabi Muhammad. Ubay diriwayatkan memiliki suatu mushaf khusus susunannya sendiri , dan ia termasuk di antara para sahabat yang merupakan penghapal Al Qur'an (hafiz).
Ubay juga adalah anggota kelompok penasihat (mushawarah) yang dibentuk oleh khalifah Abu Bakar sebagai tempat bertanya atas berbagai permasalahan. Dewan tersebut terdiri dari Umar bin Khattab, Utsman bin Affan, Ali bin Abi Thalib, Abdurrahman bin Auf, Muadz bin Jabal, Zaid bin Tsabit dan Ubay bin Kaab sendiri. Setelah menjadi khalifah, Umar bin Khattab kemudian juga meminta nasihat dari kelompok yang sama. Secara spesifik, ia meminta nasihat mengenai fatwa-fatwa kepada Utsman, Ubay and Zaid bin Tsabit.
Ubay meninggal dunia pada tahun 29 H atau 639 M, yaitu pada masa kekhalifahan Utsman bin Affan.
Sumber ALL TOP 10 In The World
Buka AVS Video Editor yang sudah di instal
Untuk memulai, silahkan klik menu FILE-->NEW PROJECT
Setelah kita berhasil membuat project baru, sekarang kita akan memasukkan beberapa gambar, video dan musik. Caranya, Klik menuFILE-->IMPORT MEDIA
Maka kita akan diarahkan ke browse komputer kita, silahkan pilih file apa saja yg akan kita ambil. Disini saya memberikan contoh memasukkan 2 gambar yg bawaan dari Windows 7, 1 lagu Greyson Chance - Summer Train, dan Video Animasi Larva - Ant
klik untuk perbesar gambar
Untuk mulai mengedit, kita perlu memasukkan file tersebut ke Time Line, cara tinggal Drag file kehendaki ke Time Linenya.
Klik untuk perbesar gambar
Jika sudah selesai nge-DRAG-nya, sekarang kita masuk kepelajaran selanjutnya, yaitu menjadikannya menjadi lebih menarik dengan menambahkan Transitions, Effects, Text dan juga Voice (Suara).Perhatikan gambar dibawah ini:
Transitions
Untuk menambahkan Transition, silahkan klik Transitions, pilih mana yg akan digunakan dan Drag kearah diantara video atau gambar
Klik gambar untuk perbesar
Video Effect
Untuk menambahkan Effect, caranya hampir sama sepertiTransitions, cuma kalau ini kita harus menambahkan manual dulu, caranya klik kanan-->Add or Replace Video Effect. Selanjutnya tinggal mengatur seberapa panjang Effect itu berjalan, terserah kita.
Text
Untuk menambahkan Text, caranya sama dengan untuk menambahkan Video Effect.
Voice
Untuk menambahkan suara, kita memerlukan microphone atau headset. Jika sudah terpasang, silahkan klik Start Recording
Setelah semua sudah selesai, simpan dulu project ini agar tidak hilang. Caranya Klik menu FILE-->Save Project. Atau bisa juga dengan menekan tombol kombinasi CTRL+S
Project sudah tersimpan, maka selanjutnya adalah menjadikannya sebagaiMovie atau Video agar bisa diputar menggunakan pemutar Video seperti K-Lite, VLC, KMPlayer dll. Caranya adalah dengan menekan tombol Produce
Maka akan muncul windows baru, disitu banyak pilihan, pilih saja yangFile, kemudian klik Next. Sudah saya beri tanda merah
Klik untuk perbesar
Selanjutnya adalah memilih format dari Video tersebut. Saya sarankan agar memilih AVI saja, karena AVI merupakan Format Video yang paling banyak digunakan. Dan disebelah kanannya ada Advanced, gunanya untuk mengatur kualitas dari Video tersebut, semakin tinggi kita mengatur, maka semakin bagus kualitasnya. Namun, jika kalian belum mengerti cara mengaturnya, lebih baik tidak usah diatur, biarkan saja sesuai pengaturan dari sananya (Default)
Klik untuk perbesar
Oke, sekarang kita masuk ketahap terakhir, Silahkan tulis nama File ini dan pilih tempat Outputnya. Klik Create, tunggu beberapa saat hingga selesai. Lama pembuatan Video ini tergantung dari panjang video yang kita buat.
Klik gambar untuk perbesar
Selamat, Anda telah berhasil mengedit Video sesuai selera anda. Jangan lupa di share and like ya jika kalian suka......
Buku Halaman flipping dapat dipisah dalam 360 derajat dengan visi penuh , dan membawa perasaan kepada pengguna seolah-olah mereka memegang buku yang sebenarnya di tangan mereka . Gunakan realistis 3D efek majalah halaman flip untuk mempromosikan buku flipping flash , meningkatkan penjualan buku Anda atau untuk menunjukkan e-book Anda di realistis , 3D animasi visual yang sekarang !PDF buku 3D dengan 360 derajat berputar dan efek flip halaman !10 in 1 template ( 2D & 3D panorama ) untuk desain Flipbook !• Sebuah Perangkat Lunak Page flip terjangkau untuk membuat majalah 3D yang realistis dari PDF .• Template Plane ( Lampung , Handy , Plain , dll) dan 3D Panoramic Template untuk desain .• Pengaturan Sepenuhnya disesuaikan dapat digunakan untuk menciptakan gaya Anda sendiri untuk 3D buku flip halaman.• Total solusi untuk mudah dan efektif mempublikasikan 3D flip halaman kilat eBook offline dan online dengan exe , HTML format ZIP . Publikasikan online untuk perangkat mobile ( iPhone , iPad , dan perangkat Android ) .• konversi terbatas tanpa membayar royalti .
OS : Windows XP / Vista / Windows 7/Windows 8
Bahasa : English
Home Page - http://www.3dpageflip.com/
Berikut adalah sebagian dari kode-kode dasar HTML yang sangat sering digunakan. Untuk penulisan kode tersebut, harap memperhatikan deklarasi jenis dokumen (DTD) yang di gunakan. Adakalanya, beberapa jenis tag HTML tidak didukung oleh suatu jenis dokumen. Selain itu, sangat penting memperhatikan penulisan tag HTML, utamanya tag akhir (Tag penutup) dalam dokumen XHTML
Contoh sederhana penulisan tag HTML yang berbeda adalah penulisan baris baru. Dalam HTML 4.01, penulisan baris baru adalah <br>sedangkan dalam xhtml, penulisannya adalah <br />. Hal ini juga berlaku pada penulisan tag garis dan gambar.
Kode dasar HTML
Penulisan teks untuk HEADING menggunakan kode:
<h1> Teks </h1>. Heading pada halaman terdiri dari kode <h1> sampai <h6>
Penulisan teks tebal dan besar (Penguatan huruf atau teks) menggunakan kode:
<strong>Teks disini</strong>
Penulisan teks tebal menggunakan kode:
<b>Teks disini</b>
Penulisan teks besar menggunakan kode:
<big> Teks </big>
Penulisan teks kecil menggunakan kode:
<small> Teks </small>
Penulisan teks bercoret menggunakan kode yang didefenisikan dengan tag <s> atau tag alternatif lainnya yaitu <del>
<s> Teks bercoret </s>
<del> Teks bercoret </del>
Penulisan teks miring atau gaya italic menggunakan kode:
<i> Teks italic </i>
Teks huruf berwarna. Kodenya:
<font color="kode_warna"> teks disini </font>
Kode warna ditulis menggunakan nama warna dalam bahasa inggris (RGB) atau dalam bentuk HEX yang diawali symbol pagar #
Membuat Paragraf dalam HTML dituliskan dengan kode:
<p> teks anda disini </p>
Menyelaraskan teks paragraf.
Untuk teks rata kanan gunakan
<p align="left"> teks anda disini </p>
teks rata tengah
<p align="center"> teks anda disini </p> dan teks rata kiri
<p align="right"> teks anda disini </p>
Membuat kode referensi atau link pada halaman. Kodenya:
<a href="url">Link Teks</a>
Penulisan nama link yang berwarna seperti home adalah:
<a href="URL"><font color="red"><b>Link</b></font></a>
Membuat garis. Untuk garis sederhana gunakan kode <hr />. Untuk lebar dan tebal garis, anda tinggal menyesuaikan misalnya:
<hr width="50%" />
<hr width="80%" />
<hr width="100%" />
Garis dengan ukuran dan warna
<hr style="color: yellow; size: 5; width: 75%;" />.
Anda juga dapat membuat tampilan garis yang unik menggunakan CSS Style.
Huruf atau teks dengan ukuran kodenya:
<font size="22px">Teks</font>.
Anda bisa menggunakan unit EMS (em), PIXELS (px), PERSEN (%), dan POINT (pt) dalam menentukan ukuran huruf.
Membuat Link dengan gambar seperti dibawah
kodenya adalah:
kodenya adalah:<a href="URL">
<img src="URL_GAMBAR" alt="Judul_Alternatif" />
</a>
Mengubah ukuran gambar menjadi tampilan penuh
Kodenya adalah <img src="url_gambar" width="100%" height="100%" alt="Judul alternafif" />
Memperkecil ukuran gambar dari ukuran yang sebenarnya seperti ini:
Kodenya adalah <img src="url_gambar" width="lebar_gambar" height="tinggi_gambar" alt="Judul alternafif" />
Anda tinggal menyesuaikan ukuran lebar dan tinggi gambar dengan menggunakan unit px atau %
Membuat Ikon halaman seperti yang terdapat disudut kanan atas halaman ini atau lebih dikenal dengan nama Favicon ICO dengan kode:
<link rel="shortcut icon" type="images/x-icon" href="url_gambar" />.
Ukuran file gambar sebaiknya 16x16 Pixels dalam format ICO atau PNG
Membuat tombol Button yang dapat diklik seperti
Kodenya:
<input type="button" value="HOME" />
Radio Button
: On/Off
Kodenya:
<input type="radio" name="ok" value="" />
Body halaman dengan latarbelakang gambar kodenya:
<body style="background-image: url_gambar">
Body halaman dengan latarbelakang warna kodenya:
<body style="background-color: kode_warna">
Body tags didefenisikan dengan:
<body alink="red" valink="maroon" link="yellow" text="white" bgcolor="black">
Body tags menyangkut body dokumen, seperti hyperlink, gambar, teks, list, background dan sebagainya.
Daftar Tanpa Nomor atau list-style di defenisikan dengan tag <ul> sedangkan item didefenisikan dengan <li>. Untuk type item list dapat disesuaikan menggunakan list-type: disc, circle atau square.
- Item list default menggunakan type DISC
- Teks
- Teks
- Teks
Penulisan kode tersebut adalah:<ul>
<li>Teks</li>
<li>Teks</li>
<li>Teks</li>
</ul>
Daftar list dengan penomoran otomatis di defenisikan dengan tag <ol>. Contohnya:
- Teks
- Teks
- Teks
Penulisan kode tersebut adalah:<ol>
<li>Teks</li>
<li>Teks</li>
<li>Teks</li>
</ol>
Membuat kotak textarea copy paste yang didefenisikan dengan kode tag <textarea>
Contoh:
Contoh:
Dianjurkan untuk menentukan jumlah baris dan kolom dalam penulisan kotak area teks. Kodenya adalah:<textarea cols="Jumlah_kolom" rows="jumlah_baris">
Text, kode disini
</textarea>
Membuat Teks berlatarbelakang warna dengan kode HTML <span>. Contoh diatas menggunakan kode:
<span style="background-color: #800; color: lime;"><b>Text Berstabilo</b></span>.
Tag <span> juga biasanya digunakan pada gaya inline dalam dokumen.
Membuat Text Berbayang
Kodenya <font color="#ff0000" style="text-shadow: #ffff00 1px 1px 1px;"><b>Text Berbayang</b></font>
Text underline atau BergarisBawah dengan kode:
<u>Teks disini</u>
Superscript text didefinisikan dengan kode <sup>.
Teks superscript muncul setengah karakter diatas baseline. Contohnya:
<b>TeksA<sup>TeksB</sup>TeksC</b>
Hasilnya:
TeksATeksBTeksC.
Subscript text atau mendefinisikan teks subscript dengan kode:
<sub>.
Teks subscript muncul setengah karakter bawah baseline. Contohnya:
<sub>.
Teks subscript muncul setengah karakter bawah baseline. Contohnya:
<b>TeksA<sub>TeksB</sub>TeksC</b>
Hasilnya:
TeksATeksBTeksC
Tag <div> digunakan untuk mendefinisikan divisi atau bagian dalam dokumen HTML. Tag <div> juga digunakan untuk kelompok elemen block untuk memformat mereka dengan CSS. Contohnya::
<div style="color: #00ff00; background-color: #800000; margin: 3px; padding: 4px; text-align: center; border: 1px solid #ff4500;">Teks disini</div>Hasilnya:Teks disini
Adapun tag HTML <blink> (Teks berkedip) dan <marquee> (Teks berjalan), sebaiknya tidak digunakan sebab kedua tag tersebut tidak merupakan tag standard HTML yang di anjurkan oleh W3 dan juga karena banyaknya browser yang tidak mengenal dan mendukung penggunaan tag tersebut (Sumber : http://www.w3.org).
Adapun jenis tag atau kode dasar HTML yang digunakan pada jenis dokumen html 4.01 Wenru, bentuknya dapat anda lihat di Kode dasar HTML
Untuk kode-kode dasar html yang lain dan lebih lengkap, silahkan klik di :
http://www.w3.org, http://www.w3schools.com atau dihttp://werbach.com
http://www.w3.org, http://www.w3schools.com atau dihttp://werbach.com
Kali ini saya akan membahas tentang PHP , PHP
adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke
dalam HTML. PHP banyak digunakan untuk memrogram situs
web dinamis . PHP dapat digunakan untuk mambuat sebuah CMS.
Untuk lebih jelasnya , langsung saja kita pergi ke topik pembahasan
Elemen Dasar PHP
Pokok Bahasan :
Elemen Dasar pemrograman dengan PHP
Materi :
1. Tag PHP
2. Variabel dan Tipe Data
3. Operator
4. Pernyataan Seleksi
Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)
Banyak cara untuk menyisipkan PHP dalam script HTML, ada ber bagai macam bentuk
tag yang dapat digunakan, antara lain :
Cara 1
<?php -- Menandai awal tag
……………………
?> -- Menandai aakhir tag
Cara 2
<? -- Menandai awal tag
……………………
?> -- Menandai akhir tag
Cara 3
<% -- Menandai awal tag
……………………
%> -- Menandai akhir tag
Cara 4
<script language=”php”> -- Menandai awal tag
……………………
</script> -- Menandai akhir tag
Menampilkan Data
Untuk menampilkan data kedalam standard output dapat menggunakan perintah print
atau echo.
ECHO
Sintak : echo(data);
echo data;
Penggunaan echo pada s krip PHP dalam HTML
Contoh skrip PHP yang disisipkan pada HTML :
<html>
<head>
<title>Contoh</title>
</head>
<body>
<?php
echo "Contoh skrip PHP yang disisipkan pada HTML";
?>
</body>
</html>
Skrip PHP Berdiri Sendiri.
Sedang bentuk skrip PHP yang berdiri sendiri :
<?php
echo "Hai, Aku adalah skrip PHP!";
?>
NB : echo(), berfungsi untuk menampilkan output.
Sintak : print (data);
print data;
Data yang dimaksud disini dapat merupakan data numeric, sring, atau pun objek.
Kode Penentu format pada printf()
Kode Keterangan
d Bilangan Bulat
b Bilangan Biner Bulat
o Bilangan Oktal (berbasis 8)
x Bilangan heksadesimal (berbasis 16). Huruf dinyatakan dalam huruf kecil
X Bilangan Hexadesimal (berbasis 16). Huruf dinyatakan dalam huruf kapital
c Karakter yang nilai ASCII -nya dinyatakan dalam argument
s String
f Bilangan Double (real)
% Tanda %. Tidak Perlu ada Argumen
Contoh :
<?php
$nama = “Fika”;
Print (“Hai, $nama<BR>”);
Print (‘Hai, $nama<BR>’);
?>
KOMENTAR
Ada kalanya kita sebagai pemrogram, karena banyaknya kode program atau
variable dalam program, perlu menandai atau memberi komentar pada program.
Komentar pada program merupakan tulisan pada program yang tidak dieksekusi.
Pada PHP, ada 3 macam cara penulisannya :
1. /* komentar */
Tulisan apapun yang berada di antara ’/*’ dan ’*/’ akan dianggap sebagai
komentar. Cara seperti ini sangat berguna dan efisien untuk pemberian
komentar yang memakan banyak ba ris.
2. // komentar
Tulisan di baris yang sama setelah ’//’ akan dianggap sebagai komentar.
Cara ini berguna untuk pemberian komentar singkat yang tak lebih dari 1 baris
saja.
3. # komentar
Sama seperti ’//’, tulisan di baris yang sama setelah ’#’ akan
dianggap sebagai komentar. Cara ini berguna untuk pemberian komentar
singkat yang tak lebih dari 1 baris saja.
Dalam PHP, penulisan variabel diawali dengan karakter ‘$’, kemudian diikuti dengan
huruf sebagai karakter pertama. Setelah itu, dapat dilajutkan dengan kombinasi huruf
dan angka. Variabel tidak boleh mengandung spasi maupun tanda baca di
dalamnya, kecuali underscore (’_’).
Variabel pada PHP bersifat “case sensitif”, yang berarti Anda harus memperhatikan
penulisan huruf besar dan huruf kecil . Variabel $jumlah berbeda dengan $Jumlah.
Contoh penamaan variabel yang benar :
$nama_pemakai
$kota_3
$user1
Contoh penamaan variabel yang salah :
$nama pemakai
$3kota
$us\er1
Variabel
Variabel adalah suatu pengenal dalam p rogram yang berfungsi untuk menyimpan
nilai secara sementara dan dapat diubah -ubah nilai.
Untuk mendefinisikan variable, diawali dengan simbol karakter dollar(‘$’) dan
diikuti oleh nama pengenal.
$NamaPengenal = nilai;
Adapun aturan dalam menyusun pengen al :
1. tersusun dari karakter huruf, angka dan underscore(_)
2. tidak boleh mengandung spasi
3. karakter pertama nama pengenal harus dari karakter huruf atau
underscore.
4. huruf kecil dan besar dibedakan
Dalam PHP, tidak diperlukan pendeklarasian variabel dengan ti pe datanya seperti
bahasa pemrograman pascal. Setiap variable yang terbentuk dalam program
dianggap bertipe variant, dengan kata lain dapat menampung tipe data dengan
jenis apapun.
Tipe Data
Tipe data dasar PHP terdiri dari
Boolean, jenis Boolean memiliki nilai TRUE dan FALSE
Contoh :
<?php
$test = true;
If ($test == true) {
Echo “Nilai Tipe Data Boolean TRUE”;
} else {
Echo “Nilai Tipe Data Boolean FALSE”;
}
?>
Variabel and Data Type
integer, termasuk jenis data bilangan bulat , tipe data integer memiliki
ukuran maksimum 32 bit atau bisa menampung nilai sampai 2 milyar.
Contoh :
$test = 123; // desimal
$test = -123; // negatif desimal
$test = 0123; // octal
$test = 01A; // hexadecimal
Float, merupakan tipe bilangan real yang memiliki nilai maksimum
mencapai 1.8e308.
Contoh :
$test = 1.234;
$test = 1.2e3;
double, termasuk jenis data bilangan pecahan/ decimal
string, termasuk jenis data teks/untaian karakter
Contoh :
<?php
$test = “Pemrograman Web dengan PHP”;
Echo “ variable test = $test”;
?>
Operator adalah suatu symbol yang berfungsi untuk menyusun sebuah ekspresi maupun
operasi. Sedangkan yang dioperasikan operator disebut dengan operand. Adapun
macam – macam operator yaitu :
1. Operator Aritmetika
Merupakan symbol -simbol operator untuk melakukan oper asi matematis.
Operator Fungsi
+ Penjumlahan
- Pengurangan
* Perkalian
/ Pembagian
% Sisa Pembagian
++ Penaikan
-- Penurunan
Contoh :
<?php
$a = 1;
$b = 2;
$c = 3;
$s1 = "Hallo";
print ("Penjumlahan dan Pengurangan :<BR> \n");
printf ("$a + $b = %d <BR> \n", $a + $b);
Operator
printf ("$c - $a = %d <BR> \n", $c - $a);
print ("<BR> Perkalian :<BR> \n");
printf ("$c * $b = %d <BR> \n", $c * $b);
printf ("$c * 0.5 = %d <BR> \n", $c * 0.5);
print ("<BR> Pembagian :<BR> \n");
printf ("$c / $b = %d <BR> \n", $c / $b);
printf ("$c / 3.5 = %d <BR> \n", $c / 3.5);
printf ("<BR> Yang ini menampilkan variabel String = $s1 ");
?>
2. Operator Perbandingan
Merupakan simbol -simbol operator untuk melakukan pembandingan antara dua
buah operand. Hasil pembandin gan bernilai satu(1) jika benar dan bernilai
nol(0) jika salah.
Operator Fungsi
< Lebih Kecil
> Lebih Besar
<= Lebih Kecil atau Sama Dengan
>= Lebih Besar atau Sama Dengan
== Sama Dengan
!= Tidak Sama Dengan
Contoh :
<?php
$a = 100;
$b = 20;
printf ("$a > $b = %d <BR> \n", $a > $b);
printf ("$a >= $b = %d <BR> \n", $a >= $b);
printf ("$a < $b = %d <BR> \n", $a < $b);
printf ("$a <= $b = %d <BR> \n", $a <= $b);
printf ("$a == $b = %d <BR> \n", $a == $b);
printf ("$a <> $b = %d <BR> \n", $a <> $b);
?>
3. Operator Logika
Merupakan simbol-simbol operator untuk menyusun kalimat ekspresi/ungkapan
logika. Hasil operasi ini akan didapatkan nilai satu (1) jika bernilai benar atau
nol (0) jika bernilai salah.
Operator Fungsi
AND atau && Operasi Logika And
OR atau || Operasi Logika OR
XOR Operasi Logika Ekslusif Or
! Ingkaran / Negasi
Untuk lebih jelasnya mengenai penggunaan operator -operator di atas, perhatikan
table kebenaran sebagai berikut :
$p $q $p AND $q $p OR $q $p XOR $q ! ($p AND $q)
1 1 1 1 0 0
1 0 0 1 1 1
0 1 0 1 1 1
0 0 0 0 0 1
Contoh :
<?php
$bil1 = 100;
$bil2 = 20;
$teks1 = “PHP”;
$teks2 = “php”;
$hasil = ($bil1 <> $bil2) or ($teks1 == $teks2);
printf(“(%d <> %d) or (%s == %s) adalah %d<BR> \n”,
$bil1, $bil2, $teks1, $teks2, $hasil);
$hasil = ! ($teks1 == $teks2);
printf(“! (%s == %s) adalah %d<BR> \n”,$teks1, $teks2, $hasil);
?>
4. Operator String
Dalam PHP juga tersedia operator string, yaitu untuk operasi penggabungan teks.
Adapun symbol yang digunakan yaitu berupa karakter titik/point (.).
Contoh :
<?php
$teks1 = "Aku Sedang Belajar";
$teks2 = "Pemrograman WEB";
$teks3 = "PHP";
$hasil = $teks1 . $teks2 . $teks3;
printf("hasil : %s<BR> \n",$hasil);
$hasil = $teks1 . " " . $teks2 . " " . $teks3;
printf("hasil : %s<BR> \n",$hasil);
?>
Apa yang dimaksud pernyataan seleksi?
Sebagian besar bahasa pemrograman mengandung pernyataan seleksi. Pada dasarnya
pernyataan seleksi adalah suatu mekanisme suatu pernyataan akan dikerjakan atau
tidak, hal tergantung pada kondisi yang dirumuskan. Dala m PHP atau bahasa
pemrograman lainnya pernyataan seleksi diterapkan dengan menggunakan statemen if.
if
Bentuk umum pernyataan if, adalah sbb:
If (kondisi) {
statement;
}
Prinsip Kerja : Statement di atas akan dikerjakan apabila kondisi bernilai TRUE (1)
sedangkan jika kondisi bernilai FALSE (0), maka statement di atas tidak akan
dikerjakan.
Contoh : Mengabsolutkan nilai bulat
<?php
$a = -10;
if ($a < 0) {
$a = $a * -1;
}
echo $a;
?>
Statement Selection
else
sebenarnya pernyataan else merupakan bagian dari pernyataan if, y ang mana
pernyataan else ini digunakan untuk memberikan alternatif perintah apabila kondisi
bernilai FALSE (0). Bentuk umum pernyataan :
If (kondisi) {
Statement1;
} else {
Statement2;
}
Contoh :
<?php
$nilai = 40;
if ($nilai >= 60) {
echo “Nilai Anda : $nilai. Selamat, Anda Telah Lulus!!”;
} else {
echo “Nilai Anda : $nilai. Sorry, Anda Tidak Lulus!!”;
}
?>
Contoh di atas akan menguji kondisi $nilai >= 60, ternyata kondisi bernilai salah
(FALSE) sehingga yang dikerjakan adalah statemen dibawah else, y aitu akan
ditampilkan hasil output program “Nilai Anda : 40. Sorry, Anda Tidak Lulus!!”.
elseif
jika pernyataan else memberikan alternatif pilihan kedua pada pernyatan di atas, maka
pernyataan elseif adalah untuk merumuskan banyak alternatif pilihan (lebi h dari dua
pilihan). Adapun bentuk umumnya :
If (kondisi1) {
statement_1;
} elseif (kondisi2) {
statement_2;
} ………
………
} else {
statement_n;
}
Contoh :
<?php
$nilai = 50;
if (($nilai >= 0) && ($nilai <50)) {
$indek = “E”;
} elseif (($nilai >= 50) && ($n ilai <60)) {
$indek = “D”;
} elseif (($nilai >= 60) && ($nilai <75)) {
$indek = “C”;
} elseif (($nilai >= 75) && ($nilai <85)) {
$indek = “B”;
} elseif (($nilai >= 85) && ($nilai <100)) {
$indek = “A”;
} else {
$indek = “Nilai diluar jangkuan”;
}
Pemrograman Web (PHP Dan Mysql dengan Dreamwe aver)
Dosen : Khairil,M.Kom 18
echo “Nilai Anda : $nilai, dikonversi menjadi ‘$indek’ “;
?>
Switch
Serupa dengan pernyataan if – elseif – else, pernyataan switch juga memberikan
banyak alternatif pilihan pernyataan. Adapun bentuk umum switch :
switch (nilai_ekspresi) {
case nilai_1 : statemen t_1; break;
case nilai_2 : statement_2; break;
default :
statement_n;
}
contoh :
<?
$angka = 6;
switch ($angka){
case 0: $terbilang = “NOL”; break;
case 1: $terbilang = “SATU”; break;
case 2: $terbilang = “DUA”; break;
case 3: $terbilang = “TIGA”; break;
case 4: $terbilang = “EMPAT”; break;
case 5: $terbilang = “LIMA”; break;
case 6: $terbilang = “ENAM”; break;
case 7: $terbilang = “TUJUH”; break;
case 8: $terbilang = “DELAPAN”; break;
case 9: $terbilang = “SEMBILAN”; break;
default: $terbilang = “Nilai di luar jangkuan!!”;
}
printf(“Bentuk terbilang dari angka ‘%d’ adalah ‘%s’ “, $angka, $terbilang);
?>
1. Ketikkan contoh-contoh program di atas dengan Macromedia Dreamweaver ,
dan jalankan.
2. Amati dan analisa hasil tampilan( output) setiap program di atas.
3. Modifikasilah dengan memberikan input nilai yang berbeda, kemudian amati dan
analisa hasil tampilan(output) program!
4. Berikan kesimpulan mengenai program -program di atas.
Buatlah program untuk menghitung sisa pembagian antara angka1 dengan angka2.
Exercise
Home Exercise
Sekilas Pembahasan tentang tag dasaar dalam PHP , semoga dapat bermanfaat bagi anda.
Sumber : http://tkj-fake.blogspot.com/
Selamat siang sobat ..
Kali ini saya akan berbagi cara membuat Web menggunakan Adobe Photoshop . Sekedar info Adobe Photoshop merupakan sebuah software yang sangat berguna untuk mengedit gambar,foto dan lain lain. Nah kali ini saya akan Menggunakannya untuk membuat Web . Langsung saja ini caranya :
“Tutorial ini masuk ke dalam kategori menengah, Anda diharuskan mengetahui dasar-dasar penggunaan / mampu mengoperasikan Adobe Photoshop”
Install Action
Pertama-tama kita akan menginstall 2 buah file, satu untuk 960.gs dan pattern dari subtlepattern. Setelah anda download file resource, didalamnya terdapat 2 file yang bersangkutan, buka file tersebut dengan photoshop untuk menginstallnya (atau drag and drop ke jendela Photoshop).
Mempersiapkan Canvas Grid
Kita akan menggunakan sistem grid dari 960.gs sebagai acuan dalam proses pendesaian web yang akan kita kerjakan. Untuk itu dalam jendela action photoshop, Anda akan menemukan folder 960_GRIDS, klik pada action 12-Column-Grid lalu klik icon “play” untuk menjalankan action.
Action ini akan membuat grid sistem 12 kolom lengkap dengan garis guides. Canvas yang dibuat tidak cukup tinggi untuk desain web yang akan kita buat, jadi Klik menu image > image size. Kita akan menambah tinggi dari canvasyang kita buat.
Hilangkan tanda Checklist pada “Constrain Proportion” dan Ubah ukuran tinggi menjadi 1100px klik ok untuk mulai merubah ukuran canvas.
Menyiapkan background
Klik dua kali pada layer background, sebuah dialog akan muncul mengkonfirmasi untuk mengconvert background ini menjadi layer, beri nama background dan klik ok.
Kita akan menambahkan pattern pada layer background ini, Klik icon “Add Layer Styles”, lalu pilih “Pattern Overlay…” Pilih pattern dengan nama “Groove Paper” (akan ada di item pattern paling akhir). Klik Ok untuk menutup dialog Style dan kini anda memiliki background dengan pattern halus.
Membuat Logo
Selanjutnya kita akan membuat logo “Simpel”. Klik Ellipse Tool, lalu buatlah lingkaran kecil seperti berikut (kira-kira satu grid) dengan warna #69ccca dan ubah nama layer menjadi “logo” (double click nama layer untuk merubah nama layer):
Aktifkan “Horizontal Type Tool (T)” ubah font menjadi “Museo Sans” dengan ukuran sedikit lebih besar dari lingkaran yang dibuat sebelumnya dan posisikan di tengah lingkaran seperti pada gambar.
Klik kanan layer “S” lalu pilih Convert to shape.
Pindah ke Tab Paths lalu klik layer yang ada (S Vector Mask), dan tekan kombinasi tombol Ctrl+C untuk mengcopy shape.
Klik layer pada “Layer Mask Thumbnail” pada layer “Logo”, lalu tekan tombol CTRL+V untuk mem-paste shape. lalu Klik icon “Substract from shape area”. Sekarang anda dapat menghapus layer “S” karena tidak dibutuhkan lagi
Klik pada layer logo, klik icon “Add layer style” lalu tambahkan “Gradient Overlay”, atur optionnya seperti berikut :
Tambahkan juga sedikit Inner shadow :
Teknik ini membuat icon yang kita buat “resizable” tanpa membuat icon pecah. Tambahkan teks “impel”(font:Museo Slab; color:#69CCCA, size:48px) dan “Web Development Team” (Font: Georgia, style: Italic, warna #69CCCA, size:12px) atur posisinya seperti berikut.
Copy juga layer style yang ada pada layer logo dan paste pada “impel” dan “Web Development Team”.
Membuat menu
Kita tambahkan menu utama untuk web kita, menu ini sederhana saja, hanyalah sederet teks biasa. buat menu menggunakan “Horizontal Type Tool (Tool)” atur warnanya menjadi #69CCCA, size:16px. Ketikkan “Home Blog Contact us” dan atur posisinya seperti berikut.
Membuat area Konten Utama
Tahap selanjutnya kita akan membuat background untuk Konten Utama. Dengan menggunakan “Rectangle Tool (U)” buatlah sebuah persegi panjang dengan lebar 960px (dari garis guide terawal hingga terakhir) untuk tinggi disesuaikan, Ubah nama layer menjadi “Konten Utama”.
Tambahkan layer style stroke dengan warna #e0e0e0, atur optionsnya seperti berikut :
Tambahkan juga drop shadow dengan setting seperti berikut:
Membuat pattern untuk ornamen
Untuk mempercantik area konten utama ini, kita akan memberikan sedikit ornamen sederhana. Buat file baru (Ctrl+N) buat ukuran canvas menjadi 200px*30px.
Aktifkan “Rectangle Tool (U)” buat sebuah persegi panjang dengan ukuran 50px dan tinggi 30px. Buat 3 persegi panjang lagi dan susun secara mendatar sehingga memenuhi seluruh canvas.
Aktifkan “Rectangle Tool (U)” buat sebuah persegi panjang dengan ukuran 50px dan tinggi 30px. Buat 3 persegi panjang lagi dan susun secara mendatar sehingga memenuhi seluruh canvas.
Terakhir kita akan membuat canvas ini menjadi pattern siap pakai, pertama-tama seleksi semua persegi panjang yang kita buat (tekan CTRL dan klik pada layer lain untuk multiple selection) tekan kombinasi tombol CTRL+E untuk menggabungkan Layer.
Terakhir Klik menu “Edit > Define Pattern”, beri nama “Colorful Stripe”.
Anda bisa menutup dokumen ini karena sudah tidak diperlukan lagi, atau save jika anda memerlukannya.
Menambahkan Ornamen/Stripe
Kembali aktifkan window desain web kita sebelumnya, Untuk menambahkan ornamen, buat persegi panjang dengan “Rectangle Tool (U)” seperti gambar berikut :
Pastikan layer persegi ini tepat berada di atas layer “Konten Utama”, Klik kanan pada layer tersebut lalu pilih “Create Clipping Mask” atur posisinya seperti berikut
Klik icon “Add Layer Styles” lalu pilih “Pattern Overlay”, pilih pattern yang kita buat sebelumnya (Pattern paling akhir-biasanya).
Menyiapkan background untuk footer
Buat persegi panjang dan atur posisinya seperti berikut, pastikan layer ini berada di atas layer “Konten Utama” lalu buat clipping mask seperti pada langkah sebelumnya :
Tambahkan “Pattern Overlay” dengan pattern “Chruch”.
Kita akan memodifikasi bagian tengah dari persegi panjang. Aktifkan “Add Anchor Point Tool” tambahkan tiga buah point tepat di tengah-tengah seperti berikut :
Aktifkan “Direct Select Tool” lalu tarik point yang di tengah sedikit ke bawah sehingga membentuk segi tiga. Secara default bentuk shape menjadi lengkung, untuk menghilangkan lengkungan tersebut, aktifkan “Convert Point Tool”, lalu klik pada tiga point tersebut.
Tambahkan Style Inner Shadow, atur optionsnya seperti berikut :
Mengisi Konten
Selanjutnya kita akan mengisi area konten ini dengan beberapa element yakni, Heading, Fitur-fitur, Slider dan Testimoni/Quote.
Heading
Tambahkan teks heading dengan font:”Museo”, warna #248886, ukuran font: 26px. Ketikkan “We are a professional web developer & web designer team, and here is what we can do for you” (atau gunakan teks sendiri), buat rata tengah dan atur posisinya seperti berikut:
Fitur
Kita tambahkan 3 fitur, lebar dari masing-masing fitur adalah 4 Grid (jadi pastikan konten untuk tiap fitur tidak melebihi 4 grid). Tambahkan 3 icon yang disertakan dalam file resource, atur posisinya seperti berikut:
Tambahkan judul fitur “Unique & Elegance Design”, “HTML5 & CSS3 Templating”, dan “Wordpress Theme Development”. Atur font menjadi “Museo”, warna#248886 dan ukuran 16px.
Tambahkan teks deskripsi singkat, anda dapat menggunakan deskripsi anda sendiri atau deskripsi acak seperti : “Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies”. atur posisinya seperti berikut, dan atur font-nya menjadi: “arial”, warna:#555555, ukuran:11px :
Kita tambahkan state ketika salah satu fitur berada dalam posisi hover, dengan menggunakan Ellipse tools buatlah lingkaran dengan ukurang 4 grid (tekan SHIFT ketika membuat lingkaran untuk membuat lingkaran yang proposional). Ubah warnanya menjadi #B6FAF9 dan atur posisinya di salah satu fitur sebagai background.
Membuat Bayangan Pemisah
Garis pemisah yang akan kita tambahkan berupa shadow/bayangan halus. Untuk membuatnya pertama-tama buat layer baru, beri nama “shadow-separator”. Aktifkan Brush Tool, pastikan warnanya hitam, Klik kanan pada canvas dan ubah ukuran master diameter mejadi 700px, pilih type “Soft Round 27px”.
Klik pada canvas, tepat ditengah-tengah. Aktifkan “Marque selection Tool”, buat seleksi menutup 3/4 lingkaran lalu tekan tombol delete.
Dengan menggunakan “Move Tool (V)”, resize shadow tersebut menjadi seperti berikut dan ubah nilai opacity menjadi 50%.
Slider
Slider ini akan menampilkan Slideshow (bisa diisi dengan screenshot-screenshot project yang telah dikerjakan). Tambahkan Judul “Our latest projects”, atur ukuran dan warnanya sesuai dengan heading yang kita buat sebelumnya.
Buat sebuah persegi panjang dengan lebar 6 Grid dan tinggi kira-kira 200px dengan Rectangle Tool
Tambahkan beberapa style seperti gambar berikut:
Testimoni/Quote
Untuk Testimoni kita akan menampilkan testimoni-testimoni dari client yang telah dilayani. Judul dengan ukuran sama dengan Heading “What they say”.
Tambahkan, satu buah quote atau gunakan teks acak “Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies”. Ubah font menjadi :Georgia, style:italic, color #555, size:20px atur posisinya seperti berikut.
Footer
Untuk bagian footer, kita akan menambahkan logo beserta alamat kantor, dan di sebelah kanan kita tambahkan menu lagi. Copy layer “logo” dan teks “imple”,buang Gradient overlay (dengan cara di unchecklist atau di drag ke tong sampah di jendela layer), ubah warnanya menjadi #A7A7A7 dan perkecil ukurannya sedikit.
Tambahkan teks alamat dengan font:arial, size:11px, color:#a7a7a7 dan atur posisinya seperti berikut:
Tambahkan menu footer dan atur posisinya di sebelah kanan :
Mengorganisasi Layer
Jika anda tidak melakukan organisasi layer, mungkin hal ini tidak masalah bagi anda, namun bagaimana jika anda bekerja dengan team dan bukan anda yang melakukan proses slicing? mereka akan kebingungan dengan layer yang acak-acakan. Untuk itu, selalu organisasi layer anda sesuai dengan bagian-bagian yang ada dengan memasukkannya ke dalam folder/set yang bersangkutan.
Klik icon “Create a New Set” (icon bergambar folder yang terdapat di bawah layer window) untuk membuat folder lalu klik dan drag tiap-tiap layer yang bersangkutan pada folder yang sesuai.
Berikut ini adalah organisasi folder yang saya lakukan:
Finising
Jika anda belum menyimpan pekerjaan anda, segera save. Lakukan penyimpanan secara berkala untuk menghindari hal-hal yang tidak diinginkan mengingat listrik di negara kita sering idup mati
Demikian yang bisa saya sampaikan lumayan banyak ya hehe semoga dapat bermanfaat :))
Langganan:
Postingan (Atom)
