Dimensi TutupBotol

Thursday, June 16, 2016

Deploying Website Using IIS in Windows 7

Naaah... disini kita udah punya website yang sudah siap dideploy, proses pembuatan websitenya bisa dilihat disini.. Terus skrg kita bakalan ngedeploy websitenya pake IIS. So silahkan buka IIS-nya terus Add new website :

Terus masukin properti yang dibutuhkan...

Klu udah selese... tar kita dapat site baru dipanel kiri seperti terlihat sebagai berikut :

Naaah....abis itu kita ke visual studio klik menu "Build" terus pilih "Publish WebSederhana"... WebSederhana itu nama projectnya....

Daaan.... Silahkan ikuti langkah2 dibawah sesuai gambar dibawah...

Naaah...setelah selese.... balik ke IIS, klik kanan simple website terus pilih yg start kyk gini :

Atau klu mau lngsung dari panel sebelah kanan juga ada... :D

Terus browse websitenya... boleh dari panel kyk yg ditunjukin panah ijo di atas, atau dari klik kanan terus pilih browse :

Hasilnya....

Oooops... ada yang lupaa... :D
Mmmm.... buka host file di C:\Windows\System32\drivers\etc

Terus tambain :

Terus folder simpleWeb-nya share :

Terus IIS untuk simple web direstart atau disetop terus di start lagi..

Klu di Runnn...

Ooopsss....masih error... :v
Mmmmm..... klihatannya kita harus ganti targetFrameworknya... hohoho... Pilih applicationPool..

Terus klik kanan yg simpleWeb...Terus pilih Advance setting...

Terus ganti target frameworknya jadi 4.0...

Abis itu restart lagi IIS simple site...Daaan... Hasilnya....Taaadaaaaaa.... :D

Cukup sekiaaan... :)

Membuat Website Sederhana Menggunakan ASP.NET-Web Form - Part 2

Okiee...,mmmm.... Berikutnya tambain kode ini di css...

#nav li ul li {
    background-image:url(../Images/bar_background.png);
    background-size: cover;
    background-repeat: no-repeat;
    border: 3px solid #0be9f7;
    padding-left:10px;
    }

#nav a:link, #nav a:active, #nav a:visited{
    display: block;
    color: #000000;
    text-decoration: none;
}

#nav a:hover{
    color:lightblue;
}

Berikutnya... kita akan nambain pop window...So masukin lagi kode css ini :

1
2
3

#nav li:hover ul {
    display:block;
 }

Btw...#nav li: hover ul itu mengacu ke submenu soalnya id-nya adalah #nav terus turun satu langkah ke li. Nah li:hover, berarti li yg level 1 klu dihover, terus ada ul, berarti ul-nya punya display:block...Simplenya seperti itu maksdunya... Jadi klu ada #nav li ul li, berarti li yg pling terakhir yang disetting propertinya... :D
Hasil dari css display:block kyk gini :

Teruuuuus... kita tambain shadow dibagian navigation... Tambain kode ini di element navigation :

1	text-shadow: 0.1em 0.1em #0be9f7;

0.1em itu ngegeser ke kiri, terus 0.1em yang berikutnya ngegeser ke bawah..Terus yang pling belakang udah pasti tau semua ehehe.. :D *warna... Hasilnya kek gini :

Naaah...tuh shadownya... wkwkwk... *ngasal... :D
Terusssssss.... yang bagian footer juga diubaaah aaaaah... tambain yg ini :

Hasilnya :

Mmmm.....terus kita tambain content. Untuk contentnya ditambain dibagian <div id="content_area"> xxxxx </div> dan xxxxx-nya terserah ajjah... Klu Hisoka nambain kyk gini :

Siiipsss...segitu dulu ajjah.... :)

Kode lengkap untuk part ini, bisa dilihat disini..