Membuat Template Sederhana dengan CSS

Posted by Yogo Prestiyanto on Tuesday, November 20, 2012

Template sederhana ini adalah buatan saya ketika masih berkenalan pertama kali dengan CSS. Agar dapat menginspirasi banyak orang akhirnya saya buat saja artikel tutorial mengenai Membuat Template Sederhana dengan CSS. Semoga bermanfaat nantinya !! :D

Hal pertama yang harus disiapkan tentu saja text editor, saya sering memakai Notepad++.
Kedua adalah web browser, saya memakai Mozilla Firefox versi terbaru.

Disini saya menggunakan cara Eksternal CSS, yaitu memanggil file .css untuk ditampilkan di HTML. Cara ini sudah saya tulis di artikel sebelumnya yang berjudul Belajar CSS dimana terdapat cara-cara pemakaian CSS untuk mempercantik halaman web.

Langsung saja, tulis script dibawah ini dan simpan didalam satu folder (terserah anda) dengan nama style.css :



Setelah anda menulis script diatas, kemudian buka lembar kerja baru kemudia tulis script seperti dibawah ini :



Simpan script diatas dengan nama index.html dan harus satu folder bersama file style.css tadi.
Jalankan file index.html di Mozilla Firefox!!!
Jika tidak ada kesalahan maka tampilannya akan seperti berikut ini :

Membuat Template Sederhana dengan CSS























Taraaaaa !!!! anda sudah memiliki sebuah template sederhana menggunakan CSS. kabari teman-teman anda jika anda berhasil :D, sekian terima kasih.
Mungkin dari artikel diatas masih banyak yang belum jelas janganlah ragu untuk bertanya ke saya. Mari kita belajar bareng :D

   

3 comments: