Web Statis Dasar HTML dan CSS

Baiklah,, berjumpa lagi dengan saya di anitabycuyizy.blogspot.com.
Pada postingan kali ini saya akan berbagi informasi tentang dasar-dasar HTML dan CSS. sekaligus mengumpulkan Tugas Akhir Sekolah Sem. II. Postingan Kali ini Tentang  bagaimana cara "Membuat Web Statis Dengan Dasar HTML Dan CSS"

Postingan saya ini tidak muluk_muluk yang terpenting dapat dipahami dan hasilnya juga memuaskan.. !! he-he

Berikut adalah screenshoot tampilan website statis menggunakan kode sederhana dasar HTML dan CSS :

Pertama Kali yang saya buat yaitu HTML nya menggunakan Notepad C++,, dan di HTML ini pula Tempat Untuk meng_Llinkan ke Html lain seperti Profile, katalog, Contact, seperti yang terlihat pada gambar di atas dan pada HTML ini saya beri nama Index.html





Langkah Kedua yaitu membuat Css berikut code CSSnya :
#header{
    height:400px;
    width:1500px;
    margin:0 auto:0;
    background-image:url(header.png);  
    }
#top-navigation{
    list-style:none;
    padding:0;
    margin:0;
    background:#bab3d6;
    float:left;
    width:1500px;
    }
#top-navigation li {
    display:inline;
    }
a:hover {
    color:white;
    font-size:20px;
    }
Code di atas untuk mengatur gambar yang ada di atas atau sebagai header.
dan simpan dengan ekstensi.Css,, disini saya beri nama pertama.css

langkah ketiga yaitu membuat HTML tentang profile 
Simpan dengan nama 1.html



langkah Keempat sama yaitu membuat HTML baru untuk Katalog,, yang berbeda di sini di setiap katalog ada gambar yang di pamerkan.
Html ini simpan dengan nama 2.html

langkah kelima membuat HTML baru yaitu tentang Contact 
Simpan dengan nama 3.html

Kemudian Kita simpan dalam satu Folder 
_ ada 4 HTML
_ ada 1 CSS
_ dan file image dalam format jpg/gif


Dan ALHAMDULILLAH... akhirnya selesai TA saya,
baiklah,, ikuti tuturial tersebut,,
Semoga Suksess dan Bermanfaant.. !!
Hasilnya Bisa Download here