Mari Berbagi Ilmu

Saturday, 5 April 2014

Membuat Homepage

Jika kita membuat web pastinya agar tampilan web terlihat lebih menarik dan enak untuk di baca, maka kita perlu menambahkan gambar-gambar. Gambar-gambar tersebut merupakan daya tarik bagi pengunjungnya. Coba bayangkan apabila web yang kita kunjungi hanya berupa teks saja. Tidak ada gambar-gambar atau tidak ada icon-icon. Pasti sangat membosankan bukan ??? File gambar yang umum digunakan ada 3 jenis format yaitu PNG, GIF, dan JPG.

Syntaks penulisannya :

<img src=”url” />

tag <img> mempunyai beberapa atribut, diantaranya :

src : url dari file image/direktori gambar

align : letak gambar pada teks, nilai atributnya left, right, top, middle, dan bottom

width : lebar gambar dalam satu pixel

height : tinggi gambar dalam satu pixel

alt : menampilakan teks pengganti jika gambar tidak tampil di brows

border : memberi bingkai pada gambar

contok penulisan :

latihan1.html

<html>

<head >

<title>latihan membuat gambar</title>

</head >

<body>

<p>

Logo Amikom

<img src="amikom.jpg" width="223" height="226" align="bottom" alt="Logo Amikom"/> menggunakan align="bottom".

</p>

</body>

</html>

Image sebagai link

Selain untuk mempercantik tampilan web, gambar juga bisa digunakan sebagai link untuk suatu dokumen. Misalnya :

Latihan2.html

<html>

<head >

<title>belajar membuat suatu link</title>

</head >

<body >

<p>

<b>Untuk mengunjungi website amikom klik gambar di samping</b>

<a href="http://www.amikom.ac.id"><img src="amikom.jpg" width="50"

height="50" align="middle" alt="Tombol" /> </a> </p>

</body>

</html>

Tabel html

Tabel dapat digunakan untuk memberikan data dalam bentuk kolom dan baris. Sebuah tabel mempunyai judul, baris untuk informasi, dan sel untuk setiap itemnya.

Syntaks penulisannya :

<table>

<tr>

<td>Belajar membuat Tabel</td>

<tr>

</table>

Beberapa atribut tag <table>

Align (left, center, right) : Posisi horizontal tabel

Background : Menentukan gambar latar belakang tabel

Bgcolor : Menentukan warna latar belakang tabel

Border : Menentukan tebal bingkai tabel

Bordercolor : Menentukan warna bingkai tabel
bordercolorlight : Menentukan warna depan bingkai tabel

Bordercolordark                      : Menentukan warna bayangan bingkai tabel
cellspacing                               : Menentukan jarak spasi antar sel
cellspadding                            : Menentukan jarak isi sel dengan bingkai
height                                      : Menentukan tinggi tabel

Width : Menentukan Lebar tabel

valign (left, middle, bottom) : menentukan posisi vertikal teks dalam sel

Beberapa atribut <tr>

Align (left, center, right ) : posisi horzontal text dalam sel

Bgcolor : menentukan warna latar belakang sel

Bordercolor : menentukan warna bingkai sel

Bordercolorlight : Menentukan warna depan bingkai tabel

Bordercolordark : Menentukan warna bayangan bingkai tabel

Height : Menentukan tinggi tabel

Valign (top, middle, bottom) : Menentukan posisi vertikal teks dalam sel

Form & input HTML

Form merupakan salah satu elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Untuk membuat form digunakan tag awal <form> dan tag penutup </form>.

Syntaks penulisannya :

</form>

LINK dan TAMPILAN WEB

pada pertemuan ketiga kali ini kami diajarkan tentang pembuatan akronim, penulisan alamat, membuat link untuk bisa di kunjungi.

akronim

Akronim merupakan penulisan suatu dokumen atau beberapa istilah kita terkadang menggunakan singkatan.

Syntaks penulisannya :

<abbr title=“kepanjangannya”>singkatan</abbr>

<acronym title=“kepanjangannya”>singkatan</acronym>

contoh :

akronim.html

<html>

<head>

<title>Contoh Penggunaan Akronim</title>

</head>

<body>

<abbr title="World Wide Web">WWW</abbr> adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink)yang membentuk samudra belantara informasi.

<br>

<acronym title="Hyper Text Transfer Protocol">HTTP</acronym> adalah protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web (WWW).

</body>

</html>

address

Alamat (address) merupakan salah satu elemen yang umum di dalam suatu dokumen.

Address.html

<html>

<head>

<title>Contoh Penggunaan Address</title>

</head>

<body>

STMIK AMIKOM Yogykarta<br />

Kampus Terpadu: Jl.Ring Road Utara<br />

Condong Catur<br />

Sleman<br />

Yogyakarta

</address>

</body>

</html>

HTML dan CSS

1. Elemen dan tag HTML

HTML adalah suatu bahasa yang dipergunakan untuk mendeskripsikan halaman web. HTML merupakan singkatan dari Hyper Text Markup Language.

Elemen HTML yaitu komponen penyusun terkecil dari sebuah dokumen HTML.

Nama elemen ditunjukkan oleh nama dari tagnya. Suatu elemen biasanya ditandai dengan pasangan tag, walaupun ada beberapa nama elemen yang ditandai dengan satu tag tanpa harus berpasangan. Diantaranya:

