Jumat, 20 Maret 2015

Memasang Gambar di HTML [Part 4]

03.10 No comments
Hai teman* bloggers, apa kabar kalian hari ini ? oiya kali ini saya akan membahas tentang bagaimana memasang gambar pada Html yang telah di ajarkan oleh dosen saya. langsung saja ya kita lihat di TKP....
Yang Pertama jika ingin menambahkan gambar anda harus membuat folder atau kalau gak html dengan gambar yang akan anda tambahkan tidak berjauhan atau misal gambar ada di data D dan gambarnya ada di di data E.

tag yaitu tag <img>.  Tag ini digunakan untuk menampilkan sebuah foto di halaman HTML. Tag ini juga memiliki beberapa atribut seperti :
- src : digunakan untuk source/letak gambar yang akan ditampilkan
- width : digunakan untuk mengatur lebar gambar
- height : digunakan untuk mengatur tinggi gambar
- align : digunakan untuk mengatur letak posisi gambar saat ditampilkan. value : top, bottom, middle, left, right.
tag ini tidak menggunakan tag penutup.

 Perlu di ingat di html hanya support terhadap gambar yang berekstensi JPG, GIF dan PNG. 
Nah langsung aja ini kodenya :

 <html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya. <b>Teks ini ditebalkan</b><br/>
<img src="8849-dota2_ls_es.jpg" width="800" height="600" align="center"/> 
</body>
</html>

 Ganti aja foto pada huruf yang saya garis bawah.

Hasilnya :

Oke teman-teman, hanya ini yang dapat saya sampaikan. terima kasih sudah mengunjungi blog saya dan saya tunggu untuk kunjungan berikutnya. sedikit referensi kalau mau belajar html atau pemrograman web lainnya yaitu di w3schools.com.

















Read More

Jumat, 13 Maret 2015

Belajar Pemrograman Web - Membuat teks bergerak [Part 3]

05.39 No comments
di postingan kali ini saya akan membahas tentang membuat teks berjalan/bergerak di html dengan menggunakan tag <marquee>.......................................</marquee>. langsung saja di bawah ini ada contoh penulisannya :
Membuat Teks berjalan

 <head>
<body>
<marquee><b>SILAHKAN DICOBA ???</b></marquee>
</body>
</head>

hasilnya :

 SILAHKAN DICOBA ???  


Membuat Teks berjalan dari kiri ke kanan

 <head>
<body>
<marquee align="center" direction="right" height="45"
scrollamount="2" width="70%">
HALLO APA KABAR ?
</marquee>
</body>
</head>

 hasilnya :

  HALLO APA KABAR ?    

catatan penting :
Pada huruf / angka yang berwarna merah dapat anda sesuaikan menurut  keinginan, kata "right" adalah perintah untuk menggerakkan teks ke arah  kanan. Anda dapat merubahnya menjadi "left" jika ingin teks berjalan dari  arah kanan ke arah kiri. Huruf "45" pada kode diatas adalah untuk mengatur ukuran tinggi bidang gerak teks, anda dapat merubahnya dan menyesuaikan menurut ukuran bidang gerak pada website / blog anda. Sedangkan huruf "2" pada perintah scrollamount adalah untuk mengatur  kecepatan gerak teks. Semakin besar nominalnya maka kecepatan gerak teks akan semakin bertambah."70%" pada code width diatas adalah ukuran lebar bidang gerak teks. Anda bisa merubah prosentasenya sesuai dengan keinginan anda.

Membuat teks berjalan ke kiri dan kembali ke kanan :

<head>
<body>
<marquee align="center" direction="left" height="50"
scrollamount="5" width="70%" behavior="alternate">
<b>Silahkan di Coba hasilnya ?</b>
</marquee>
</head>
</body>

 hasilnya :

 Silahkan di Coba hasilnya ?

Membuat Teks berjalan/bergulir dari atas ke bawah  atau sebaliknya :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="70%"

height="80" align="center">
<a href="http://www.amikom.ac.id" target="new">STMIK AMIKOM</a><br />
<a href="alamat blog anda" target="new">Tutorial Membuat animasi teks pada Blog</a><br />
<a href="alamat blog anda" target="new">apalah namanya</a><br />
<a href="http://alamat blog anda/sub blog " target="new">Tips</a><br />
</marquee>

 hasilnya :

 STMIK AMIKOM
