Berpindah Website

Bismillah.

Dengan ini diberitahukan bahwa kami telah berpindah nama domain menjadi webharian.com. Segala hal mengenai informasi akan ter-update di website baru kami.

Sekian informasi dari kami.

Salam,

Webharian

Iklan

Pengenalan HTML ( Bagian 2)

pengenalan-html2
Pada pembahasan HTML sebelumnya. Kita sudah mengetahui mengenai hal apa saja yang diperlukan untuk belajar HTML dan beberapa tag-tag seperti <head>, <body>, dan <p>. Maka selanjutnya akan saya bahas mengenai bagaimana membuat sebuah link, gambar dan juga heading.

  • Link

Yang pertama saya bahas adalah masalah link. Jika anda belum mengetahui mengenai link, link adalah tautan yang bisa menghubungkan antara satu halaman website dengan lainnya. Jika Anda melihat pada blog, dibawah akan bertuliskan mengenai post sebelumnya. Itu adalah link yang mengarah ke dalam satu website. Biasanya juga ditandai dengan garis bawah pada tulisan dan biasanya mempunyai warna yang berbeda. Umumnya adalah warna biru.

Untuk diketahui sintaks link adalah :

link

 

Keterangan :

  • Tag untuk link adalah <a href=”url website/halaman (alamat website)”>…………..</a>
  • Pada tanda petik, silahkan masukkan url website atau halaman yang ingin di-link-an
  • Kemudian pada setelah kurung siku (>) isikan nama dari websitenya atau halamannya.
  • Contoh : <a href=”https://webharian.wordpress.com”>Web Harian</a>. Disini nanti yang akan muncul hanyalah tulisan Web Harian , Dimana apabila di klik pada tulisan tersebut akan langsung membuka website Web Harian.

 

  • Image (Gambar)

 

Gambar adalah hal yang umum didalam sebuah website. Bahkan dalam website berita mempunyai banyak gambar untuk setiap berita. Tag HTML untuk gambar sendiri adalah <img>. Berikut lengkapnya :

gambar

Keterangan :

  • Pada tanda petik isikan alamat url dari gambar yang ingin kita tampilkan.
  • Pada tag <img> memang tidak mempunyai closing tag seperti pada umumnya tag-tag html yang lainnya
  • Contoh : <img src=”logo-facebook.jpg”>. Maka yang terjadi otomatis menampilkan logo facebook.

 

  • Heading

Heading sendiri biasanya digunakan untuk menekankan informasi apa yang ingin diberikan. Biasanya pada judul suatu berita digunakan heading 1. Dengan penambahan heading maka akan semakin mudah seseorang mencari informasi dalam sebuah website karena sudah terstruktur. Nilai heading sendiri mulai dari 1 sampai 6. Berikut tag heading.

heading

Keterangan :

  • Disebutkan disintaks tersebut adalah h1 berarti bermakna heading 1. kemudian berlanjut terus <h2>,<h3>,<h4>,<h5>,<h6>
  • Semakin besar nilai heading maka semakin kecil tulisan yang ditulisnya.

Sekian pembelajaran HTML kali ini. Dengan ringkasan tag <a> adalah tag hyperlink yang akan menuju ke halaman/website tertentu. Kemudian gambar sendiri menggunakan tag <img> dan yang terakhir, tag <h> digunakan untuk membuat heading. Semoga bermanfaat. 😀

 

 

Pengenalan HTML (bagian 1)

 

banner-html

Setelah kita tahu mengenai perbedaan antara front-end dan back-end. Selanjutnya, kita akan belajar salah satu hal yang harus dikuasai oleh seorang front-end develepor. Yaitu, HTML.

Sebelumnya jika ada yang tidak mengerti mengenai HTML. Akan saya jelaskan sedikit mengenai apa itu HTML.

Apa itu HTML?

HTML atau kependekan dari kata Hyper-Text Markup Languange adalah sebuah bahasa tanda yang digunakan untuk membuat sebuah website. Dalam penggunaannya HTML biasanya digunakan bersamaan dengan CSS dan Javascript.

