Perancangan Halaman Website Perancangan Database Server

d. Target yang ingin dicapai dalam pembuatan situs ini adalah dapat memberikan kemudahan bagi para wisatawan yang akan berlibur ke danau toba dalam memperoleh informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya. Tahap selanjutnya adalah tahap pembuatan bagan atau sruktur dari situs tersebut. Struktur website tersebut menampilkan struktur hirarki dan isi halaman per halaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi dari setiap halaman situs dan navigasi antar halaman.

4.2 Perancangan Halaman Website

4.2.1 Halaman Beranda

Halaman ini merupakan halaman utama dari website. Halaman ini berisikan beberapa informasi tentang lokasi atau tempat-tempat wisata yang akan di kunjungin oleh para wisatawan yang akan berlibur ke objek wisata alam Danau Toba.

4.2.2 Halaman Info

Halaman ini berisikan informasi sekilas tentang kegiatan yang rutin di laksanakan di objek wisata alam Danau Toba , yaitu pesta Danau Toba yang bisa di katakan dengan hari ulang tahun Danau Toba. Universitas Sumatera Utara

4.2.3 Halaman Kontak

Halaman ini berisikan data pribadi pembuat website.

4.2.4 Halaman Objek Wisata

Halaman ini berisikan informasi daerah pariwisata yang ada di Danau Toba.

4.2.5 Halaman Galery

Merupakan halaman yang hanya menampilkan gambar pemandangan objek wisata alam Danau Toba. Universitas Sumatera Utara

4.3 Perancangan Database Server

Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data tersebut akan diproses oleh program yang kita buat pada tahap pemograman baik menambah, mengubah, penghapusan, dan menampilkan database itu sendiri. Database terdiri dari tabel-tabel yang dibuat menggunakan program MySQL. Database yang dirancang penulis adalah database pariwisata alam Danau Toba terdiri dari 5lima colom sebagai berikut :

1. Database beranda

