Jumat, 14 Juni 2013

 Cara Membangun Sebuah WEB


Sebelum melangkah lebih jauh, pertama-tama saya akan membahas pendukung untuk membangun sebuah web. Untuk membangun web kali ini, kita tidak perlu menggunakan alat atau software khusus seperti dreamweaver atau lain sejenisnya. Jika anda membutuhkan anda bisa mendownload dreamwever portable grtis disini. Karena web yang akan kita buat hanya web sederhana, tentunya alat-alat pun cukup sederhana. Jika anda sudah paham dalam membuat web dasar yang sekarang akan saya bahas, Insya Allah jika anda membuat web profesional tidak akan sulit lagi. Untuk bahasan membuat web profesional akan saya bahas dalam bahasan selanjutnya yaitu HALAMAN II. Tapi bagi anda yang awam sebelum anda melangkah ke halaman selanjutnya anda wajib tau dasar-dasarnya dulu yang akan saya bahas sekarang ini.

Alat atau pendukung untuk membuat web kali ini antara lain:
  1. Notepad
    Software ini sudah ada dalam window anda. Notepad digunakan untuk membuat template
  2. Adobe photoshop
    Software ini digunakan untuk mengedit gambar untuk ditampilkan pada web
  3. Browser Internet
    Software ini sudah ada dalam window kita yaitu internet explorer. Ini berpungsi untuk membuka atau menguji web yang telah kita buat, agar lebih cepat dalam membuka web atau browsing anda bisa menggunakan mozilla firefox, anda bisa mendownload gratis disini.
  4. Software FTP
    Software ini bisa anda download gratis disini, cari dan download Filezilla Clien. Software ini berpungsi untuk upload template web yang sudah jadi ke hosting.
  5. Web Hosting
    Webhosting yaitu sebuah tempat atau ruang di internet untuk menempatkan file atau template web kita, untuk belajar anda bisa memanfaatkan pasilitas gratis 000webhost.com, agar anda bisa menggunakan pasilitas 000webhost.com, anda pilih subdomain lalu lakukan pendaftaran.
Setelah semua tersedia, yang pertama kita membuat dulu sebuah template, untuk membuat template anda tidak perlu susah-susah lagi, anda cukup copy semua coding dibawah. Kenapa?! Agar proses belajar lebih cepat.