Tutorial Membuat animasi teks pada Blog
apalah namanya
Tips
 

Keterangan :

Teks pada contoh 6 di atas selain bergulir juga sekaligus dapat di koneksikan (link) ke alamat situs atau halaman lain. Anda tinggal mengganti huruf yang berwarna biru sesuai dengan yang anda inginkan. Jadi begitu teks tersebut di klik maka secara otomatis akan langsung menuju pada sourch yang di tuju pada tab baru.Sedangkan untuk membuat teks bergulir dari atas ke bawah, anda tinggal mengganti kode "up" yang berwarna merah menjadi "down"
Read More

Belajar Pemrograman Web - Pengenalan Tag HTML [Part 2]

05.31 No comments
Selamat bertemu lagi teman, postingan sebelumnya kita sudah membahas tentang pemrograman web dan HTML. Kali ini saya akan melanjutkan pembahasan lagi yaitu tentang Tag Dasar HTML.

Tag berfungsi untuk menandai sebuah elemen dalam HTML, yang di tandai dengan simbol < dan >. elemen HTML selalu terdiri dari Tag pembuka < nama tag> dan tag penutup <nama tag/> . tag penutup selalu di tandai dengan simbol garis miring (/) sebelum nama tag. contoh

<body>.....................</body>

<body> sebagai tag pembuka dan </body> sebagai tag penutup.

Tag HTML juga mempunyai atribut untuk masing-masing tag walaupun tidak semuanya. atribut ini berfungsi untuk memperindah HTML seperti untuk mengganti font atau warna. contoh

<p color="red"> .......................... </p>

color dalam tag <p> sebagai atribut untuk mengganti warna sedangkan red untuk warna yang di inginkan.

Di HTML ada banyak tag yang bisa membantu kita untuk membuat sebuah web. di postingan sebelumnya kita sudah mempelajar struktur dasar sebuah HTML yang berisi tag-tag paling dasar dalam html, seperti head,title,body dan tag html itu sendiri.

di postingan ini saya akan membahas tag-tag lain selain tag dasar, seperti heading, bold, italic, dll.

1. Heading  <h..>
untuk memberi heading dalam sebuah dokumen. tag ini mempunyai 6 tingkatan dari 1 sampai 6. semakin tinggi tingkatan semakin kecil heading yang di hasilkan. penulisannya

<html>
<head>
<title></title>
<head>
<body>
<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>
</body>
</html>

ketik baris diatas dalam notepad dan simpan dengan ekstensi *.html kemudian buka dengan browser dan hasilnya seperti di bawah ini.

















2. Paragraf  <p>
untuk membuat sebuah paragraf dalam sebuah dokumen html. tag ini mempunyai atribut align yang memiliki value ;
a. left : rata kiri
b. right : rata kanan
c. center : rata tengah
d. justify ; rata kanan-kiri
penulisannya ;

<html>
<head>
<title></title>
<head>
<body>
<p align=left >...Isi peragraf........</p>
<p>...Isi peragraf........</p>
<p>...Isi peragraf........</p>
<p>...Isi peragraf........</p>
</body>
</html>

hasilnya :





3. breakline <br>
breakline berfungsi untuk memindahkan baris 1 tingkat ke bawah atau kalau dalam keyboard enter. untuk tag ini berbeda dengan tag lain yaitu tidak menggunakan tag penutup. penulisannya

<html>
<head>
<title></title>
<head>
<body>
<p align=left >...Isi pe<br>ragraf........</p>
<p>...Isi peragraf........</p>
<p>...Isi<br> peragraf........</p>
<p>...Isi peragraf........</p>
</body>
</html>

hasilnya :








4. bold <b>, italic <i>, underline <u>
tag <b> berfungsi untuk memberi efek tebal pada teks.
tag <i> berfungsi untuk memberi efek miring pada teks.
tag <u> berfungsi untuk memberi efek garis bawah pada teks. penulisannya