html head titlePariwisata Samosirtitle link rel=stylesheet type=textcss href=style.css link rel=stylesheet href=flexslider.css link rel=stylesheet href=jqueryshadowboxshadowbox.css script src=jqueryshadowboxshadowbox.jsscript script src=jqueryjqueryflexider.min.jsscript Universitas Sumatera Utara script src=jqueryjquery.flexslider.jsscript script type=textjavascript charsetutf-8 window.loadfunction { .flexslider.flexslider{ animation: slide }; Shadowbox.init; }; script head body div class=wrapper div class=header ul lia href=index.phpBerandaali lia href=Infoa ul lia href=agenda.phpAgendaali Universitas Sumatera Utara ul li lia href=Obyek Wisataa ul lia target=_blankAmbaritaali lia target=_blankPangururanali lia target=_blankSigale-galeali lia target=_blankSipiso-pisoali lia target=_blankTomokali href=ambarita.php href=pangururan.php href=sigale.php href=sipiso.php href=tomok.php lia href=tuk.php target=_blankTuk- Tukali ul li lia href=Galerya ul Universitas Sumatera Utara lia href=foto.phpFotoali lia href=video.phpVideoali ul li lia href=kontak.phpKontakali ul div div class=gambar div class=flexslider ul class=slides lia href=imagesdono toba.jpg rel=shadowbox[1] title=Keindahan Danau Toba dari Atas Bukit img height=300 src=imagesdono toba.jpgali lia href=imagestuktuk.jpg rel=shadowbox[1] title=Pemandangan Cottages di Tuktuk img height=300 src=imagestuktuk.jpgali lia href=imagestomok5.jpg rel=shadowbox[1] title=Pasar Tomok img height=300 src=imagestomok5.jpgali Universitas Sumatera Utara lia href=imagesgale.jpg rel=shadowbox[1] title=Boneka Sigale-gale img height=300 src=imagesgale.jpgali lia href=imagesambarita2.jpg rel=shadowbox[1] title=Kampung Ambarita img height=300 src=imagesambarita2.jpgali lia href=imagesparbaba.jpg rel=shadowbox[1] title=Pantai Pasir Putih Parbaba img height=300 src=imagesparbaba.jpgali lia href=imagessipiso.jpg rel=shadowbox[1] title=Air Terjun Sipiso-piso img height=300 src=imagessipiso.jpgali lia href=imagesdanau-toba1.jpg rel=shadowbox[1] title=Keindahan Danau Toba dari Tongging img height=300 src=imagesdanau-toba1.jpgali lia href=imageslandscape.jpg rel=shadowbox[1] title=Pemandangan Danau Toba saat Sunsheet img height=300 src=imageslandscape.jpgali ul div div Universitas Sumatera Utara div class=tengah div class=menutengah p id=isitengah brSebelum Anda memutuskan berwisata ke Danau Toba, sebaiknya Anda harus mengetahui informasi tentang lokasi atau tempat-tempat wisata yang sangat layak Anda kunjungi, Objek Wisata Kawasan Danau Toba memang lumayan banyak, seperti Air terjun Sipiso-piso, Tomok, Tuktuk, Parapat, maupun dari pinggiran Danau toba lainnya. Danau Toba di kelilingi oleh 8 Kabupaten, bisa Anda bayangkan betapa luasnya Danau Toba, setiap kabupaten tersebut mengandalkan Danau Toba sebagai tempat wisata andalan. Kabupaten-kabupaten tersebut menawarkan pesona yang berbeda-beda walau dalamannya tetap sama, yaitu Pesona Danau Toba.br a name=moreabr Universitas Sumatera Utara Keindahan Danau Toba tak akan pernah habis diperbincangkan orang. Dipandang dari sudut mana pun baik dari Parapat, Tongging, maupun dari Pulau Samosir danau ini sama indahnya. Kali ini saya akan mengajak Anda menyusuri Danau Toba dari dalam.br p div div class=menutengah1 div id=judul p id=isia href=ambarita.php target=_blankAmbaritaap div div id=gambar img height=100src=imagesambarita3.jpg div div div class=menutengah1 width=100 Universitas Sumatera Utara div id=judul p id=isia href=pangururan.php target=_blankPangururanap div div id=gambar img height=100src=imagespangururan.jpg div div div class=menutengah1 div id=judul width=100 p id=isia href=sigale.php target=_blankSigale-galeap div div id=gambar img height=100src=imagesgale.jpg div div width=100 Universitas Sumatera Utara div class=menutengah1 div id=judul p id=isia href=sipiso.php target=_blankSipiso-pisoap div div id=gambar img height=100src=imagessipiso.jpg div div div class=menutengah1 div id=judul width=100 p id=isia href=tomok.php target=_blankTomokap div div id=gambar img height=100src=imagestomok3.jpg div width=100 Universitas Sumatera Utara div div class=menutengah1 div id=judul p id=isia href=tuk.php target=_blankTuk-Tukap div div id=gambar img height=100src=imagestuktuk.jpg div div div div class=kanan ul class=info liInformasiali ul ul class=menukanan lia target=_blankKulinerali width=100 href=kuliner.php Universitas Sumatera Utara lia target=_blankHotelali lia href=hotel.php href=transport.php target=_blankTransportasiali ul div div class=footer p id=isifCopright by Eighto M.P. Siregar || a href=facebook.comFacebooka href=twitter.comTwitterap div div class=cleardiv div body html

2. Database Agenda