Nah, dalam bahasa HTML itu terdapat aturan yang harus dianut. Yaitu penggunaan <tag> khusus dalam penulisannya. Kumpulan <tag> ini akan dibaca oleh browser selanjutnya akan diubah menjadi sebuah tampilan website yang biasa kita kunjungi.

Mungkin masih ada yang belum paham. Cobalah untuk mengunjungi suatu website yang sering anda buka. Lalu, tekan klik kanan pada mouse dan pilih lihat sumber halaman. Nanti anda akan menemukan kumpulan tag HTML yang membangun sebuah tampilan website tersebut.

Persiapan!

Sebelum kita akan belajar mengenai bahasa HTML. Sebaiknya kita juga harus tahu tool atau alat apa saja yang harus digunakan untuk menulis bahasa HTML. Berikut adalah beberapa tool yang harus kita persiapkan.

  • Text editor

Ada banyak pilihan text-editor dalam kita menulis bahasa HTML. Mulai dari bawaan dari windows seperti notepad, sampai text-editor yang memberikan tampilan langsung dari bahasa HTML yang kita tulis. Contohnya, Dreamweaver. Silahkan mencari sendiri mana yang bisa memudahkan kita dalam belajar bahasa HTML.

  • Browser

Setelah kita menulis bahasa HTML, selanjutnya akan kita lihat bagaimana hasilnya. Dan dalam hal ini akan digunakan browser. Dalam hal ini terserah mau menggunakan browser apa yang disukai. Baik itu Firefox, Chrome, Opera atau yang lainnya. Hal ini disebabkan karena bahasa HTML bisa dikenali oleh semua browser sekarang.

Jika Anda menggunakan text-editor yang mempunyai fitur melihat langsung, perlu juga dicek di browser karena dengan melihat langsung melalui browser akan mengetahui letak kesalahan dalam penulisannya.

Tag-tag HTML

 

Setelah kita mempersiapkan segalanya, marilah kita memulai belajar dasar dari penulisan html.

1.Awal penulisan file HTML

html1

Keterangan :

  • Disini saya menggunakan text-editor Notepad++. Jika ingin meng-unduh, langsung saja klik link ini.
  • Pada awal penulisan bahasa HTML harus didahului dengan <!DOCTYPE html>. Ini adalah sintaks agar browser mengetahui versi berapa dari html yang kita tulis. 
  • Setelah itu langsung ketik tag <html> dan tidak lupa penutupnya </html>. Didalam tag html inilah nantinya akan kita ketik tag-tag yang lain.
  • Setelah itu save file dan jangan lupa menjadikan file kita menjadi .htm atau .html, ini adalah ekstensi wajib agar nantinya bisa dibaca di browser kita.

2.<head>, <title>, <body>, <p>

html3

Keterangan :

  • Seperti manusia, html mempunyai kepala dan juga tubuh. Kepala pada html ditulis dengan tag <head> ……. </head>. umumnya pada tag head ini biasanya berisi judul website. tag judul ditulis <title> ……..</title>. Nantinya judul sendiri akan muncul pada tab browser.
  • Kemudian tubuh dari html ditulis dalam tag <body>……..</body>. Didalam tag <body> inilah nantinya isi dari website akan ditulis. Disini saya contohkan menggunakan tag <p>. Tag <p> sendiri adalah tag paragraf. Penulisannya adalah <p> Isi dari paragraf </p>.
  • Setelah selesai silahkan buka di browser yang sudah ada pada PC anda.

 

Hasil

hmtl4

Keterangan :

  • tag <title> akan berada pada tab di browser dan tag <p> ada pada isi dalam website itu sendiri.

 

Ini adalah sedikit pengantar mengenai bagaimana membuat sebuah website. Bahasa yang harus dikuasi dalam membuat website adalah HTML. HTML terdiri dari tag-tag khusus yang nantinya akan diterjemahkan oleh web browser menjadi tampilan webiste yang kita kunjungi pada umumnya.

Semoga bermanfaat, insya allah tulisan ini akan berlanjut. 😀

Pranala luar :

http://www.w3schools.com/html/default.asp

https://id.wikipedia.org/wiki/HTML

Belajar bisnis (1)

Bismillah.

Kali ini saya ingin memberikan beberapa hal yang harus kita ketahui dulu sebelum memulai sebuah bisnis. Tulisan ini akan menjadi berseri dikarenakan saya masih belajar bagaimana mengelola sebuah bisnis dan membagikan semua hal mengenai bisnis untuk kalian pencinta dunia bisnis.

Mungkin bagi sebagian orang ketika berbicara mengenai bisnis maka akan menemukan jawaban atau pertanyaan seperti ini, “Saya sudah enak, bos. Nggak pingin repot-repot lagi”, “Enaknya bisnis apa?”, “Saya tidak punya bakat bisnis!” dan masih banyak yang lainnya.

Memang saya akui berbisnis perlu modal, relasi, barang, marketing, dan harus kesana-kemari untuk mengurus segalanya. Tapi, itulah kesenangan dalam berbisnis.

Mari kita mulai dari awal apa saja yang harus kita lakukan dalam memulai berbisnis. (Ini adalah pandangan pribadi penulis dan tanpa menyinggung siapapun)

1. Niat

Ya niat adalah modal utama dalam berbisnis. Mungkin ada yang berkata, “Kalau niat ya saya sudah punya mas”. 😀

Ya tapi itulah yang saya yakini. Niat disini adalah niat yang kuat untuk membangun sebuah bisnis. Niat yang bagi saya bukan hanya semata atas “uang” semata, walaupun saya tahu itu juga diperlukan di dunia sekarang (sangat perlu malah. hahaha). Namun juga niat lain seperti menolong sesama, aktualisasi diri, dan yang paling penting adalah Tuhan.

Ya, anda tidak salah bapak/mas/mbak/ibu. Tuhan adalah awal dari niat kita. Saya adalah seorang muslim, maka akan saya bahas sedikit mengenai masalah ini.

Dalam Al-Qur’an, Surat Adz-Dzariyat ayat 56 disebutkan artinya :

“Dan aku tidak menciptakan jin dan manusia melainkan supaya mereka mengabdi kepada-Ku”

Bahwa Allah menciptakan manusia dan jin hanya untuk menyembahnya. Jadi, segala hal yang kita lakukan ya memang untuk menyembahnya. Termasuk BISNIS ini. Pada kenyataannya untuk selalu menjaga niat untuk Allah semata tidak semudah ketika berbicara. Namun, itulah yang saya yakini dan bagikan kepada pembaca.

“Lantas jika sudah saya niatkan untuk Allah, terus saya dapat apa?”. Ini juga yang menjadi pertanyaan saya dulu. Jawabannya adalah semua hal. Baik itu orderan, pelanggan, besar atau kecilnya bisnis kita, semuanya itu berasal dari ALLAH. Hal ini pun banyak yang tertuang dalam ayat ayat suci Al-Qur’an. seperti :

“…… dan tidak satu pun makhluk bergerak di bumi melainkan dijamin Allah rezekinya” (Surah Hud, ayat 6)

“Siapakah yang dapat memberi kamu rezeki jika Allah menahan rezeki” (Surah Al-Mulk, ayat 21)

“Allah-lah yang menyempit dan yang meluaskan (pemberian rezeki) dan kepada kamu dikembalikan” (Surah al-Baqarah, ayat 245)

dan tentunya masih banyak lagi yang lainnya.

Mungkin masih tidak percaya dengan hal tersebut. Karena mungkin pembaca lagi sedang ditimpa masalah yang saya rasa tidak kunjung bertemu dengan solusinya. Ketika hal ini terjadi maka  saya mengingat perkataan teman saya Kang Yudhis. Dia berkata, “Orang yang beruntung adalah orang yang dekat dengan Tuhan-Nya”.

“Bagaimana bisa seperti itu?” ya kan dekat dengan Tuhan, minta saja langsung. Mengenai solusi atas masalah tersebut. Simpel. Hehe.

Memang kadang kita yang membuatnya ribet sendiri. Termasuk saya juga. Namanya juga manusia vroh. 😀

