Adobe Photoshop dan HTML

Pertemuan Kedelapan

Bismillahirrohmanirrohim,

Assalamu’alaikum wr. wb.

Hola Amigo!

Materi kali ini adalah pengertian beberapa fitur di adobe photoshop dan kode html beserta tutorial penggunaan keduanya.

Cekidoott!!

Photoshop merupakan salah satu software yang berguna untuk mengolah gambar berbasis bitmap, yang mempunyai tool dan efek yang lengkap sehingga dapat menghasilkan gambar atau foto yang berkualitas tinggi.

Berikut ini beberapa tools yang saya gunakan dalam pembuatan header html.

a. Lasso tools merupakan tools yang berguna untuk menyeleksi gambar secara spesifik.

b. Layer merupakan tools yang berguna untuk membuat lapisan baru pada photoshop.

c. Copy merupakan tools yang berguna untuk menggandakan gambar atau objek.

d. Color overlay merupakan tools yang berguna untuk mengubah warna teks menjadi sesuai yang kita inginkan.

e. Opacity merupakan tools yang berfungsi untuk membuat objek menjadi transparan.

f. Crop merupakan tools yang berfungsi untuk memotong gambar atau objek.

 

Berikut hasilnya:

computer science

 

Berikut adalah kode kode HTML yang saya gunakan.

1.    <title></title> : digunakan untuk memberikan halaman web (disimpan pada tag <head></head>)

2.    <table></table> : digunakan untuk membuat tabel terdiri dari:
a.    <tr></tr> : Rows (baris)
b.    <td></td> : Columns (kolom)

3.    <img src=”…”> : digunakan untuk memasukan gambar pada halaman web

4.    <a href=”…”></a> : digunakan untuk memasukan link pada halaman web (hyperlink)

5.    <input type=”text”></input> : digunakan untuk membuat form inputan teks pada halaman.

6.    <input type=”submit”></input> : digunakan untuk membuat tombol submit pada halaman.

7.    <marquee></marquee> : digunakan untuk membuat teks berjalan.

 

Source Code HTML : penkom.rar

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s