• Image ( <img /> )

• Ganti Baris – Break ( <br /> )

• Horizontal Rule ( <hr /> )

• Input Field ( <input /> )

Struktur dasar HTML

<html>

<head>

...ini dokumen...

</head>

<body>

...konten yang akan ditampilkan di halaman browser

</body>

</html>

Friday, 7 March 2014

WISATA PANTAI KLAYAR PACITAN

selain terkenak dengan kota 1001 goa, Pacitan juga memiliki pantai yang sangat indah pemandangannya. salah satunya adalah pantai klayar. pantai klayar banyak dikunjungi oleh wisatawan. untuk bisa sampai ke pantai ini, ada 2 jalan, yaitu dari Jawa Timur dan dari Yogyakarta-Wonosari-Wonogiri. jarak untuk bisa sampai sekitar 2-3 jam. yaaa itu pun kalo tidak ada hambatan sih,,,objek wisata pantai klayar bisa dikatakan cocok untuk berselancar, karena ombaknya yang besar bisa memungkinkan untuk berselancar. di tepi pantai ada karangkarang besar yang bisa dinaiki. bagi yang suka huntig foto, tempat ini pasti keren untuk dijadikan background fotonya. di atas karang-karang yang besar kita bisa melihat hamparan laut yang masih biru dan alami.

Objek Wisata Pantai Klayar Pacitan bisa dikatakan sebagai pantai yang sangat cocok untuk olahraga selancar. Pada waktu-waktu tertentu, ombak yang ada di Pantai Klayar sangat cocok untuk berselancar. Selain itu, panorama pantai yang begitu biru dengan pasirnya yang begitu lembut akan membuat para wisatwan betah berlama-lama di pantai in - See more at: http://wizid.blogspot.com/2013/12/objek-wisata-pantai-klayar-pacitan.html#sthash.KMgAWupc.dpuf

KEINDAHAN GOA GONG PACITAN

Goa Gong merupakan salah satu objek wisata yang menarik di daerah Pacitan. Objek wisata ini terletak di desa Bomo, kecamatan Punung, Pacitan, Jawa Timur. Goa ini mempunyai keunikan tersendiri, pengunjung bisa menikmati berbagai bentuk stalaktit dan stalakmit yang tumbuh alami di dalam goa. Para wisatawan juga dapat menuruni anak tangga yang ada untuk menuju kebagian bawah goa dimana terdapat sendang dan mata air yang sangat sejuk airnya. Untuk keluar dari goa, para wisatawan harus menaiki anak tangga menuju jalan keluar dari goa tersebut. Saat menaiki maupun menuruni anak tangga, pengunjung bisa menikmati keindahan lipatan-lipatan dinding goa dan stalaktit, stalamit yang memantulkan cahaya lampu. suasana di dalam goa tidaklah gelap, karena disisi goa dipasang lampu hijau dan biru yang semakin menambah keindahan goa. di sebuah ruangan terdapat sebuah batu besar yang berrwarna putih bening yang dapat memantulkan cahaya seperti cermin.

AMIKOM SERIUS MENGGARAP FILM ANIMASI

Sekolah Tinggi Manajemen Informatika dan Komputer (STMIK) AMIKOM YOGYAKARTA atau yang biasa disebut kampus ungu saat ini benar-benar serius menggarap film animasi. salah satunya adalah "Battle of Surabaya". kampus ini memang bertekad untuk menjadi lembah film animasi dunia. saat ini tim amikom sedang sibuk menggarap film animasi tiga dimensi yang berjudul "The Chronicles of Java" dengan tokohnya Ajisaka. ini adalah film animasi 3D yang berskala Hollywood. melalui

MAKANAN KHAS PACITAN

Hai....anda mungkin menyukai berbagai jenis makanan yang terbuat dari pisang. entah itu pisang goreng, atau aneka macam kue yang terbuat dari pisang. pernah menjumpai kuliner yang berupa kue yang berbahan baku pisang, yang digulung-gulung dengan tepung ?? iya. itu namanya sale. sale adalah salah satu makanan khas dari Pacitan, Jawa Timur. sale pisang dapat ditemui dari berbagai bentuk, ada yang dikemas kecil, sedang, bahkan yang kemasan besar pun juga ada. sale pisang khas Pacitan aman dikonsumsi karena tidak mengandung pengawet, serta tanpa pemanis buatan. makanya.. jika anda berkunjung ke Pacitan, jangan lupa mencicipi kuliner ini. karena selain harganya enak, dan gurih sale pisang ini harganya murah. berkisar antara Rp 10.000 sampai Rp 15.000. sale pisang ini dapat dibeli di toko-toko atau bisa juga di pasar Arjowinangun. Salah satu ragam sale pisang yang cukup terkenal di kalangan mania kuliner adalah sale pisang anggur, sale anggur ini dibentuk bulat kecil-kecil, dibalut dalam kertas berwarna warni, dan berbentuk bulat-bulat kecil seperti buah anggur. dari penampilannya saja sudah cantik, apalagi jika abda memakannya. rasanya manis, lembut, dan sangat enak.
selamat menikmati sale Pacitan....
dan cicipi juga kuliner yang lain yaa....