<html>
<head>
<title></title>
<head>
<body>
<p align=left ><b>...Isi peragraf........</b></p
<p align=right ><i>...Isi peragraf........</i></p
<p align=center ><u>...Isi peragraf........</u>.</p
</body>
</html>

hasilnya :



5. Font <font>
tag ini mempunyai tiga atribut yaitu size(mengatur ukuran font), color(warna font), face(jenis font). Penulisannya ;

<html>
<body>
<p><font size="3" color="red">This is some text!</font></p>
<p><font size="2" color="blue">This is some text!</font></p>
<p><font face="verdana" color="green">This is some text!</font></p>
</body>
</html>

 hasilnya ;






6. Tag untuk list item
ada 2 macam list item :
a. unordered list menggunakan tag <ul>.....</ul
b. ordered list menggunakan tag <ol>..........</ol>
dan untuk list nya/ daftarnya menggunakan tag <li>........</li>
penulisannya ;
<html>
<head>
<title></title>
<head>
<body>
<h3>editor html</h3>

<ul type="circle">
<li>fontpage</li>
<li>dreamweaver</li>
</ul
<h3>struktur dasar html</h3>
<ol type="1" set="2">
<li>head</li>
<li>title</li>
<li>body</li>
</ol

</body>
</html>

hasilnya :














Sebenarnya masih banyak lagi tag-tag dalam html akan tetapi saya tidak bisa membahas semuanya sekaligus, tetapi saya akan memberi sebuah referensi jika temen-temen ingin belajar tentang pemrograman web dari yang dasar sampai tingkat lanjut temen-temen dapat pelajari di W3 Schools. Hanya ini yang dapat saya sampaikan dan tunggu postingan selanjutnya.
Read More

Belajar Pemprograman WEB-Part(1)

05.25 No comments
kita sering mendengar pemrograman web atau dalam bahasa inggris di sebut web programming. tapi di benak kita muncul pertanyaan.

Apa sih pemrograman web itu ????

pemrograman web adalah proses membuat aplikasi komputer yang dapat digunakan/ditampilkan dengan bantuan aplikasi browser. Kita bisa lihat contoh hasil pemrograman web seperti Facebook, yahoo, google,twitter, dan masih banyak lagi.
Dengan Pemrograman web, halaman web yang semula hanya menampilkan informasi, dapat lebih interaktif seperti bisa memberi komentar dan menyimpannya, unggah dan kirim gambar/foto, bisa melakukan pencarian data, atau dengan kata lain bisa lebih memahami apa yang sedang kita perlukan.
Pemrograman web menghasilkan aplikasi-aplikasi yang memiliki teknologi maju bahkan lebih pesat dari pemrograman desktop karena cakupan penggunaannya lebih luas dan lebih efisien baik dari biaya, waktu ataupun lainya.

Apa saja yang di pelajari dalam pemrograman web?

Sebenarnya ada banyak bahasa penrograman yang dapat kita gunakan dalam web. Namun yang paling sering di gunakan biasanya 3 bahasa pemrograman, yaitu HTML,CSS, dan PHP.

Lalu dari mana kita belajar pemrograman ???

Dalam mempelajari pemrograman web, tentu kita harus memulai dari bahasa yang paling dasar yaitu Hyper text markup language atau lebih sering disebut html. 

 Apa Itu HTML ??

 merupakan suatu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu. Dokumen HTML adalah suatu dokumen teks biasa dan disebut markup language karena menggunakan tanda-tanda tertentu yaitu < dan > yang disebut tag untuk mengatur bagaimana suatu dokumen ditampilkan pada browser
HTML juga bisa di sebut kerangka sebuah web. Dalam pembuatannya, sebuah file HTML dapat dibuat dengan menggunakan teks editor sederhana seperti notepad atau menggunakan HTML editor yang bersifat WYSIWYG (What You See Is What You Get) seperti font page dan dreamweaver. 

 HTML memiliki struktur dasar atau susunan file sebagai berikut

html>
  <head>
  <title>berisi teks yang akan muncul pada title bar browser</title>
  </head> 
  <body>
   berisi teks, gambar, atau apapun yang ingin ditampilkan pada halaman web ada pada bagian ini.
   </body>