html head || a Universitas Sumatera Utara titlePariwisata Samosirtitle link rel=stylesheet type=textcss href=style2.css link rel=stylesheet href=flexslider.css link rel=stylesheet href=jqueryshadowboxshadowbox.css script src=jqueryshadowboxshadowbox.jsscript script src=jqueryjqueryflexider.min.jsscript script src=jqueryjquery.flexslider.jsscript script type=textjavascript charsetutf-8 window.loadfunction { .flexslider.flexslider{ animation: slide }; Shadowbox.init; }; script head body div class=wrapper Universitas Sumatera Utara div class=header ul lia href=index.php target=_blankBerandaali lia href=Infoa ul lia target=_blankAgendaali ul li lia href=Obyek Wisataa ul lia target=_blankAmbaritaali lia target=_blankPangururanali lia target=_blankSigale-galeali lia target=_blankSipiso-pisoali href=agenda.php href=ambarita.php href=pangururan.php href=sigale.php href=sipiso.php Universitas Sumatera Utara lia target=_blankTomokali href=tomok.php lia href=tuk.php target=_blankTuk- Tukali ul li lia href=Galerya ul lia href=foto.php target=_blankFotoali ul li lia href=kontak.php target=_blankKontakali ul div div class=gambar div class=flexslider ul class=slides Universitas Sumatera Utara lia href=imagesdono toba.jpg rel=shadowbox[1] title=Keindahan Danau Toba dari Atas Bukit img height=300 src=imagesdono toba.jpgali lia href=imagestuktuk.jpg rel=shadowbox[1] title=Pemandangan Cottages di Tuktuk img height=300 src=imagestuktuk.jpgali lia href=imagestomok5.jpg rel=shadowbox[1] title=Pasar Tomok img height=300 src=imagestomok5.jpgali lia href=imagesgale.jpg rel=shadowbox[1] title=Boneka Sigale-gale img height=300 src=imagesgale.jpgali lia href=imagesambarita2.jpg rel=shadowbox[1] title=Kampung Ambarita img height=300 src=imagesambarita2.jpgali lia href=imagesparbaba.jpg rel=shadowbox[1] title=Pantai Pasir Putih Parbaba img height=300 src=imagesparbaba.jpgali lia href=imagessipiso.jpg rel=shadowbox[1] title=Air Terjun Sipiso-piso img height=300 src=imagessipiso.jpgali Universitas Sumatera Utara lia href=imagesdanau-toba1.jpg rel=shadowbox[1] title=Keindahan Danau Toba dari Tongging img height=300 src=imagesdanau-toba1.jpgali lia href=imageslandscape.jpg rel=shadowbox[1] title=Pemandangan Danau Toba saat Sunsheet img height=300 src=imageslandscape.jpgali ul div div div class=tengah div class=menutengah div id=tema p id=isitemaPesta Danau Tobap div p id=isitengah ?php host=localhost; user=root; Universitas Sumatera Utara pass=; db=pariwisata; koneksi=mysql_connecthost,user,pass; mysql_select_dbdb; query=select from artikel where id_artikel=AG1; record=mysql_queryquery; a=mysql_fetch_arrayrecord; echo a[isi]; ? p div div class=menutengah1 div class=foto div id=gambar img height=100src=imagespesta2.jpg div width=100 Universitas Sumatera Utara div div class=isi div id=judul p id=isidalam ?php host=localhost; user=root; pass=; db=pariwisata; koneksi=mysql_connecthost,user,pass; mysql_select_dbdb; query=select from artikel where id_artikel=AG2; record=mysql_queryquery; a=mysql_fetch_arrayrecord; echo a[isi]; ? Universitas Sumatera Utara p div div div div class=menutengah1 div class=foto1 div id=gambar img height=100src=imagespesta3.jpg div div div class=isi1 div id=judul1 p id=isidalam1 ?php host=localhost; user=root; pass=; db=pariwisata; width=100 Universitas Sumatera Utara koneksi=mysql_connecthost,user,pass; mysql_select_dbdb; query=select from artikel where id_artikel=AG3; record=mysql_queryquery; a=mysql_fetch_arrayrecord; echo a[isi]; ? p div div div div class=menutengah1 div class=foto div id=gambar img height=100src=imagespesta5.jpg width=100 Universitas Sumatera Utara div div div class=isi div id=judul p id=isidalam ?php host=localhost; user=root; pass=; db=pariwisata; koneksi=mysql_connecthost,user,pass; mysql_select_dbdb; query=select from artikel where id_artikel=AG4; record=mysql_queryquery; a=mysql_fetch_arrayrecord; echo a[isi]; Universitas Sumatera Utara ? p div div div div class=komentar div id=comment td colspan=3h3Tinggalkan Komentar Anda : h3td form name=submitcomment method=post action=submitcommentkl.php Nama:brinput placeholder=Nama type=textbr name=nama size=35 Email :brinput name=email size=35 placeholder=E-Mail type=textbr Website :brinput name=website size=35 placeholder=Website type=textbr Komentar :brtextarea name=komentar rows=6 cols=50textareabr input name=art_id value=1 type=hidden Universitas Sumatera Utara type=hiddenbr input input name=art_url name=tombol value=kuliner.php value=Kirim type=submitformdiv div id=publishcomment ?php includepubliscomment.php; getcomment1; ?div div div div class=kanan ul class=info liInformasiali ul ul class=menukanan lia target=_blankKulinerali lia target=_blankHotelali href=kuliner.php href=hotel.php Universitas Sumatera Utara lia href=transport.php target=_blankTransportasiali ul div div class=footer p id=isifCopright by Eighto M.P. Siregar || a href=facebook.comFacebooka || a href=twitter.comTwitterap div div class=cleardiv div body html

