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

6
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.

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

Page 1: devlore.files.wordpress.com · Web viewyang siap untuk di-e dit Gambar 2.5 Tampilan Script Pada Notepad++ Setelah di-edit terdapat perbedaan design web pada halaman web browser yang

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

Page 2: devlore.files.wordpress.com · Web viewyang siap untuk di-e dit Gambar 2.5 Tampilan Script Pada Notepad++ Setelah di-edit terdapat perbedaan design web pada halaman web browser yang

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.

Page 3: devlore.files.wordpress.com · Web viewyang siap untuk di-e dit Gambar 2.5 Tampilan Script Pada Notepad++ Setelah di-edit terdapat perbedaan design web pada halaman web browser yang

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++

Page 4: devlore.files.wordpress.com · Web viewyang siap untuk di-e dit Gambar 2.5 Tampilan Script Pada Notepad++ Setelah di-edit terdapat perbedaan design web pada halaman web browser yang

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

Page 5: devlore.files.wordpress.com · Web viewyang siap untuk di-e dit Gambar 2.5 Tampilan Script Pada Notepad++ Setelah di-edit terdapat perbedaan design web pada halaman web browser yang

Gambar 2.9.1 Membuka Halaman Website Yang Telah di-Edit

Gambar 2.9.2 Perubahan Tampilan Halaman Website setelah di-Edit

epair Data