devlore.files.wordpress.com · Web viewyang siap untuk di-e dit Gambar 2.5 Tampilan Script Pada...

Post on 18-Jan-2021

10 views 0 download

Transcript of devlore.files.wordpress.com · Web viewyang siap untuk di-e dit Gambar 2.5 Tampilan Script Pada...

BAB II

DESKRIPSI KERJA

Pada kasus kali ini praktikan akan membuat website dengan mudah yaitu

dengan meng-edit template yang sudah tersedia (unduh dari internet). Berikut garis

besar langkah-langkah untuk meng-edit template website:

1. Mulai dengan men-download template website yang tersedia di internet.

Gambar 2.1 Men-download Template

2. Kemudian setelah file rar ter-download , di ekstrak pada folder dan letak yang

dikehendaki.

Gambar 2.2 Meng-Extract File Rar Yang Telah Di-Download

3. Folder yang telah di-extract berisi berbagai macam template website yang

berekstensi .html yang dapat dibuka dengan web browser

Gambar 2.3 File Yang Telah Di-Extract

4. Lalu untuk melihat tampilan design web yang berupa script.html-nya dapat

dibuka dengan web browser yang ada pada PC.

Gambar 2.6 Membuka Tampilan Script Dengan Web Browser

5. Kemudian nampak tampilan design website pada halaman web browser yang

sudah jadi yang nantinya akan di-edit.

Gambar 2.7 Tampilan Halaman Template Website Pada Browser

6. Selanjutnya sebelum meng-edit script template, dengan cara menyalin folder

template website dalam local disc C ApacheTriad htdocs, yang bertujuan

agar dapat dikoneksikan dengan database pada localhost.

Gambar 2.8 Menyimpan Folder Template Pada Folder Apache

7. Lalu Mulai meng-edit script template dengan aplikasi Notepad++

Gambar 2.4 Meng-edit Script Template Dengan Notepad++

8. Tampilan script pada Notepad++ yang siap untuk di-edit

Gambar 2.5 Tampilan Script Pada Notepad++

9. Setelah di-edit terdapat perbedaan design web pada halaman web browser yang dibuka dari laman localhost nama folder template

Gambar 2.9.1 Membuka Halaman Website Yang Telah di-Edit

Gambar 2.9.2 Perubahan Tampilan Halaman Website setelah di-Edit

epair Data