Senin, 23 April 2018

Jumat, 16 Maret 2018

<head>
<title>SELAMAT DATANG</title>
</head>
<body style='background:url(http://cs.unsyiah.ac.id/~alamri/gambar/001.png);'>
<div style="background:#D4D4D4;width:600px; margin:50px auto 0px auto;padding:10px;border-radius:4px;">
<h3 style='background:#212121;color:#f2f2f2;padding:10px;margin:-10px -10px 0px -10px;text-align:center'>ISI DATA DI BAWAH INI!!</h3>
<fieldset>
<legend style="font-family:arial;">Identitas diri</legend>
<form action="tampil.php">
<table>
<tr><td>Nama</td><td>:</td><td><input type="text" name="nama"/></td></tr>
<tr><td>Kelas</td><td>:</td><td><input type="text" name="kelas" /></td></tr>
<tr><td>NIS</td><td>:</td><td><input type="text" name="NIS"/></td></tr>
<tr><td>Alamat</td><td>:</td><td><input type="text" name="Alamat"/></td></tr>
<tr><td><input type="submit" value="kirim"/></td></tr>
</table>
</form>
</fieldset>
</div>
</body>
</html>

Ini adalah hasil dari koding diatas!

Senin, 05 Maret 2018

TUGAS BU.DITA CITA SANTI

soal tentang materi HTML,BLOG, dan INSTALLASI

nama:Elly Yulia Kafa

kelas: x tkj 2

1. #**# merupakan karakter yang terdapat pada type data

a. text

b. password

c. radio

d. submit

e. file

2. Perintah untuk mengosongkan kolom pada HTML adalah

a. tr

b. br

c. td

d. &nbsp

e. &nsp

3. Perintah untuk mengganti baris pada HTML adalah

a. br

b. tr

c. p

d. td

e. insert

4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah

A. Checkbox

B. Submit

C. File

D. Text

E. Button

5. Atribut NAME digunakan sebagai

A. Menamai kotak

B. Menandai teks

C. Menentukan panjang maksimum teks

D. Mengatur ukuran

E. Memasukan teks

6. Untuk menerima masukan berupa pilihan ialah

A. Submit

B. Reset

C. Radio

D. Password

E. Text

7. Perintah atau type masukkan untuk menampilkan berupa pilihan adalah:

A. Radio

B. Checkbox

C. Submit

D. Resume

E. Password

8. Perintah masukkan yang benar agar menampilkan tampilan seperti dibawah ini:

“ini tombol input dengan type=”submit”: Kirimkan

adalah:

A. <br> ini tombol input dengan type=”submit”:

B. <br> ini tombol input dengan type=”reset”

C. <br> ini tombol input dengan type=”reset”

D. <br> ini tombol input dengan type=”submit”

E. <br> ini tombol input dengan type=”reset”

9. Untuk memasukkan perinttah masukkan berupa gambar yang dapat diklik dan

fungsinya hamper sama dengan Submit adalah:

A. Hidden

B. File

C. Image

D. Reset

E. Submit

10. Tag <Input> yang atribut TYPE-nya dapat digunakan untuk menerima masukan

berupa pilihan yaitu :

a. Radio

b. Circle

c. Password

d. Square

e. Submit

11. Atribute ACTION digunakan untuk

a. Menentukan nama form

b. Menetukan metode pengiriman yang dipakai

c. Menentukan alamat halaman web yang akan memproses masukan dariForm.

d. Menerima masukan berupa pilihan

e. Menandai atau mengatur nilai dari sebuah radio

12. Untuk menerima masukan berupa pilihan. Pilihan yang dapat dipilih bias lebih

dari satu yaitu

a. Text

b. Password

c. Checkbox

d. Radio

e. Submit

13. Sebutkan perintah untuk melakukan break pada pembuatan situs HTML!

a. HR

b. LI

c. BR

d. UL

e. OL

14. Perintah manakah yang dapat menggabungkan beberapa kolom menjadi satu?

a. BR

b. Colspan

c. Rowspan

d. Textarea

e. Tidak ada jawaban yang benar

15. Perintah manakah yang membuat Bullets dalam pembuatan situs?

a. OL

b. UL

c. BR

d. HR

e. Semua jawaban Benar

16. Perintah untuk membuat kolom menjadi seperti di bawah ini adalah