In sya Allah, tulisan ini akan berlanjut dan semoga bisa bisa bermanfaat bagi para pembaca. Aamiin.

Perbedaan Front-end dan Back-End

Jika kita menjelajahi lebih jauh dalam dunia web development akan dijumpai mengenai istilah front-end development dan back-end development. Namun, banyak dari kita tidak mengerti mengenai apa arti dari istilah tersebut. Mari cari tahu!

Arti :

  1. Front-end development

Dari jika di artikan kedalam bahasa indonesia sendiri, istilah tersebut mempunyai arti depan. Dalam hal ini bisa dikatakan bahwa orang yang bekerja di front-end mempunyai hubungan langsung dengan pengguna. Ya, mereka adalah orang yang mengembangkan desain antar muka dari suatu website.

Contohnya, ketika anda membuka sebuah website, pasti akan menemukan bahwa antara desain web satu dengan lainnya berbeda. Ya, mereka inilah yang membuatnya. Dan hal yang harus dikuasai oleh front-end developer antara lain HTML, CSS, Javascript, desain dan UX. 

Setelah front-end membuat tampilan website dan menjadikannya halaman web statis maka akan dilanjutkan kepada Back-end development.

 

  1. Back-end development

 

Setelah proses desain selesai dan ada halaman web statis maka, selanjutnya akan dilanjutkan dengan membuat website menjadi bisa diakses dan ‘dinikmati’ oleh pengguna. Maka orang back-end developer yang akan mengerjakannya.

Orang-orang back-end harus menguasai pemrograman yang berhubungan dengan server. Misalnya, PHP, Ruby dan Python. Selain hal tersebut, orag back-end harus bisa membuat database dan hal yang berhubungan dengan server sehingga web dari tampilan akan bisa online dan digunakan oleh pengguna. 

Itu adalah sedikit gambaran mengenai perbedaan front-end dan back-end. Tentunya tidak ada tinggi rendah dalam hal ini. Mereka semua bekerja sama untuk menciptakan website yang tentunya bagus dari tampilan dan bisa diakses oleh semua pengguna. 😀

 

Kumpulan Website Untuk Belajar Web Design ataupun Web Development

Sekolah Koding 

sekolahkoding

Disini disediakan lebih dari 400 tutorial yang tentunya dari pemula sampai mahir. Dengan media yang digunakan adalah video tentunya lebih memudahkan para pemula untuk belajar. Dalam video video yang disediakan tidak hanya berfokus pada web design dan development saja. Ada kelas java, phyton, dan masih banyak lagi. Serbu kelasnya.

 

Belajar Koding

belajarkoding

Di situs ini disediakan artikel dan video mengenai web design maupun web development. Mulai dari dasar penggunaan html dan css sampai tutorial lain seperti java dan android. Dan ada juga tutorial premium, tentunya yang ini berbayar. Namun, dengan menggunakan tutorial premium bisa belajar dengan cara terstruktur dan tidak kebingungan lagi.

 

Belajar Web Design

belajarwebdesign

Di situs ini disediakan banyak artikel mengenai web design dan development. Dan serunya dalam website ini disediakan juga artikel mengenai asset dalam web design yang tentunya bisa di download.

 

Males Cast

malescast

Dalam situs ini disediakan tutorial mengenai php dan penggunaan framework laravel. Tentunya dalam bentuk video yang akan memudahkan kita dalam belajar web development. Video-video yang adapun sudah tersusun dan tentunya memudahkan kita belajar web development dari  dasar sampai mahir.

 

Tutorial Web Design

tutorialwebdesign

Dalam situs ini disediakan banyak sekali artikel mengenai web design dan web development. Mulai dari artikel mengenai HTML, CSS, Javascript dan masih banyak lainnya. Dan ada juga asset dan ebook yang bisa didownload sehingga memudahkan kita dalam belajar.

 

Itu adalah kumpulan dari website mana saja yang  memberikan tutorial mengenai web design dan web development yang mungkin bisa memudahkan kita dalam belajar. Selamat belajar. 😀