Anda di halaman 1dari 6

LAPORAN PRAKTIKUM

PENGEMBANGAN KONTEN WEB


PERTEMUAN KE – 5

Disusun Oleh:

RAHMADANI

NIM:135610109

PRODI: SISTEM INFORMASI

STMIK AKAKOM

Yogyakarta
PEMBAHASAN
 ACTIVITY 7-3

Explore Chrome

 ACTIVITY 7-4

 ACTIVITY 7-5
 ACTIVITY 8 – 7

Praktik 7.1 : Pada praktik ini akan dibuat navbar pada di template ee_basic.dwt. buka Insert  Spry 
Spry Menu Bar. Kemudian akan muncul kotak dialog untuk meminta memilih model navbar horizontal
atau navbar vertikal lalu pilih horizontal Kemudian untuk bagian Item 1 isi dengan “Home”, Item 2 isi
“Olives”, item 3 isi “History”, dan Item 4 isi “World”. Untuk Home di Properties panel isi kotak link
index.html, Olives isi harvest.html, World isi world.html, dan History isi history.html.

 ACTIVITY 9 – 1

Gambar 1.1 Gambar 1.2


Gambar 1.1 : Pada gambar ini dibuat Site dengan nama 9EE
Gambar 1.2 : Pada gambar ini dilakukan perbaikan kata menggunakan “Check Spelling”. Untuk
menggunakan dengan membuka Command di menubar lalu pilih Check Spelling. Kemudian akan
muncul kotak dialog. Pada kotak dialog tersebut terdapat kata yang salah untuk menggantinya
pilih “Change” sedangkan untuk melanjutkan kata pilih “Ignore”.

 ACTIVITY 9 – 2

Gambar 2.1 Gambar 2.2

Gambar 2.1 : Pada gambar ini dibuka link “http://validator.w3.org/” pada browser. Pada web
ini digunakan untuk mengetahui kesalahan pada kode penulisan sebuah halaman web. Kemudian
web ini juga memiliki perbaikan kode yang salah pada halaman web.

Gambar 2.2 : Pada gambar ini dibuka tab Validate by File Upload lalu ambil

Gambar 2.3
Gambar 2.3 : Pada gambar ini merupakan salah satu kode kesalahan baris 175 pada halaman
harvest.html dengan perbaikan kode kesalahannya.
 ACTIVITY 9 – 3

Gambar 3.1 Gambar 3.2


Gambar 3.1 : Pada gambar ini dibuka link “http://jigsaw.w3.org/css-validator/pada browser.
Pada web ini digunakan untuk mengetahui kesalahan pada kode penulisan style CSS sebuah
halaman web. Kemudian web ini juga memiliki perbaikan kode style CSS yang salah pada halaman
web
Gambar 3.2 : Pada gambar ini dibuka tab By File Upload lalu ambil file “harvest.html” lalu klik
Check untuk mengetahui kesalahan style CSS pada halaman web tersebut.

Gambar 3.3
Gambar 3.3 : Pada gambar ini merupakan kode kesalahan style CSS baris 77 sampai 79 pada
halaman harvest.html dengan perbaikan kode kesalahannya.

 ACTIVITY 9 – 4

Gambar 4.1 Gambar 4.2


Gambar 4.1 : Pada gambar ini dibuat server web. Untuk membuatnya buat folder baru pada
dekstop dengan nama “My Remote Web Server”.
Gambar 4.2 : Pada gambar ini buka Site di menubar lalu pilih Manage Site. Kemudian akan
muncul kotak dialog. Pada kotak dialog isi Server Name dengan nama My Web Server.

 ACTIVITY 9 – 5

Gambar 5.1
Gambar 5.1 : Pada gambar ini akan disambungkan Server yang telah dibuat dengan Site 9EE.
Untuk menyambungkan dengan menklik Icon Connect to Remote Server di Files Panel. Lalu pilih
Icon Expand to show local remote sites. Kemudian akan muncul tampilan lalu pada tampilan klik
icon Put File Remote Server di toolbar untuk memproses penyambungan dengan Site.

 ACTIVITY 9 – 6

Gambar 6.1
Gambar 6.1 : Pada gambar ini disambungkan Server luar dengan Site 9EE. Untuk
menyambungkan dengan menklik Icon Connect to Remote Server di Files Panel. Lalu pilih Icon
Expand to show local remote sites. Kemudian akan muncul tampilan lalu pada tampilan klik
icon Get File Remote Server di toolbar untuk memproses penyambungan dengan Site.

 Kesimpulan
Dengan macromedia dreamweaver kita dapat membuat link website atau tampilan
homepage (website) dengan mudah,seperti apa yang sudah kita pelajari di atas.

Anda mungkin juga menyukai