Dasar-dasar dalam membuat website dengan html dan css

hello temen-temen semua yang masih ada semangat belajar dalam membuat website, pada kali ini saya akan menjelaskan dasar-dasar dalam membuat website, dan cara yang paling mudah adalah melihat secara langsung alias melalui video karena saya sendiri awal mulanya mengerti html dan css adalah dengan cara melihat video tersebut, tapiiiii,, sayangnya video tersebut adalah tutorial dari seorang bule yang pastinya menggunakan bahasa inggris, tapi buat temen-temen kalau kemauan belajarnya kuat pasti akan menemukan jalan, dan saya disini tentunya siap membantu sebisa saya jika ada waktu luang saya akan menyempatkan melihat komen di blog ini, jadi jangan sungkan-sungkan jika ada yang mau bertanya ;).

. ok, langsung saja ke tahapan-tahapannya dalam melihat tutorialnya:

1. pada langkah pertama untuk membuat website, temen-temen harus memahami apa itu dasar-dasarnya terlebih dahulu terutama pada html dan css, pada dasarnya html itu terdiri dari beberapa kode yang diawali tag seperti ini(abaikan kurung buka dan kurung tutup): (<>) dan diakhiri(penutup) tag seperti ini: () (wah gk klihatan, gampangnya tag penutup itu tinggal nambahin / ditengah tag pembuka tadi) tapi ada tag tertentu yang tidak membutuhkan penutup seperti tag link, ok lebih mudahnya temen-temen langsung bisa melihat video tutorialnya di youtubehtml untuk tutorial html dan untuk css itu contohnya seperti:

body{background-color: grey;}

*pada contoh tersebut body adalah/menunjukan selector yaitu menentukan bagian mana yang temen2 ingin desain,
*untuk kurung kurawal memang peraturan default untuk css,
*background-color adalah/menentukan bagian apa yg temen2 ingin desain seperti warna, jarak, ukuran dan yang background-color tadi adalah untuk menentukan warna background,
*untuk tanda : memang harus ditulis seperti itu,
*grey adalah warna,
*untuk tanda ; memang harus ditulis dan diletakkan seperti itu,
*dan jangan lupa untuk menambahkan }.
untuk lebih mudahnya temen2 lansung bisa lihat video tutorialnya disini: youtubecss untuk tutorial css.


2. dan yang kedua temen2 harus memahami tata letak dalam mengatur css, untuk yang ini temen2 harus paham dalam menggunakan class selector(.) dan id selector(#) dalam css, tapi saya lebih mengutamakan untuk menggunakan class selector karena penggunaanya bisa untuk mengatur banyak tag yang menggunakan nama class yang sama. dan untuk yang ini temen-temen harus banyak melakukan percobaan dan agar lebih mudahnya saya akan mengupload screenshot dari hasil belajar saya sebagai berikut:

.

ok seperti itulah hasil yang saya dapat dari belajar untuk hari ini, jalan lupa untuk bertanya jika masih bingung :).



Dan untuk berikutnya hal terpenting dalam membangun website adalah SEO yaitu Search Engine Optimization, lebih gampangnya SEO adalah sebuah tool yang berguna untuk mengoptimalkan hasil pencarian web kita di mesin pencari seperti google, dengan SEO kesempatan website kita untuk dapat dilihat banyak orang akan semakin besar apalagi kalau masuk dalam peringkat 10 besar dalam hasil mesin pencari. didalam link ini akan ditunjukan berbagai macam tool SEO yang bisa membantu kita untuk mengoptimalkan hasil pencarian untuk website kita(sebagian ada yang berbayar dan ada juga yang gratis), berikut linknya: SEO tools.

Comments

  1. Bekerja sama adalah Lang mudah menuju sukses, jangan sungkan untuk bertanya y :).

    ReplyDelete

Post a Comment

Popular Posts