</html>

Ini contoh dokumen sederhana HTML


<html>
<head>
  <title>Latihan-2: Paragraf dan Break</title>
</head>
<body bgcolor=#990066 text=#FFCCFF>
  <h1>TOKO BUKU SERBA MURAH</h1>
  <hr width=50% align=left>
  <h2>Toko kami menyediakan</h2>
  <h3>Alat Tulis</h3>
  <p>Pensil<br>Ballpoint<br>Penggaris<br>Dll.</p>
  <h3>Buku-buku Pelajaran</h3>
  <p>Ilmu pasti<br>Ilmu bumi<br>Sejarah<br>Dll.</p>
  <h3>Peralatan Kantor</h3>
  <p>Meja<br>Kursi<br>File manager<br>Dll.</p>
</body>
</html>

Baru yang dapat saya jelaskan tentang pemrograman web dan tunggu postingan selanjutnya....
Read More

Kamis, 05 Maret 2015

ANCAMAN GLOBALISASI

03.33 No comments


ANCAMAN GLOBALISASI
Globalisasi dan pasar bebas memang di harapkan sebagai upaya meningkatkan efisiensi global. Perdagangan secara global membantu banyak negara untuk berkembang lebih cepat. Globalisasi juga dianggap membuat negara-negara berkembang mendapat akses pengetahuan yang tak dapat diperoleh sebelumnya. Globalisasi seolah merupakan kemajuan yang harus di terima negara-negara berkembang jika mereka ingin berkembang dan memerangi kemiskinan secara efektif. Tetapi bagi kebanyakan orang di negara-negara berkembang, globalisasi tidak membawa keuntungan ekonomi yang dijanjikan (Stiglitz, 2002:9)
Read More

Selasa, 03 Maret 2015

memulai usaha dari keahlian

05.02 No comments


MEMULAI USAHA DARI KEAHLIAN

            Anda dapat memulai usaha dengan keahkian yang anda miliki, seperti halnya Soichiro honda. Berawal dari keahliannya sebagai mekanik, akhirnya Soichiro Honda meraih sukses. Soichiro Honda mendapatkan pekerjaan pertama  di bengkel mobil Tokyo pada 1922 setelah keluar dari sekolah. Ia hanya mengenyam pendidikan selama delapan tahun. Anak yang baru berusia 15 tahun dari kota kecil,mearsa bangga dengan memperbaiki 100 mobil pada saat ramai. Ia diangkat sebagia asisten mekanik, tetapi pekerjaannya kadang-kadang sebagai “baby-sitter” anak laki-laki pemilik bengkel tersebut. Honda bermimpi untuk menjadi ahli mekanik mobil dan ia tidak pernah mendapat kesempatan itu. Ia frustasi, kemudian mengemasi tasnya dan keluar dari pekerjaannya dan meninggalkan kota besar. Enam bulan kemudian, bengkelnya membutuhkannya, ia dipanggil untuk membantu memerbaiki mobil, akhirnya terbuka baginya untuk meraih mimpinya.
Read More

memulai usaha dari ide sederhana

04.42 No comments


MEMULAI USAHA DARI IDE SEDERHANA
           
            Banyak yang berpendapat bahwa untuk membuka sebuah usaha dibutuhkan ide yang sangat kreatif dan inovatif. Hal itu tidak berlaku bagi Michael Dell, ia membuka sebuah usaha dengan ide yang sederhana yaitu  menjual komputer tidak ke pedagang perantara tetapi menjual langsung ke konsumen. Ia memotong jalur ke perantara, dengan demikian harga PC tersebut dapat ditekan. Michael Dell memulai usaha dengan modal $1.000, dan melakukan pemasaran lewat “Mail Order” dalam waktu 16 tahun penjualan meningkat dari 6 juta dolar menjadi 36,9 milyar dolar. Dell Computer membuka kantor cabang diluar negeri di London tahun 1987. Sekarang telah membuka kantor diseluruh dunia dengan karyawan mencapai 40.000 orang.
Read More
Langganan: Postingan (Atom)
Subscribe to RSS Feed Follow me on Twitter!