Cara menggunakan free html template

Cara membuat website dengan CSS dan HTML yang mudah adalah dengan menggunakan template CSS. Dengan cara ini kita tidak perlu membuat desain website dari awal dan hanya perlu mengubah isi dan beberapa tampilan pada template CSS. Semuanya bisa dilakukan dengan mudah oleh pemula sekalipun.

Untuk memperoleh template CSS yang gratis kita bisa cari di Google dengan kata kunci template css gratis atau free css template. Dengan Template HTML dan CSS tersebut, kita cukup mengedit beberapa elemen pada halaman website yang kita tuju melali aplikasi teks editor. Untuk selengkapnya akan dijelaskan pada bagian inti dari artikel ini.


Membuat website dengan CSS dan HTML cocok untuk website dengan konten minimal. Untuk website dengan konten yang banyak dan kompleks tidak disarankan menggunakan template HTML dan CSS. Sebagai solusinya, silahkan gunakan CMS seperti wordpress untuk membuat website yang besar.

Apa itu Template CSS ?

Template CSS adalah sebuah template website jadi berupa kode CSS dan HTML dengan file index.html lengkap dengan tampilan dan file CSS-nya.

CSS adalah singkatan dari Cascading Style Sheet. CSS berfungsi sebagai pengendali komponen pada elemen sebuah website. CSS menentukan tampilan sebuah website melalui nilai-nilai properti style yang disetting pada tiap-tiap elemen dalam website tersebut.

Salah satu situs yang menyediakan banyak template CSS gratis adalah www.freecsstemplates.org atau yang kini telah diforward ke situ www.templated.co. Ada banyak sekali pilihan template yang bisa didownload dan digunakan secara gratis.

Untuk melihat demo dan detail template, kita bisa klik pada template dan akan tampak halaman live preview. Kemudian pada halaman preview tersebut kita bisa langsung klik icon download yang berisi link untuk mendownload template.

Berikut ini screenshot dari situs www.templated.co :

Compromise

design by Free CSS Templates

Menjadi :

Nama Website

Nomor 1 Distributor Pulsa Elektrik Jawa Tengah

4. Membuat Menu Website

Menu adalah alat navigasi yang berupa link ke halaman-halaman yang ada pada website. Menu mirip dengan shortcut pada desktop komputer yang berfungsi sebagai jalan pintas membuka sebuah halaman website. Yang perlu diperhatikan adalah, pastikan kita membuat semua halaman yang dituju oleh link pada menu agar menu tidak error ketika di klik.

Baca Juga:  Cara Membuat Toko Online Dengan CMS Prestashop

Untuk mengganti menu kita cari kata menu dibawah header. Jika kesulitan juga bisa menggunakan tool Find. Kemudian ganti teks yang ada diantara tag

dan
seperti contoh berikut ini :

Sebelumnya :

  • Home
  • Blog
  • Photos
  • About
  • Links
  • Contact

Menjadi :

  • Home
  • Produk
  • Transaksi
  • Deposit
  • Pendaftaran
  • Tentang Kami

5. Membuat Isi atau Konten Website

Isi merupakan meteri utama sebuah website. Isi ini biasanya berupa uraian teks yang agak panjang dan merupakan penjelasan dari website atau produk kita. Isi website biasanya disebut juga dengan content. Didalam isi website dapat dibagi menjadi beberapa bagian misalnya judul artikel/title [tapi berbeda dengan title pada head tadi] dan uraian artikel/post.

Untuk mengganti isi kita cari kata footer yang ada dibagian paling bawah. Jika kesulitan silahkan gunakan tool Find saja lagi. Kemudian ganti teks yang ada diantara tag

dan

seperti contoh berikut ini :

Bài mới nhất

Chủ Đề