Langsung saja kita mulai, buka notepad dengan halaman kosong muncul pada monitor. Selanjutnya copy coding html dibawah ini satu per satu menjadi tiga bagian.
  1. Mulai dengan yang pertama, copy coding html dibawah ini dan paste pada notepad yang telah dibuka sebelumnya.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>elektro4site</title>
    <link href="images/icon-site.gif" rel="shortcut icon"/>
    </head>
    <body>
    <br><font size="6"><b>elektro4site</b></font></a>
    <br>|<a href="index.html"> Home </a>|<a href="profil.html"> Profil Saya </a>|<a href="foto.html"> Foto Saya </a>|
    <br><br><table width="200" border="0" cellpadding="0" cellspacing="0">
    <tbody><tr><td align="justify">
    <b>Selamat Datang</b>
    <br>Ini adalah web pertama yang saya buat, web ini merupakan sebuah gambaran dasar dalam membuat website prpfesional. Tidak ada seorangpun yang pandai ilmu sebelum belajar dasar-dasar ilmu, karena dasar-dasar ilmu merupakan pondasi paling awal untuk membangun atau mencapai ilmu yang lebih tinggi. Seorang anak lahir tidak langsung berlari, tapi dengan tahapan tertentu anak bisa berlari, berguling dahulu, merangkak dahulu, baru berlari.
    </td></tr></tbody></table>
    </body>
    </html>

    Setelah tercopy, anda rubah yang bertanda merah saja. Tulisan elektro4site ganti dengan nama yang anda inginkan. Pada images/icon-site.gif anda harus membuat folder untuk memudahkan anda buat folder pada desktop dan didalam folder tersebut anda masukan sebuah gambar kecil atau sebuah icon, icon tersebut nantinya akan ditampilkan pada toolbar browser sebagai logo website anda. Untuk membuat icon anda gunakan adobe photoshop bisa juga dengan corel draw, ukurannya gambar 32x32 pixel agar proses loading gambar cepat. format gambar bisa jpg, gif, png setelah selesai dibuat, simpan pada folder images dengan nama icon-web, apabila gambar yang anda buat format png berarti cara penulisan pada code html menjadi images/icon-site.png

    Setelah semua selesai, simpan coding yang telah anda rubah, klik seve as namai dengan index.html simpan pada desktop. Perhatian jangan namai halaman utama anda dengan nama lain contoh elektro4site.html, jika semua file yang anda buat sudah di upload kehosting maka akan terjadi masalah, yang akan terjadi jika anda akan membuka website misalkan pada browser anda mengetikan domain www.elektro4net.com halaman yang anda buat dengan nama elektro4web.html tidak akan terbaca, kecuali anda menulis lengkap pada browser contoh www.elektro4net.com/elektro4site.html jika demikian halaman awal akan terbuka. Oleh karena itu untuk halaman utama anda namai dengan index.html, walau anda mengetikan www.elektro4net.com halaman utama index.html anda dengan sendirinya akan terbuka.
  2. Masih seperti yang pertama, buka notepad dengan halaman kosong, copy dan paste coding html berikut:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>elektro4site :: Profil Saya</title>
    <link href="images/icon-site.gif" rel="shortcut icon"/>
    </head>
    <body>
    <br><font size="6"><b>elektro4site</b></font></a>
    <br>|<a href="index.html"> Home </a>|<a href="profil.html"> Profil Saya </a>|<a href="foto.html"> Foto Saya </a>|
    <br><br><table width="200" border="0" cellpadding="0" cellspacing="0">
    <tbody><tr><td align="justify">
    <b>Profil Saya</b>
    <br>Nama lengkap saya Iwan Setiawan, tapi banyak orang mengenal saya dengan sebutan Iwan Elektro. Saya mengenal website baru-baru ini, kiri-kira lima bulan kebelakang jelasnya bulan april 2009, saya belajar hanya dengan buku atau tutoril yang banyak beredar di internet. Saya juga belum begitu tau banyak tentang web, walau demikian mudah-mudahan web yang sangat sederhana ini bisa menjadi gambaran dalam belajar membuat web profesional.
    </td></tr>
    </tbody></table>
    </body>
    </html>

    Seperti sebelumnya, rubah yang berwarna merah saja, untuk images/icon-site.gif samakan dengan yang pertama. setelah selesai simpan pada desktop namai dengan profil.html
  3. Masih sama seperti sebelumnya, copy dan paste coding html berikut:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>elektro4site :: Foto Saya</title>
    <link href="images/icon-site.gif" rel="shortcut icon"/>
    </head>
    <body>
    <br><font size="6"><b>elektro4site</b></font></a>
    <br>|<a href="index.html"> Home </a>|<a href="profil.html"> Profil Saya </a>|<a href="foto.html"> Foto Saya </a>|
    <br><br><table width="200" border="0" cellpadding="0" cellspacing="0">
    <tbody><tr><td align="justify">
    <b>Foto Saya</b>
    <br>Ini adalah foto saya.
    <br><img width=”200px” height=”200px” src="images/foto-saya.jpg">
    </td></tr></tbody></table>
    </body>
    </html>

    Seperti yang sebelumnya, rubah yang bertanda merah saja. Untuk images/foto-saya.jpg caranya sama seperti membuat logo web yang sebelumnya telah saya bahas, bedanya anda tidak perlu lagi membuat folder, karena folder sudah dibuat sebelumnya, yang harus anda buat fotonya saja, cari foto anda, rubah ukuran menjadi 200 x 200 pixel, setelah itu simpan pada folder images dengan nama foto-saya.jpg. setelah semua anda rubah, simpan coding html tersebut pada desktop dengan nama foto.html.
Diposting oleh di Tidak ada komentar:

9 Cara Untuk Memotivasi Diri Sendiri Ketika Lagi Down