3. Database Objek Wisata

html head titlePariwisata Samosirtitle link rel=stylesheet type=textcss href=style1.css Universitas Sumatera Utara link rel=stylesheet href=flexslider.css link rel=stylesheet href=jqueryshadowboxshadowbox.css script src=jqueryshadowboxshadowbox.jsscript script src=jqueryjqueryflexider.min.jsscript script src=jqueryjquery.flexslider.jsscript script type=textjavascript charsetutf-8 window.loadfunction { .flexslider.flexslider{ animation: slide }; Shadowbox.init; }; script head body div class=wrapper div class=header ul Universitas Sumatera Utara lia href=index.php target=_blankBerandaali lia href=Infoa ul lia target=_blankAgendaali ul li lia href=Obyek Wisataa ul lia target=_blankAmbaritaali lia target=_blankSigale-galeali lia target=_blankSipiso-pisoali lia target=_blankTomokali href=agenda.php href=ambarita.php href=sigale.php href=sipiso.php href=tomok.php Tukali ul lia href=tuk.php target=_blankTuk- Universitas Sumatera Utara li lia href=Galerya ul lia href=foto.php target=_blankFotoali ul li lia href=kontak.php target=_blankKontakali ul div div class=gambar div class=flexslider ul class=slides lia href=imagespangururan1.jpg rel=shadowbox[1] title=Salah Satu Penginapan di Desa Pangururan img height=300 src=imagespangururan1.jpgali lia href=imagesparbaba.jpg rel=shadowbox[1] title=Pantai Pasir Putih Parbaba di Pangururan img height=300 src=imagesparbaba.jpgali Universitas Sumatera Utara lia href=imagesparbaba1.jpg rel=shadowbox[1] title=Sunrise di Pantai Parbaba img height=300 src=imagesparbaba1.jpgali lia href=imagesparbaba2.jpg rel=shadowbox[1] title=Keindahan Pantai Parbaba img height=300 src=imagesparbaba2.jpgali div div div class=tengah div class=menutengah div id=tema p id=isitema Panorama Pangururan p div p id=isitengah brPangururan adalah sebuah kecamatan di Kabupaten Samosir, Sumatera Utara, Indonesia. Pangururan adalah juga merupakan ibu kota Kabupaten Samosir, Sumatera Utara. Universitas Sumatera Utara Pangururan terdiri dari beberapa desa seperti Parbaba, Sialanguan, Sinabulan, Lumbansuhi dan lain sebagainya. Desa Lumbansuhi memiliki suasana alam yang indah dan cukup banyak disinggahi oleh wisatawan asing.br a name=moreabr Parbaba adalah sebuah desa yang merupakan bagian dari Kecamatan Pangururan, Samosir. Parbaba memiliki tempat wisata yang menjadi andalannya, yaitu Pantai Pair Putih Parbaba. Pasir Putih Parbaba sebuah pantai di tepian Pulau Samosir yang konon pasirnya bersih dan pemandangannya yang indah membuat wisatawan jadi tertarik ingin membuktikannya sendiri. Pantai Pasir Putih Parbaba dapat ditempuh dari Parapat menuju Tomok dengan menaiki boat penyeberangan yang tarifnya hanya lima ribu rupiah per orang. Ini tentu cukup murah, apalagi bagi wisatawan yang membawa sepeda motor yang tarifnya sama dengan penumpang biasa. br a name=moreabr Setelah dari tempat perhentian kapal menuju Parbaba dapat ditempuh naik angkutan umum yang tarifnya sejumlah dua belas ribu rupiah. Universitas Sumatera Utara Dan bisa di bilang masalah angkutan di sini tidak susah untuk menuju ke Parbaba karena pastinya dilewati oleh angkutan umum yang menuju Pangururan yang merupakan pusat administrasi Kabupaten Samosir. Dengan jalannya yang mulus hanya ada beberapa ruas yang tidak terlalu rusak waktu tempuhnya kira-kira satu jam. br a name=moreabr Sebagai pusat keramaian di Samosir, Pangururan terletak dekat dengan beberapa kantor pemerintahan kabupaten disana. Penjual ikan segar seperti ikan nila, yang sangat menyegarkan mata karena ikannya besar-besar dan berwarna kuning keemasan ada juga penjual sayur mayur dan buah yang segar. Belum lagi ada penjual daging babi dan ayam. Semuanya terlihat benar-benar segar. Jadi Anda sangat disarankan untuk menyinggahi Pangururan jika berlibur ke Samosir. br p div div class=komentar div id=comment Anda : h3td td colspan=3h3Tinggalkan Komentar Universitas Sumatera Utara form name=submitcomment method=post action=submitcommentdp.php Nama:brinput placeholder=Nama type=textbr name=nama size=35 Email :brinput name=email size=35 placeholder=E-Mail type=textbr Website :brinput name=website size=35 placeholder=Website type=textbr Komentar :brtextarea name=komentar rows=6 cols=50textareabr input name=art_id value=1 type=hidden input name=art_url value=pangururan.php type=hiddenbr input name=tombol value=Kirim type=submitformdiv div id=publishcomment getcomment1; ?div div div ?php includepubliscomment.php; Universitas Sumatera Utara div class=kanan ul class=info liInformasiali ul ul class=menukanan lia target=_blankKulinerali lia target=_blankHotelali lia href=kuliner.php href=hotel.php href=transport.php target=_blankTransportasiali ul div div class=footer p id=isifCopright by Eighto M.P. Siregar || a href=facebook.comFacebooka href=twitter.comTwitterap div div class=cleardiv div || a Universitas Sumatera Utara body html

