Pages

Wednesday, December 26, 2012

Tutorial Web Statis - Part 3 [End]

Pada bagian terakhir ini saya akan memberikan tutorial membuat web statis dan dipercantik dengan cara yang simpel sekali. Bagaimana caranya? Mari saya tunjukkan.


  • Buka project yang terdahulu seperti yang saya berikan tutor pada Part 2 atau anda dapat mendownload disini
  • Setelah project dibuka, pilih File - New - CSS. Maka tampilan akan seperti ini.


  • Code yang Anda perlu ketik adalah 
 table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}

  • Kemudian save file CSS yang telah anda buat pada folder yang sama dengan file HTML yang sebelumnya
  • Apabila di Run maka belum terjadi apa - apa, karena kedua file tersebut belum dikoneksikan satu sama lain. maka anda harus mengetik script seperti berikut pada file HTML sebelumnya,  sebelum tag </head>
<link href="[NAMA FILE CSS ANDA].css" rel="stylesheet" type="text/css" /> 

  • Kemudian save, tekan F12 dan tampilan akan seperti berikut
  • Selesai.
Mudah bukan membuat web? Tunggu tutorial yang kan saya berikuttnya :)







No comments:

Post a Comment