A. <tr>

B. <td>

C. <make merge>

D. <colspan>

E. <rowspan>

17. Kepanjangan HTML adalah

A. Hyper Text Manual Language

B. Hypno Terminal Maximal List

C. Hyper Text Mark-up Language

D. Horizon Terminal Mark-up List

E. Hyper Text Mark-up List

18 Perintah untuk membuat spasi pada HTML adalah

A. EN

B. BR

C. SP

D. LN

E. SC

19 Tag <SELECT> digunakan untuk

a. memilih beberapa opsi

b. menentukan ukuran

c. menandai beberapa opsi

d. menampilkan opsi pilihan

e. membatalkan opsi

20. Salah satu atribut dari Tag <TEXTAREA> adalah

a. NAME

b. VALUE

c. SELECTED

d. SIZE

e. ACTION

21. Tiga syarat penting dalam membuat blog di bawah ini benar, kecuali:

a. Punya email

b. Memasukkan foto

c. Memasukkan nama blog

d. Memilih tempelate

22. Internet pada awalnya disebut dengan:

a. Intranet

b. Network

c. Computer network

d. ARPAnet

23. Berikut ini merupakan kelebihan internet, kecuali:

a. Sumber informasi yang tidak terbatas

b. Dapat mengirimkan informasi dengan cepat

c. Sarana komunikasi yang murah

d. Biaya aksesnya mahal

24. Aplikasi internet yang digunakan untuk mengirimkan surat dalam bentuk elektronik disebut:

a. Email

b. Ghoper

c. WWW

d. Telnet

25. Aplikasi internet yang memungkinkan pengambilan file dengan cepat adalah:

a. WWW

b. Milis

c. Newsgroup

d. FTP

26. Sinyal Wifi masih dapat ditangkap dengan radius ….. dari titik akses

a. 100 m

b. 170m

c. 240 m

d. 1 km

27. Perangkat berikut terdapat pada sebuah hotspot Wifi, kecuali:

a. WiFicard

b. Access point

c. Access controller

d. Internet link

28. Berikut ini benar tentang GPRS, kecuali:

a. Akses data sampai pada kecepatan 115 kbps

b. Akses internet tanpa kabel

c. Tarif dibayar per bulan tanpa didasarkan besarnya penggunaan

d. Kita harus memiliki handphone untuk dapat mengakses internet

29. Jaringan yang dapat mencakup sebuah negara disebut…..

a. LAN

b. MAN

c. WAN

d. Internet

30. Berikut ini merupakan manfaat dari jaringan komputer, kecuali…..

a. Dapat berbagi sumber daya

b. Dapat menggunakan data bersama-sama

c. Mempunyai keandalan yang lebih tinggi

d. Kita dapat mengakses data orang lain tanpa diketahui

31. Berikut ini yang merupakan kelebihan modem internal adalah…..

a. Mudah dipasang

b. Harganya lebih murah

c. Kecepatan aksesnya lebih tinggi

d. Banyak merek pilihan

32. Berikut ini yang merupakan kelebihan modem eksternal adalah …..

a. Mudah dipasang

b. Harganya murah

c. Kecepatan aksesnya lebih tinggi

d. Mereknya terkenal

33. Port yang digunakan untuk menghubungkan komputer dengan modem eksternal adalah:

a. COM1

b. COM3

c. USB

d. Dipasang di mainboard komputer

34. Ciri-ciri ISP yang akan kita pilih di bawah ini, kecuali…..

a. Memiliki backbone sendiri

b. Akses yang cepat

c. Memiliki proxy

d. Biaya langganan yang mahal

35. Perangkat lunak berikut digunakan sebagai browser adalah…..

a. Fecebook

b. mIRC

c. Microsoft outlook

d. Mozila Firefox

36. Berikut ini yang mempengaruhi kecepatan akses sebuah ISP, kecuali….

a. Bandwitch yang lebar

b. Memiliki teknologi kompresi data

c. Memiliki server proxy

d. Memberikan layanan account email yang besar

37. Berikut ini yang kita masukkan opada saat mensetting koneksi ke ISP, kecuali:

a. Nomor ISP address komputer kita

b. User name

c. Password

d. Nomor akses ISP

38. Pilihan yang harus kita buat untuk menambahkan shortcut koneksi ke ISP di desktop adalah:

a. Add a shortcut to this connection to my desktop

b. Make this the default connection

c. Save this user name and password for the following users

d. Create a shortcut in desktop

39. Nama wizard yang digunakan untuk membuat koneksi ke sebuah ISP adalah:

a. Add new hardware wizard

b. Found new hardware wizard

c. New connection wizard

d. Up date connection wizard

40. Fitur dari sebuah ISP yang berhubungan dengan keamanan data adalah…..

a. Memiliki backbone sendiri

b. Akses yang cepat

c. Memiliki proxy

d. Biaya langganan yang mahal

41 . Software yang dilindungi undang-undang hak cipta dan untuk mendapatkannya harus membeli, adalah pengertian dari...
a. freeware
b. shareware
c. software komersial
d. open source

42. Pada umumnya file instalasi untuk OS windows memiliki ekstensi...
a. .tar
b. .jar
c. .exe
d. .com

43. Software yang digunakan untuk mengcompress/mengecilkan ukuran file adalah...
a. wmm
b. ms.word
c. winzip
d. win log on

44. Lokasi default instalasi software berada pada...
a. C:\program file
b. flash disk
c. local disk C
d. lokal disk D

45. Berikut yang termasuk bahasa pemrograman adalah...
a. C++
b. Paint brush
c. Next step
d. Windows NT

46. Berikut yang termasuk sistem operasi adalah...
a. Next step
b. Oracle
c. Cobol
d. C++

47. Berikut ini contoh SO, kecuali...
a. Android
b. Linux
c. Windows NT
d. Windows file manager

48. Kunci/kode untuk membuat suatu aplikasi menjadi full versi adalah...
a. kode HTML
b. Crack
c. Key gen
d. Serial number

49. Sebuah program yang menyiapkan suatu software agar bisa dijalankan pada suatu komputer adalah...
a. Autorun
b. Promt dos
c. CD key
d. Setup.exe

50. Fasilitas di sistem operasi yang berfungsi menjalankan file secara otomatis adalah...
a. Setup.exe
b. Instal.exe
c. Autorun.inf
d. Promt dos

51. Langkah untuk mencopot/menghapus aplikasi yaitu...
a. instal program
b. software program
c. uninstall program
d. sistem operasi

52. Tombol kombinasi untuk undo yaitu...
a. Ctrl+Z
b. Ctrl+Y
c. Ctrl+C
d. Ctrl+B

53. Berikut ini contoh software aplikasi yaitu...
a. Ms.access
b. Ms.word
c. Lotus 123
d. GOM Player

54. Spreedshet digunakan untuk...
a. mengolah angka
b. mengolah kata
c. mengolah grafis
d. mengolah gambar

55. Untuk ke BIOS kita perlu menekan tombol...
a. F10
b. Enter
c. Del
d. Navigasi

56. Software perangkat lunak dicetuskan pertama kali pada tahun ...

a. 1958

b. 196

c. 1978

d. 1988

57. Berikut yang bukan contoh dari program bantu/tambahan adalah, kecuali ...

a. Visual basic

b. Lotus ampiro

c. SQL Server

d. MYOB

58. Berikut ini program komputer yang digunakan untuk mengolah angka yaitu ...

a. Microsoft Excel

b. Microsoft Windows

c. Microsoft Word

d. Microsoft Visio

59. Alat yang digunakan untuk menunjuk perintah yang diinginkan secara cepat, atau untuk memindahkan kursor secara ketempat yang diinginkan secara tepat adalah ...

a. Stick

b. Keyboard

c. Mouse

d. Pointer

60. OS merupakan kepanjangan dari ...

a. Output system

b. Original system

c. Operating system

d. Organization System

Senin, 05 Februari 2018

CARA MEMBUAT TABEL DI HTML

ELLYYULIAKAFA

KODING CARA MEMBUAT TABEL DI HTML

<html>

<head>
<title>judul</title>

<body bg background="abc.jpg"><text=black>

<body bgcolor='bluewhite' text='black'>
<center>
<font face=arial size=6 color=pink>

<marquee>selamat datang di situs saya kawan.............</marquee>
<hr>