4. Database Galery html

head titlePariwisata Samosirtitle link rel=stylesheet type=textcss href=style4.css link rel=stylesheet href=flexsliderft.css link rel=stylesheet href=jqueryshadowboxshadowbox.css script src=jqueryshadowboxshadowbox.jsscript script src=jqueryjqueryflexider.min.jsscript script src=jqueryjquery.flexslider.jsscript script type=textjavascript charsetutf-8 window.loadfunction { .flexslider.flexslider{ animation: slide }; Universitas Sumatera Utara Shadowbox.init; }; script head body div class=wrapper div class=header ul lia href=index.php target=_blankBerandaali lia href=Infoa ul lia target=_blankAgendaali ul li lia href=Obyek Wisataa ul lia target=_blankPangururanali href=agenda.php href=pangururan.php Universitas Sumatera Utara lia href=sigale.php target=_blankSigale- galeali lia href=sipiso.php target=_blankSipiso- pisoali lia target=_blankTomokali href=tomok.php lia href=tuk.php target=_blankTuk- Tukali ul li lia href=Galerya ul lia href=foto.php target=_blankFotoali ul li lia href=kontak.php target=_blankKontakali ul div div class=judul Universitas Sumatera Utara div id=tema p id=isitema h1Galery Foto Danau Toba Samosir- Sumatera Utarah1p div div div class=tengah div class=flexslider ul class=slides lia href=imagesdono toba.jpg rel=shadowbox[1] title=Keindahan Danau Toba dari Atas Bukit img height=300 src=imagesdono toba.jpgali lia href=imagestuktuk.jpg rel=shadowbox[1] title=Pemandangan Cottages di Tuktuk img height=300 src=imagestuktuk.jpgali lia href=imagestomok5.jpg rel=shadowbox[1] title=Pasar Tomok img height=300 src=imagestomok5.jpgali lia href=imagesgale.jpg rel=shadowbox[1] title=Boneka Sigale-gale img height=300 src=imagesgale.jpgali Universitas Sumatera Utara lia href=imagesambarita2.jpg rel=shadowbox[1] title=Kampung Ambarita img height=300 src=imagesambarita2.jpgali lia href=imagesparbaba.jpg rel=shadowbox[1] title=Pantai Pasir Putih Parbaba img height=300 src=imagesparbaba.jpgali lia href=imagessipiso.jpg rel=shadowbox[1] title=Air Terjun Sipiso-piso img height=300 src=imagessipiso.jpgali lia href=imagesdanau-toba1.jpg rel=shadowbox[1] title=Keindahan Danau Toba dari Tongging img height=300 src=imagesdanau-toba1.jpgali lia href=imageslandscape.jpg rel=shadowbox[1] title=Pemandangan Danau Toba saat Sunsheet img height=300 src=imageslandscape.jpgali lia href=imagesambarita2.jpg rel=shadowbox[1] title=Cluster Kursi Dewan img height=300 src=imagesambarita2.jpgali lia href=imagesambarita3.jpg rel=shadowbox[1] title=Rumah Adat yang Bejejer Rapi di Ambarita img height=300 src=imagesambarita3.jpgali Universitas Sumatera Utara lia href=imagesambarita4.jpg rel=shadowbox[1] title=Makam Kepala Suku di Ambarita img height=300 src=imagesambarita4.jpgali lia href=imagesambarita5.jpg rel=shadowbox[1] title=Ikon Desa Ambarita img height=300 src=imagesambarita5.jpgali lia href=imagesambarita6.jpg rel=shadowbox[1] title=Rumah Adat Ambarita img height=300 src=imagesambarita6.jpgali lia href=imagespangururan1.jpg rel=shadowbox[1] title=Salah Satu Penginapan di Desa Pangururan img height=300 src=imagespangururan1.jpgali lia href=imagesparbaba.jpg rel=shadowbox[1] title=Pantai Pasir Putih Parbaba di Pangururan img height=300 src=imagesparbaba.jpgali lia href=imagesparbaba1.jpg rel=shadowbox[1] title=Sunrise di Pantai Parbaba img height=300 src=imagesparbaba1.jpgali lia href=imagesparbaba2.jpg rel=shadowbox[1] title=Keindahan Pantai Parbaba img height=300 src=imagesparbaba2.jpgali Universitas Sumatera Utara lia href=imagestomok.jpg rel=shadowbox[1] title=Pasar di Tomok img height=300 src=imagestomok.jpgali lia href=imagestomok3.jpg rel=shadowbox[1] title=Suasana di Desa Tomok img height=300 src=imagestomok3.jpgali lia href=imagestomok4.jpg rel=shadowbox[1] title=Rumah Warga di Tomok img height=300 src=imagestomok4.jpgali lia href=imagestomok6.jpg rel=shadowbox[1] title=Gereja HKBP Tomok img height=300 src=imagestomok6.jpgali lia href=imagestomok7.jpg rel=shadowbox[1] title=Kuburan Ketua Adat di Tomok img height=300 src=imagestomok7.jpgali ul div div div class=kanan ul class=info Universitas Sumatera Utara liInformasiali ul ul class=menukanan lia href=kuliner.phpKulinerali lia href=hotel.phpHotelali lia href=transport.phpTransportasiali ul div div class=komentar div id=comment td colspan=3h3Tinggalkan Komentar Anda : h3td form name=submitcomment method=post action=submitcommentda.php Nama:brinput placeholder=Nama type=textbr name=nama size=35 Email :brinput name=email size=35 placeholder=E-Mail type=textbr Universitas Sumatera Utara Website :brinput name=website size=35 placeholder=Website type=textbr Komentar :brtextarea name=komentar rows=6 cols=50textareabr input name=art_id value=1 type=hidden type=hiddenbr input name=art_url value=ambarita.php input name=tombol value=Kirim type=submitformdiv div id=publishcomment ?php includepubliscomment.php; getcomment1; ?div div div class=footer p id=isifCopright by Eighto M.P. Siregar || a href=facebook.comFacebooka href=twitter.comTwitterap div || a Universitas Sumatera Utara div class=cleardiv div body html 5.Halaman Kontak html head titlePariwisata Samosirtitle link rel=stylesheet type=textcss href=style5.css link rel=stylesheet href=flexsliderft.css link rel=stylesheet href=jqueryshadowboxshadowbox.css script src=jqueryshadowboxshadowbox.jsscript script src=jqueryjqueryflexider.min.jsscript script src=jqueryjquery.flexslider.jsscript script type=textjavascript charsetutf-8 window.loadfunction { .flexslider.flexslider{ Universitas Sumatera Utara animation: slide }; Shadowbox.init; }; script head body div class=wrapper div class=header ul lia href=index.php target=_blankBerandaali lia href=Infoa ul lia target=_blankAgendaali ul li lia href=Obyek Wisataa ul href=agenda.php Universitas Sumatera Utara lia target=_blankPangururanali lia target=_blankSigale-galeali lia target=_blankSipiso-pisoali lia target=_blankTomokali href=pangururan.php href=sigale.php href=sipiso.php href=tomok.php lia href=tuk.php target=_blankTuk- Tukali ul li lia href=Galerya ul lia href=foto.php target=_blankFotoali ul li lia href= target=_blankKontakali ul Universitas Sumatera Utara div div id=isitema aKontaka div div class=tengah div class=foto div id=gambar img height=100src=imageseighto.jpg div div div class=biodata ul id=contact width=100 liNama liTanggal Lahir liTempat Lahir liPendidikan : Eighto M.P. Siregarlibr : 18 Maret 1992libr : Samosirlibr : D-III Teknik Informatika Mipa, Univ. Sumatera Utaralibr Universitas Sumatera Utara liAlamat : Jl. Dr. Mansur Komplek USUlibr liPhone Number liEmail liFacebook liTwitter : 083197613646libr : eigtoyahoo.comlibr : facebook.comeightolibr : eightolibr ul div div div class=kanan ul class=info liInformasiali ul ul class=menukanan lia href=kuliner.phpKulinerali lia href=hotel.phpHotelali lia href=transport.phpTransportasiali ul Universitas Sumatera Utara div div class=footer p id=isifCopright by Eighto M.P. Siregar || a href=facebook.comFacebooka || a href=twitter.comTwitterap div div class=cleardiv div body html

4.4 Design Website