Tugas 2 : Tutorial Web Design sederhana

Kelompok :  Rio Hariyoko Ramadhin (57413757)

                    Dimas Edra O (52413489)

                    Syafril R (58413730)

Kelas         : 2IA12

LINK WEBSITE KAMI : http://blue-cyber.esy.es/index.html

     Kami akan menjelaskan pembuatan Web Design untuk memenuhi salah satu tugas Softskills.

     Sebelum langsung ketutorial kita harus mengenal aplikasi pembuatan web yaitu sebuah program yang disimpan di Server dan dikirim melalui internet dan diakses melalui antarmuka browser. 

     Dapat disimpulkan apikasi web merupakan aplikasi yang diakses menggunakan web browser melalui jaringan internet atau intranet. juga merupakan suatu perangkat lunak komputer yang dikodekan dalam bahasa pemrograman yang mendukung perangkat lunak berbasis web seperti Html, Adobe Dreamwever, Php, Java. 

     Kali ini kami akan membuat sample website tentang IT Consultan, dimana kami akan menggunakan Notepad ++, karena kami masih pemula untuk pembuatan template jadi kami download gratis.

Berikut dibawah ini adalah langkah-langkah pembuatannya.

   

•  Pertama-tama kita bisa mendownload tamplate atau tema untuk membuta web kita di web berikut http://www.opendesigns.org/website-templates/.

•  Setelah memilih tema yang kita inginkan dan telah mendownloadnya yang berekstensi RAR, kita ekstrak terlebih dahulu filenya. Nanti seperti gambar dibawah ini tampilannya

•  Setelah kamu ekstrak ada beberapa yang berekstensi .html pilih INDEX sebagai contoh untuk mengedit template klik kanan pada mouse > pilih open with notepad++.

•   Setelah masuk ke pemrograman Notepad++, kembali ke folder web anda lalu pilih INDEX kembali klik kanan > pilih open with Mozilla untuk mengedit tampilan template yang sudah anda simpan. Agar kita gampang untuk mengedit templatenya. Dibawah ini adalah contoh gambar .Html di Notepad++ yang saya ambil di folder INDEX.

•  Lakukan langkah-langkah seperti diatas apa yang kamu ingin edit dari template yang sudah anda download. dari Index.html, About Us dll bisa anda edit sesuai keinginan.

               Dibawah ini adalah website yang telah kami Edit sebelumya dan sudah menjadi sample Website.

 Setelah template website kalian edit dan sudah jadi. kita langsung ke website : http://www.idhostinger.com/ untuk menjadikan template web kalian menjadi website, karena kami dalam pembelajaran maka kami pilih hostingan yang gratis. dibawah ini adalah Home Website kami.