Desain kerangka awal

REPORT FINAL PROJECT
PEMROGRAMAN WEB
Disusun Oleh :
Nama : Ihda Mawaddah. N
NIM : 11.11.4951
Kelas : 11-S1TI-05
STMIK AMIKOM YOGYAKARTA
2013

Tugas web ini menggunakan fasilitas bootstrap yang sudah tersedia bebagai macam konten CSS
dan Javascript yang akan digunakan, dan ada tambahan javascript pada timeline slider dan untuk
mempercantik pada konten gallery.
1. Karena span berjumlah 12, maka membaginya harus sama rata, saya memberikan span7 dan
span5 sebagai header
2. bagian Isi saya berikan span yang berbeda beda di tiap konten, tergantung penggunaan
3. ada 3 bagian span4 pada footer, saya gunakan untuk like FP, comentbox FB, dan profil FB,
Twitter, dan Google+ saya
B. Penjelasan Blok kode Utama :
1. <head> …………..</head>
Script di antara bagian <head> ……………..</head> ini berfungisi untuk menyambungkan CSS
dan Javascript yang akan digunakan untuk berbagai keperluan di HTML

2. Navigasi
Navigasi ini saya letakkan di bagian header dan menggunakan span7 sebagai ukuran lebar
dan tinggi

3. Slider
Masih di span7(header kanan), slider ini menggunakan javascript yang sudah di include di
<head> </head>

Pada bagian <head>……..</head> tambahkan script ini untuk meng include konten aplikasi seperti di
atas:
Dan script ini saya tempatkan di bagian Isi seperti kerangka desain awal, saya menggunakan span12
yang terbesar:
<div class="span12">

<div id="vlightbox1">
<a class="vlightbox1"
href="index_files/vlb_images1/11025_10151571446107652_1069186444_n.jpg" title="1"><img
src="index_files/vlb_thumbnails1/11025_10151571446107652_1069186444_n.png" alt="1"/></a>
<a class="vlightbox1" href="index_files/vlb_images1/150417_10151624402562652_637111738_n.jpg"
title="2"><img src="index_files/vlb_thumbnails1/150417_10151624402562652_637111738_n.png"
alt="2"/></a>

alt="3"/></a>
alt="4"/></a>
alt="5"/></a>
alt="6"/></a>
alt="7"/></a>
alt="8"/></a>
alt="9"/></a>
alt="10"/></a>
alt="11"/></a>
alt="12"/></a>
alt="13"/></a>

alt="14"/></a>
alt="15"/></a>
alt="16"/></a>
alt="17"/></a>
alt="18"/></a>
alt="19"/></a>
alt="20"/></a>
alt="21"/></a>
alt="22"/></a>
alt="23"/></a>
alt="24"/></a>

alt="25"/></a>
alt="26"/></a>
alt="27"/></a>
alt="28"/></a>
alt="29"/></a>
alt="30"/></a>
alt="31"/></a>
alt="32"/></a>
alt="33"/></a>
alt="34"/></a>
alt="35"/></a>

alt="36"/></a>
alt="37"/></a>
alt="38"/></a>
alt="39"/></a>
<a class="vlightbox1" href="index_files/vlb_images1/habib+syech+abdul+qodir+assegaf+hsyech+03.jpg"
title="40"><img src="index_files/vlb_thumbnails1/habib+syech+abdul+qodir+assegaf+hsyech+03.png"
alt="40"/></a>
<a class="vlb" href="http://visuallightbox.com">free photo gallery template by VisualLightBox.com
v5.4</a>
</div>
<script src="index_files/vlb_engine/thumbscript1.js" type="text/javascript"></script>
<script src="index_files/vlb_engine/vlbdata1.js" type="text/javascript"></script>

</div>

5. Fans Page Like
Ini saya letakan pada bagian footer bawah bagian kiri dengan menggunakan ukuaran span4
6. Facebook Coment
Ini saya letakkan pada footer bagian tengah dan menggunakan ukuran span4

7. Sosial
Ini saya letakan pada footer bagian kanan dan menggunakan ukuran span4

C. Fitur CPanel yang di gunakan
CPanel merupakan sebuah bentuk kontrol panel yang reliable. Didalamnya terdapat berbagai macam
fitur yang telah digunakan secara global.
File Manager:
Seperti di explorer, fungsinya untuk meletakan file atau mengekstrak file dan sbgainya, tapi tentunya
ada di dalam web server tempat kita menghosting web kita

D. Cara upload web ke server hosting
1. siapkan file yang ingin di upload (kalo bisa filenya berbentuk *.zip)
2. Buka file manager sampai tampilan di atas.
3. Klik tombol Upload di menu utama File Manager. Akan terbuka window baru atau tab pada
browser
4. Klik browser dan pilih file di komputer Anda yang ingin di upload. Setelah memilih file untuk di
upload, secara otomatis akan tampil progress bar seperti tampak pada gambar dibawah ini :
5. Berikut adalah hasil upload file-nya.

E. Test akses web
1. Chrome
2. Firefox

Desain kerangka awal

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (8)

Desain kerangka awal