<hr>
<table border="10" bgcolor=pink>
<tr>
<td colspan="20" width='1000px' height='100px'><div align="center">ELLY YULIA <div align="left"</td>
<a href="#" color=white>BERANDA</a>
<a href="#"><a href="profil.html"color=white>PROFIL</a>
<a href="#"><a href="http://ellykafa.blogspot.com"color=white>BLOG</a>

</tr>

<table border="1" bgcolor=white>
<tr>
<td width='250px' height='100px' background="white"><b><i>-soal dan materi</b></i></td>
<td width='1000px' height='300px' background="white"><b><i>selamat datang disitus ELLY YULIA KAFA</b></i></td>

</tr>
<table border='10' bg background=white>
<tr>
<td width="1000px" height="70px"><center><b><i>ellyyulia343@gmail.com</b></i></center></b><div align ="center"></td>

</tr>

</body>
</head>
</html>

DAN INI HASIL DARI KODINGNYA.....

Senin, 29 Januari 2018

HASIL KODING DARI MENAMBAH TABEL DI NOTEPAD ++

INI ADALAH KODING MENAMBAH TABEL DI HTML

INI ADALAH HASIL DARI KODING DI ATAS

TUGAS BU DITA

CARA MEMBUAT TABEL DENGAN KODE HTML

<html>

<head>
<title>TABEL</title>
<body>
<h2>TABEL<h2>
<html>

<table border="2">
<h4>Tabel 1</h4>
<tr>
<td width='100px'height='20px'></td>
</tr>
<tr>
<table border="2">
<h4>Tabel 2</h4>
<tr>
<tr>

<td width='100px' height='20px'></td>
<td width='100px' height='20px'></td>

</tr>
<table border="2">
<h4>Tabel 3</h4>

<tr>
<td width='100px' height='20px'></td>
</tr>
<tr>
<td width='100px' height='20px'></td>
</tr>

<table border="2">
<h4>Tabel 4</h4>
<tr>

<td width='100px' height='20px'></td>
<td width='100px' height='20px'></td>
</tr>
<tr>

<td width='100px' height='20px'></td>
<td width='100px' height='20px'></td>
</tr>

<table border="2">
<h4>Tabel 5</h4>
<tr>
<td colspan="10" width='100px' height='20px'></td>
</tr>
<tr>
<td width='100px' height='20px' </td>
<td width='100px' height='20px'</td>
</tr>

</body>
</head>
</html>

DAN INI HASIL KODING DIATAS.....

Minggu, 28 Januari 2018

MENGULAS SPANRAM

PENGERTIAN SPANRAM

Spanram adalah sebutan untuk benda segiempat yang digunakan untuk membentangkan material kain atau kanvas sebagai medium lukisan atau karya seni lainnya.

GAMBAR SPANRAM

Cara Membuat Desain Spanduk dengan Photoshop CS3

Langkah ke - 1

Buka program Photoshop sobat, bisa dengan menggunakan versi berapapun. Disini saya menggunakan Adobe Photoshop CS3.

Kemudian buat lembar kerja baru dengan menekan CTRL + N atau pilih menu File > New.

Sesuaikan ukuran lembar kerja sesuai dengan kebutuhan, sebagai contoh disini kita akan membuat spanduk berukuran 200 x 70 cm dengan background hitam.

Baca Disini : Cara Membuat dan Menyimpan Dokumen Baru di Photoshop

Cara Membuat Desain Spanduk dengan Photoshop CS3

Langkah ke - 2

Selanjutnya sobat buat layer baru (CTRL + SHIFT + N) pilih Rectangle Tool (U), pada Property Bar silahkan atur settingan toolnya menjadi Fill Pixels. Setelah itu sobat buat objek persegi panjang dengan posisi tegak, lihat gambar dibawah.

Langkah ke - 3

Setelah itu pilih menu Edit > Free Transform (CTRL + T). Kemudian atur nilai Set Horizontal Skew menjadi "-25" kemudian tekan ENTER. Atur posisinya di tempat yang diinginkan.

Langkah ke - 4

Klik kanan pada Layer objek tersebut kemudian pilih Blending Options. Kemudian berikan efek warna Gradient dengan kombinasi warna Orange dan Kuning. Untuk cara membuat efek Gradient pada Layer Style silahkan sobat baca artikel sebelumnya.

Baca Juga : Fungsi dan Cara Menggunakan Layer Style Photoshop

Langkah ke - 5