Apr 25
Posted by
Terkadang kita merasa down,.. itu adalah hal yang wajar. Hidup ini seperti gelombang dan memang seperti gelombang, yang terkadang ada naik dan turunnya. Seperti yang kita ketahui, tidak ada gelombang yang tidak ada naik dan turunnya, bukan begitu.?
Terkadang, kita merasa sangat lemah bahkan kita berpikir bahwa bergerak maju dan termotivasi untuk saat itu adalah hal yang tidak mungkin. Jika Anda juga merasakan hal yang sama, maka Anda tidak sendirian… Kita semua mengalami itu..
Selama beberapa tahun, berbagai peneliti sudah melakukan berbagai cara untukmemotivasi kembali dan keluar dari tempat yang kita namakan sebagai “down”. Berikut ini adalah 9 tips terbaik untuk memotivasi kembali dan membuat Anda kembali bersemangat :
1. Ingat bahwa down itu hanya sementara
Ingat bahwa setiap koin itu punya 2 sisi, dan hanya karena Anda sedang mengalami sisi yang buruk, bukan berarti tidak ada sisi yang baik. Ketika momentum dan motivasi Anda sedang rendah, putuskan apa yang tidak ingin Anda lakukan dan Anda akan merubah situasinya.
Berjalan – jalan ketika Anda mengatakan Anda tidak mau. Telepon seseorang ketika Anda merasa tidak mau menelepon karena terlalu letih… Anda akan menyadari bahwa motivasi Anda sudah kembali.
2. Ambil satu langkah kecil
Perubahan apapun bisa dimulai dari satu langkah kecil. Seringkali, kita membuat diri kita sendiri berimajinasi dengan memikirkan hal yang enak, namun sebenarnya kita butuh sesuatu yang lebih besar. Ambillah satu langkah kecil dan ulangi dengan mengembangkannya sedikit demi sedikit. Manfaatnya akan berkembang dan juga motivasi Anda.
3. Fokus pada satu goal
Terkadang ketika kita merasa down, itu karena kita melakukan terlalu banyak hal dan tidak bisa fokus pada satu goal. Hasilnya kita akan merasa stress dan capek. Seperti kita membuat seekor unta terjatuh karena kita terlalu banyak membawa beban di punggungnya. Ini adalah masalah yang umum..
Berikut ini adalah solusi yang paling powerful : Pilihlah salah satu pekerjaan atau goal dan fokus. Lakukan satu hal itu dengan sebaik – baiknya. Anda akan memiliki lebih banyak waktu dan energi untuk mengerjakan yang lain, karena Anda sudah membangkitkan kembali motivasi dan semangat yang tadinya down.
4. Minta bantuan
Ketika Anda merasa down, keluarlah. Kita ini seperti batere,.. terkadang kita harus mengisi ulang diri kita. Berkunjung kerumah teman atau saudara atau bisa juga berbincang – bincang dengan sahabat di online.
5. Berlatih untuk berpikir positif
Ketika Anda merasa down, sebenarnya Anda sedang “berpikir” down dan pemikiran itulah yang menjadi penyebab sesungguhnya dari perasaan Anda. Untuk memperbaiki situasi ini, cobalah untuk memulai berpikir ulang mengenai pemikiran Anda. Dengarkan apa yang Anda katakan kepada diri Anda sendiri. Apakah itu pikiran negatif yang membuat anda down dan stuck.
Untuk mengatasi pemikiran yang negatif itu, dan membangkitkan kembali semangat Anda, gantilah “Saya tidak bisa melakukannya” dengan “Perhatikan saya melakukannya.” Ubah pikiran Anda dan Anda akan merubah motivasi dan perasaan Anda.
6. Ingatkan diri Anda setiap hari
Buatlah sebuah pengingat didepan Anda yang memotivasi. Anda juga bisa berlangganan email yang memberikan Anda motivasi setiap pagi. Yang saya sarankan dari super email di samping.
Kirimkan pengingat kepada diri Anda sendiri atau buat catatan kecil dan huruf besar – besar, pasangkan gambar – gambar yang menarik perhatian Anda kemudian tempelkan di tempat – tempat yang mudah terlihat, seperti kaca, meja kerja, kulkas, atau bahkan kemudi mobil Anda. Jika “Luar jangkauan berarti di luar pemikiran”, maka buat goal Anda “Tetap dalam jangkauan, didalam pikiran.”
7. Broadcast goal Anda
Buat banyak orang mengetahui apa goal Anda secara umum, dan buat keluarga, teman, dan rekan kerja tahu tentang goal anda secara spesifik. Dengan melakukan hal ini, Anda sudah berkomitmen pada diri Anda sendiri untuk keluar dari zona nyaman dan bergerak menuju action, dari stuck menjadi peningkatan signifikan.
Buatlah surat perjanjian komitmen, berikan copynya ke orang – orang yang mendukung Anda dan berikan update kepada mereka secara berkala tentang perkembangan Anda.
8. Tarik nafas, tidur… dan mandi di pagi hari
Ada sebuah metode yang sangat bagus dan hebatnya hal itu selalu bekerja. Metodenya seperti ini..
Ketika kita merasa down dan stress, kita bisa bernafas dengan otot perut, dan ketika kita melepaskannya, katakan..” Saya akan tidur malam ini. Ketika saya tidur, saya akan tidur dengan nyenyak. Ketika saya bangun esok hari, saya akan kembali bugar dan penuh dengan semangat.” Kemudian mandilah , dan ketika mandi itu, kita ubah pikiran kita menjadi hal yang positif. Lakukan hal itu dan bagikan pengalaman anda ke orang lain.
9. Ubah kata – kata Anda dan bangunlah momentum
Kata – kata Anda secara tidak sadar sangat luar biasa. Untuk maju ke depan, ubah nada dan arah berpikir Anda. Ubah kata – kata Anda dari “masalah” menjadi “kesempatan”, dari “kesulitan” menjadi “manfaat”. Perubahan kecil tetapi dilakukan secara konsisten akan mengubah “pesimis” menjadi “optimis” dan “inersia” menjadi “momentum”
Pikiran Anda adalah skill yang bisa Anda kembangkan, perbaiki dan mastering. Ketika Anda membangun pikiran yang momentum, Anda akan lebih menjadi orang yang bisa menyemangatkan diri Anda sendiri.
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)