Langkah selanjutnya, silahkan sobat klik Add Layer Mask.

Untuk membuat efek Layer Mask seperti gambar dibawah, silahkan sobat baca pada artikel berikut :

Baca Juga : Cara Mudah Membuat Desain Poster Film dengan Layer Mask di Photoshop

Langkah ke - 6

Lakukan cara yang sama seperti langkah sebelumnya untuk membuat objek tersebut namun dengan ukuran yang lebih kecil dan letakkan diposisi sudut kanan area kerja.

Langkah ke - 7

Berikutnya sobat Import sebuah gambar (CTRL + I). Karena disini saya akan membuat spanduk "HEALTHY FOOD VEGETARIAN", maka gambar yang saya gunakan juga berupa vegetarian.

Langkah ke - 8

Selanjutnya sobat pilih Lasso Tool (L), lalu seleksi area gambar yang diluar objek orange yang pertama kita buat tadi. Lihat gambar dibawah.

Kemudian tekan Delete untuk menghapus area yang terseleksi tersebut.

Langkah ke - 9

Langkah berikutnya kita berikan teks. Pilih Text Tool (T), Kemudian ketikkan teks seperti "HEALTHY FOOD" (font Arial) "VEGETARIAN" (font Cambria) "MENU" (font Arial).

Langkah ke - 10

Berikutnya kita buat objek garis horizontal dengan menggunakan Rectangle Tool (U). Cara membuatnya sama seperti langkah sebelumnya, lihat gambar dibawah.

Langkah ke - 11

Selanjutnya sobat buat layer baru dibawah Layer teks "MENU". Kemudian sobat buat objek persegi panjang seperti gambar dibawah. Cara membuatnya sudah saya sampaikan diatas.

Langkah ke - 12

Kemudian seleksi objek tersebut dengan menggunakan Lasso Tool pada sisi bagian kanan dan kiri, lihat gambar dibawah.

Tekan Delete untuk menghapus area yang terseleksi.

Langkah ke - 13

Pilih Text Tool, kemudian ubah warna teks "MENU" menjadi warna "HITAM".

Langkah ke - 14

Terakhir tinggal sobat tambahkan icon dan akun sosial media toko tersebut, dan selesai :) ....

Berikut susunan Layer nya.

Contoh yang saya buat ini hanya sebuah contoh kecil dan simple. Untuk memberikan teks misal menu makanan apa saja yang disediakan, sobat bisa menyesuikan sendiri posisinya.

Dan jika ingin dilengkapi dengan gambar-gambar dan ornamen yang lebih banyak lagi, sobat bisa menambahkannya lagi.

.

Tidak semua media cetak image resolution yang digunakan 300ppi (pixel per inch ataupun banyak orang menyebutnya DPI (dot per inch) ). Untuk media cetak yang akan dilihat dengan jarak pandang relatif jauh bisa digunakan image resolution kurang dari 100ppi, sebagai contoh spanduk dan papan iklan.

Jika sobat memperhatikan langkah - 1 diatas, saya menggunakan resolusi 72dpi untuk desain spanduk kali ini. Jika sobat ingin menggunakan gambar pada desain spanduk tersebut agar tidak pecah, maka sobat gunakan dimensi yang besar yaitu sekitar 5660px x 2835px PPI (pixel per inch) namun resolusi tetap 72dpi. Semakin besar DPI yang sobat gunakan, maka komputer sobat akan semakin berat untuk digunakan.

Untuk spanduk, dari jarak minimal 3 meter kita sudah bisa melihat dengan jelas. Untuk papan iklan lebih variatif, ada papan iklan dengan ukuran besar sehingga jarak pandang 100 meter sudah terlihat jelas, ada papan iklan iklan dengan ukuran sedang dengan jarak pandang 50 meter sudah terlihat jelas.

Semakin besar suatu media cetak semakin kecil kebutuhan akan detil dan ketajamannya sehingga semakin kecil pula image resolution yang digunakan.

Namun semakin kecil media cetaknya, maka semakin besar kebutuhan akan detail dan ketajamannya, seperti contoh undangan pernikahan.

Papan iklan,spanduk dengan ukuran lebar minimal 3 meter (image resolution 70ppi atau kurang dari 70ppi)

Koran (image resolution 200ppi)

langkah langkah instalasi windows xp,7,8,10

Halaman