LAPORAN PRAKTIKUM PENGENALAN WEB Modul 5

11
                LAPORAN PRAKTIKUM
PENGENALAN WEB
Modul 5

Membuat Frame




Disusun Oleh :

HERI PURNAMA
125410101
TI 03


UPT LABORATORIUM
Sekolah Tinggi Manajemen Informatika dan Komputer
AKAKOM
Yogyakarta
2014



Membuat Frame

1).PEMBAHASAN
A.LISTING

·         Untuk Frame pertama

  frame 1



  

Header




Ø  Diatas adalah sebuah halaman Web yang mana dengan judul halaman Web Yakni “frame 1”  ini terlihat karena
Judul itu terletak diantara tag yakni yang mana tag ini digunakan untuk membuat judul pada halaman web <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">Tag ini terletak diantara tag yakni tag <head> yang mana tag ini digunakan untuk membuat kepala dari suatu <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">halaman web.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt; text-indent: -18pt;"> <!--[if !supportLists]Ø  Halaman Web ini akan berlatar belakang yakni “kuning” dikarenakan pada tag Body digunakan atribut yakni
Bgcolor yang mana atribut ini fungsinya adalah untuk membuat latar belakang halaman Web berwarna yakni
Berwarna kuning ini dapat dilihat dari kode warna yakni “#ffcc00”
Ø  Pada halaman Web ini juga diletakkan satu judul yakni “Header” dengan menggunakan tag yakni

atau

heading 1 yang mana h1 digunakan untuk membuat judul dengan ukuran paling besar.
·      Untuk Frame kedua
 
  frame 2 -->



   



Ø  Diatas adalah sebuah halaman Web yang mana dengan judul halaman Web Yakni “frame 2”  ini terlihat karena
Judul itu terletak diantara tag yakni yang mana tag ini digunakan untuk membuat judul pada halaman web <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">Tag ini terletak diantara tag yakni tag <head> yang mana tag ini digunakan untuk membuat kepala dari suatu <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">halaman web.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt; text-indent: -18pt;"> <!--[if !supportLists]Ø  Halaman Web ini akan menampilkan suatu gambar yakni gambar dengan nama gambar “4223linux.jpg” dengan
Ukuran lebar 1024 panjang 768 dengan border 0.Gambar diletakkan pada tag yakni tag ini fungsinya adalah untuk menysisipkan gambar kesebuah halaman Web yang mana gambar yang disisipkan bisa diatur ukurannya baik lebar ataupun tinginya.
·      Untuk Frame ketiga yang digunakan untuk Membuatlink ke halaman lain
 
              link1
              link2
             link3
             link4
 
 
Ø  Diatas adalah sebuah halaman Web yang mana digunakan untuk membuat Link kehalaman Web lain.Pada
Halaman Web ini tersedia empat link yang digunakan untuk menuju kehalaman Web lain ini terlihat dengan
adanya Tag yakni tag ... yang fungsinya untuk membuat Link kehalaman Web lain yang mana
masing-masing Link dinamai untuk :
1.       Link1 adalah nama untuk halaman Web yakni Link1.html
2.       Link2 adalah nama untuk halaman Web yakni Link2.html
3.       Link3 adalah nama untuk halaman Web yakni Link3.html
4.       Link4 adalah nama untuk halaman Web yakni Link4.html
Ø  Pada halaman Web ini digunakan juga tag yakni tag
yang fungsinya untuk membuat ganti baris antar tag,
Atau bisa difungsikan sebagai tombol enter pada keyboard.
o   Isi dari halaman Web dengan nama halaman Link.1.html
 
  frame 1 -->



   

Link1




Ø  Diatas adalah sebuah halaman Web yang mana akan menampilkan halamanya saat kata “link1” pada halaman
Web untuk membuat Link dipilih.
Ø  Halaman Web dengan judul halaman Web Yakni “frame 1”  ini terlihat karena
Judul itu terletak diantara tag yakni yang mana tag ini digunakan untuk membuat judul pada halaman web <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">Tag ini terletak diantara tag yakni tag <head> yang mana tag ini digunakan untuk membuat kepala dari suatu <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">halaman web.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt; text-indent: -18pt;"> <!--[if !supportLists]Ø  Halaman Web ini akan berlatar belakang yakni “kuning” dikarenakan pada tag Body digunakan atribut yakni
Bgcolor yang mana atribut ini fungsinya adalah untuk membuat latar belakang halaman Web berwarna yakni
Berwarna kuning ini dapat dilihat dari kode warna yakni “#ffcc00”
Ø  Pada halaman Web ini juga diletakkan satu judul yakni “Header” dengan menggunakan tag yakni

atau

            heading 1 yang mana h1 digunakan untuk membuat judul dengan ukuran paling besar.
o   Isi dari halaman Web dengan nama halaman Link.2.html
 
  frame 2 -->



   



Ø  Diatas adalah sebuah halaman Web yang mana akan menampilkan halamanya saat kata “link2” pada halaman
Web untuk membuat Link dipilih.
Ø  Diatas adalah sebuah halaman Web yang mana dengan judul halaman Web Yakni “frame 2”  ini terlihat karena
Judul itu terletak diantara tag yakni yang mana tag ini digunakan untuk membuat judul pada halaman web <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">Tag ini terletak diantara tag yakni tag <head> yang mana tag ini digunakan untuk membuat kepala dari suatu <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">halaman web.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt; text-indent: -18pt;"> <!--[if !supportLists]Ø  Halaman Web ini akan menampilkan suatu gambar yakni gambar dengan nama gambar “4223linux.jpg” dengan
Ukuran lebar 1024 panjang 768 dengan border 0.Gambar diletakkan pada tag yakni tag ini fungsinya
adalah untuk menysisipkan gambar kesebuah halaman Web yang mana gambar yang disisipkan bisa diatur
ukurannya baik lebar ataupun tinginya.
o   Isi dari halaman Web dengan nama halaman Link.3.html
 
  frame 3 -->



   

Link3




Ø  Diatas adalah sebuah halaman Web yang mana akan menampilkan halamanya saat kata “link3” pada halaman
Web untuk membuat Link dipilih.
Ø  Halaman Web dengan judul halaman Web Yakni “frame 3”  ini terlihat karena
Judul itu terletak diantara tag yakni yang mana tag ini digunakan untuk membuat judul pada halaman web <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">Tag ini terletak diantara tag yakni tag <head> yang mana tag ini digunakan untuk membuat kepala dari suatu <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">halaman web.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt; text-indent: -18pt;"> <!--[if !supportLists]Ø  Halaman Web ini akan berlatar belakang yakni “kuning” dikarenakan pada tag Body digunakan atribut yakni
Bgcolor yang mana atribut ini fungsinya adalah untuk membuat latar belakang halaman Web berwarna yakni
Berwarna kuning ini dapat dilihat dari kode warna yakni “#ffcc00”
Ø  Pada halaman Web ini juga diletakkan satu judul yakni “Header” dengan menggunakan tag yakni

atau

            heading 1 yang mana h1 digunakan untuk membuat judul dengan ukuran paling besar
o   Isi dari halaman Web dengan nama halaman Link.4.html
 
  frame 4 -->



   

Link4




Ø  Diatas adalah sebuah halaman Web yang mana akan menampilkan halamanya saat kata “link4” pada halaman
Web untuk membuat Link dipilih.
Ø  Halaman Web dengan judul halaman Web Yakni “frame 4”  ini terlihat karena
Judul itu terletak diantara tag yakni yang mana tag ini digunakan untuk membuat judul pada halaman web <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">Tag ini terletak diantara tag yakni tag <head> yang mana tag ini digunakan untuk membuat kepala dari suatu <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">halaman web.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt; text-indent: -18pt;"> <!--[if !supportLists]Ø  Halaman Web ini akan berlatar belakang yakni “kuning” dikarenakan pada tag Body digunakan atribut yakni
Bgcolor yang mana atribut ini fungsinya adalah untuk membuat latar belakang halaman Web berwarna yakni
Berwarna kuning ini dapat dilihat dari kode warna yakni “#ffcc00”
Ø  Pada halaman Web ini juga diletakkan satu judul yakni “Header” dengan menggunakan tag yakni

atau

            heading 1 yang mana h1 digunakan untuk membuat judul dengan ukuran paling besar
Ø     Untuk Frame ke empat
 
  frame 2 -->



   

footer




Ø  Diatas adalah sebuah halaman Web yang mana dengan judul halaman Web Yakni “frame 2”  ini terlihat karena
Judul itu terletak diantara tag yakni yang mana tag ini digunakan untuk membuat judul pada halaman web <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">Tag ini terletak diantara tag yakni tag <head> yang mana tag ini digunakan untuk membuat kepala dari suatu <o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt;"> <span lang="IN">halaman web.<o:p></o:p></span></p> <p class="MsoListParagraphCxSpMiddle" align="left" style="margin-right: -49.4pt; text-indent: -18pt;"> <!--[if !supportLists]Ø  Halaman Web ini akan berlatar belakang yakni “kuning” dikarenakan pada tag Body digunakan atribut yakni
Bgcolor yang mana atribut ini fungsinya adalah untuk membuat latar belakang halaman Web berwarna yakni
Berwarna kuning ini dapat dilihat dari kode warna yakni “#ffcc00”
Ø  Pada halaman Web ini juga diletakkan satu judul yakni “footer” dengan menggunakan tag yakni

atau

heading 1 yang mana h1 digunakan untuk membuat judul dengan ukuran paling besar.
Ø  Untuk mendesain dan mengatur halaman Web yakni ke dalam bentuk Frame.
 
           
   
           
    
Ø  Diatas adalah sebuah halaman Web  yang mana digunakan untuk mengatur suatu Frame yang akan ditampilkan pada suatu halaman Web
Ø  Pada Frame yang pertama yakni diatur mengunakan pengaturan Frame yakni baris dibagi menjadi 3 baris dengan masing-masing ketentuan pada baris pertama mengambil 20% dari jendela browser , kedua menggambil 60% dari jendela browser dan yang ketiga menggambil 20% dari jendela browser. 
Ø  Frame adalah elemen konten dari frameset yang digunakan untuk menentukan behaviour  dari tiap Frame termasuk isi Frame itu sendiri.Pada Frame ini digunakan untuk memanggil halaman Web dari atau menampilkan halaman Web yakni “header.html”
 
Ø  Pada Frame yang kedua yakni diatur mengunakan pengaturan Frame yakni colom dibagi menjadi 2 kolom dengan masing-masing ketentuan pada kolom pertama mengambil 20% dari jendela browser dan yang kedua adalah sisanya dari jendela browser.
Ø  Pada Frame yang kedua akan ada dua halaman Web yakni halaman untuk linkframe.html dan halaman untuk link2.html.Pada halaman Web Linkframe.html akan menampilkan Link-link menuju kehalaman Web lain yang mana menuju halaman Web yang telah ditentukan pada halaman Web ini.Sedangkan Frame yang satu akan menampilkan halaman Web link2.html yang mana pada halaman Web ini sudah disisipkan gambar dan akan ditampilkan saat Frame ini dijalanakan.
Ø  Frame yang terakhir adalah Frame yang akan tampil pada jendela browser paling bawah yakni menampilkan halaman Web yakni footer.html yang mana pada halaman Web ini akan ada tulisan footer pada bagian bodynya.Dana akan ditampilkan saat Frame ini dijalankan.
 
RUNNING
 
   Halaman utama
 
  Tampilan Saat link1 dipilih                                     Tampilan Saat link2 dipilih
 
 
Tampilan Saat link3 dipilih                                     Tampilan Saat link4 dipilih
 
 
 
2). A.PEMBAHASAN TUGAS

 

Ø  Diatas adalah kumpulan deskripsi dari halaman Web ini itu dikarenakan dia ditulis dalam format komentar itu terlihat adanya tag untuk komentar yakni tag .

 
<html class="no-js" lang="en">
           
                       
                       
                        pariwisata Kota Yogyakarta-->
                       
                       
                       
                       
                       
                       
                       
                       
           


Ø  Atribut rel adalah informasi hubungan (relationship) dari tag link tersebut, yaitu sebagai
stylesheet. Href  diisi  dengan  lokasi  file  CSS  yang  ingin  dimuat.  Pemanggilannya  sama
            dengan pemanggilan gambar atau link.


           
                       
                       
                                   
                                                Pariwisata Kota Yogyakarta
                                   

                                   
                                               
                                                            Pariwisata Kota Yogyakarta
                                               

                                   
                                   
                       

                       

Ø  Dalam  HTML,  kita  dapat membagi  bagian-bagian  tersebut  dengan menggunakan  tag
(division/bagian) dan untuk menamai setiap div kita gunakan atribut id atau class5.
Dalam tag diatas terlihat bahwa ini adalah bagian dari “Codrops top bar” atau bagian kepala bar.

           
             
                       

Beranda

                                     Selamat Datang Diwebsite Resmi Pariwisata Kota Yogyakarta :
                                   
                                   
  •                                    

                           

                           

    Ø  Bagian-bagian  tersebut menggunakan  tag
    (division/bagian) dan untuk menamai setiap div kita gunakan atribut id atau class5.
    Dalam tag diatas terlihat bahwa ini adalah bagian dari “Beranda” dengan id “beranda” dan class “content”.Yang mana pada bagian ini disertakan suatu gambar dan gambar tersebut telah ditentukan ukuranya sendiri.

                           
                           
                                       
                                                   

    Profil Kota

                                        Nama Resmi            : Provinsi Daerah Istimewa Yogyakarta
                   Ibukota               : Yogyakarta
                   Luas Wilayah          : 3.133,15  Km² *)
                   Jumlah Penduduk          : 3.876.391 Jiwa *)
                   Suku Bangsa                  : Jawa, Sunda Parahiyangan, Melayu, Cina, Batak (Tapanuli),  Minang Kabau, Bali, Madura, dan Lain-lain.
                   Agama                                       : Islam : 3.084.990 Jiwa, 
                                           Kristen Protestan : 92.097 Jiwa,
                                                                                                                   Kristen Katholik  : 162.806 Jiwa,
                                                                                                                   Budha : 5.387 Jiwa,
                                                                                                                   Hindu : 5.798 Jiwa.
                                           Wilayah Administrasi  : Kab. : 4,
                                           Kota: 1,
                                           Kec.: 78,
                                           Kel.: 46,
                                           Desa : 392
                                         Lagu Daerah                    : Pitik Tukung,Sinom
                                         Sumber                                            : Permendagri Nomor 66 Tahun 2011

                                       

                           

                           

    Ø  Bagian-bagian  tersebut menggunakan  tag
    (division/bagian) dan untuk menamai setiap div kita gunakan atribut id atau class5.
    Dalam tag diatas terlihat bahwa ini adalah bagian dari “Profil” dengan id “profil” dan class “content”.Yang mana pada bagian ini hanya disertakan tulisan dengan format text saja.


                           
                           
                                       
                                                   

    Tempat Pariwisata

                                                    Tempat Pariwisata Kota Yogyakarta Diantaranya adalah :
                                                   
                                                       1.Taman Sari
                                                      
                                                                           
  •                                                                        

  •                                                                         Tentang Taman Sari

                                                                            Dalam sejarah kerajaan jawa terutama di sekitar propinsi Yogyakarta (jogja) tak bisa dilepaskan dari yang bernama kerajaan mataram islam, yang saat ini lebih dikenal dengan keraton Yogyakarta dan Keraton Surakarta. Nah, bercerita tentang jogja maka tak bisa dipisahkan dari keberadaan penciptaan arsitektur yang sangat bagus di sekitar keraton Jogja, selain bangunan Keraton sendiri juga ada bangunan yang menarik, masyarakat biasa menyebutnya dengan Tamansari.Tamansari merupakan sebuah komplek sistematis yang lebih banyak menonjolkan artistik pada bagian kolam dan air. Hal yang sama ketika Petualang berjalan di sekitar Sumur Gemuling (Gumuling) dimana nilai artistik pada bagunan tersebut lebih banyak menunjukan sisi kesejukan air.Tamansari kemudian banyak disebut sebagai Istana Air (water castle) yang karena nilai arsitektur dan keunikan pada lekukan bangunan dan air yang terisi dikolam kolam. Dalan sejarahnya yang disampaikan oleh beberapa orang yang menjadi guide Istana Air Tamansari menyebutkan bahwa Taman ini dipergunakan oleh Raja Mataram (Jogja) untuk melakukan mandi pada bulan-bulan tertentu. Ada sedikit kemistikan yang terjadi di sekitar area kolam kala itu. Ketika Raja hendak masuk ke Istana Air Tamansari maka disambut dengan musik gamelan yang dilagukan dari bangunan-bangunan kecil di kanan dan kiri yang ada di depan Istana Air Tamansari. Lalu ada upacara tertentu untuk menyambut Raja dan orang-orang yang hendak masuk ke Istana Air Tamansari.
                   
                                                     

                       2.Candi Prambanan
                                                      
                                                                           
  •                                                                        

  •                                                                         Sekilas Tentang candi Prambanan

                                                                            Rara Jonggrang atau Lara Jonggrang yang terletak di Prambanan adalah kompleks candi Hindu terbesar di Indonesia. Candi ini terletak di propinsi Jawa Tengah, di pulau Jawa, kurang lebih 20 km timur Yogyakarta, 40 km barat Surakarta dan 120 km selatan Semarang, persis di perbatasan antara provinsi Jawa Tengah dan Daerah Istimewa Yogyakarta. Candi Rara Jonggrang terletak di desa Prambanan yang wilayahnya dibagi antara kabupaten Sleman dan Klaten.Pembangunan candi ini pada sekitar tahun 850 Masehi. Belum jelas siapa pendirinya, namun salah seorang dari kedua orang ini, yakni: Rakai Pikatan, raja kedua wangsa Mataram I atau Balitung Maha Sambu, semasa wangsa Sanjaya. Tidak lama setelah dibangun, candi ini ditinggalkan dan mulai rusak.Renovasi candi ini dimulai pada tahun 1918, dan sampai sekarang belum selesai. Bangunan utama baru diselesaikan pada tahun 1953. Banyak bagian candi yang direnovasi, menggunakan batu baru, karena batu-batu asli banyak yang dicuri atau dipakai ulang di tempat lain. Sebuah candi hanya akan direnovasi apabila minimal 75% batu asli masih ada. Oleh karena itu, banyak candi-candi kecil yang tak dibangun ulang dan hanya tampak fondasinya saja. Sekarang, candi ini adalah sebuah situs yang dilindungi oleh UNESCO mulai tahun 1991. Antara lain hal ini berarti bahwa kompleks ini terlindung dan memiliki status istimewa, misalkan juga dalam situasi peperangan.
                 
                                                     

                                                       3.Pantai Indrayanti
                                                      
                                                                           
  •                                                                        

  •                                                                         Sekilas Tentang candi Prambanan

                                                                            Pantai Indrayanti merupakan salah satu pantai yang berada di Kabupaten Gunung Kidul Daerah Istimewa Yogyakarta. Pantai yang terletak di Desa Tepus ini bersebelahan dengan Pantai Sundak. Pasir Putih membentang dari timur ke barat di Pantai Indrayanti. Selain pasir putih, para wisatawan sangat dimanjakan dengan keindahan dan kebersihan pantai ini.Menuju Pantai Indrayanti anda membutuhkan waktu kurang lebih 2 jam perjalanan dari Kota Yogyakarta. Dari Wonosari ada 2 jalan menuju pantai Indrayanti, pertama melalui jalur Selatan yang melewati Pantai Baron, Kukup, Krakal, Sundak dan ke timur sampai Pantai Indrayanti. Atau bisa melewati pertigaan dari Wonosari mengambil jalur ke kiri arah ke Pantai Sundak, Siung dan Wediombo.Jalan menuju lokasi Pantai sudah cukup baik tetapi harus berhati - hati karena medan yang naik turun melewati perbukitan sewu. Untuk sampai disana anda harus menggunakan kendaraan pribadi dikarenakan belum ada kendaraan umum yang melayani rute tersebut.Berbagai fasilitas disediakan di Pantai yang dikenal dengan fasilitas Jet Sky nya ini, diantaranya Gazebo, Restoran, Penginapan / Homestay , Mushola, Parkir yang luas serta para penjual makanan yang berjejer rapi di tepi pantai. Pantai ini cocok bagi anda yang ingin bermalam dan menikmati suasana malam di Pantai dengan merogoh kocek 350 ribu - 700 ribu per malam.
                     
                                                     

                                                   


                                                   
    Pariwisata Kota Yogyakarta
                                       

                           

                           

    Ø  Bagian-bagian  tersebut menggunakan  tag
    (division/bagian) dan untuk menamai setiap div kita gunakan atribut id atau class5.
    Dalam tag diatas terlihat bahwa ini adalah bagian dari “Tempat Pariwisata” dengan id “pariwisata” dan class “panel”.Yang mana pada bagian ini ada
    di dalam
    untuk bagian pertama adalah untuk bagian “obyek pariwisata tamansari” yang kedua untuk bagian obyek “candi prambanan” dan yang ketiga adalah untuk bagian obyek pariwisata “pantai indrayanti”.
    Ø  Pada bagian ini mendesain agar foto dan keterangan obyek pariwisata menjadi satu bagian dalam halaman Web yang ada.
    Ø  Pada bagian ini juga disertakan yakni “footnote” yang fungsinya untuk membuat penamaan atau tanda pada bagian bawah halaman Web.

                           
                           
                           
                                       
                                                   

    Tentang

                                                    Website ini dibuat untuk mempermudah bagi wisatawan lokal maupun manca negara yang ingin mengetahui tentang info seputar kota Yogyakarta terutama dari sektor Pariwisatanya.
                                       

                           

                           

    Ø  Bagian-bagian  tersebut menggunakan  tag
    (division/bagian) dan untuk menamai setiap div kita gunakan atribut id atau class5.
    Dalam tag diatas terlihat bahwa ini adalah bagian dari “Tentang” dengan id “tentang” dan class “panel”.Pada bagian ini menggunakan dua kas yakni panel dan konten.Pada bagian ini juga membuat halaman judul yakni Tentang dengan ukuran judul yakni Heading 1.
    Ø  Pada bagian ini yang yang akan tampil hanyalah tulisan kalimat yang telah diketikkan dalam halaman Web ini.
                           
                           
                           
                                       
                                                   

    Kontak

                                                    Silahkan Masukan saran dan masukkan anda diwebsite ini untuk membuat website ini semakin maju.
                                                    Dan jangan lupa masukkan identitas diri anda,identitas anda masukkan dijamin kerahasiaanya.
                                                   
                                                               
                                                               
                                                               
                                                   

                                       

                           

                           

    Ø  Bagian-bagian  tersebut menggunakan  tag
    (division/bagian) dan untuk menamai setiap div kita gunakan atribut id atau class5.
    Dalam tag diatas terlihat bahwa ini adalah bagian dari “Kontak” dengan id “kontak” dan class “panel”.Pada bagian ini menggunakan dua klas yakni panel dan konten.Pada bagian klas konten akan disertakan untuk membuat suatu form yang mana menggunakan tipe input yang berbeda-beda.Yakni text dan textarea.

                           
                           
                           
                                       

    Pariwisata Kota Yogyakarta

                                       
                                                   
  • Beranda
  •                                                
  • Profil Kota
  •                                                
  • Tempat Pariwisata
  •                                                
  • Tentang
  •                                                
  • Kontak
  •                                    


    Ø  Pada bagian ini atau yang disebut sebagai bagian kepala navigasi adalah bagian yang mengontrol urutan navigasi yang mana pada bagian ini saat Tombol konten beranda ditekan maka akan memunculkan bagian konten beranda begitu juga seterusnya saat tombol konten profil ditekan akan menampilkan isi dari konten profil karena prinsip dari halaman ini adalah sama seperti membuat Link pada halaman Web.

                                       
                                       
                                                    Demo 1
                                                    Demo 2
                                                    Demo 3
                                       

                           


    Ø  Bagian ini adalah bagian Diana yang mengontrol perpindahan desain tampilan pada halaman Web atau tampilan perpindahan slide yang akan ditampilkan dalam halaman Web ini.Yang mana semuanya per Link antar halaman yang satu dengan yang lainya.
               
           



    B.TUGAS
    · Tugas 1

    1).Menggapa Frame sudah tidak digunakan lagi dalam HTML ?
    a.      Frame (relatif) sulit digunakan bagi user (mis:pencetakan, tombol back)
    b.      Pengelolaan lebih dari 1 HTML document dalam 1 jendela terkadang menyulitkan bagi web developer
    c.       Kemungkinan tidak akan didukung untuk standar HTML ke depan


    · Tugas 2

                 Sintak Halaman

               
                           
                           
                            pariwisata Kota Yogyakarta
                           
                           
                           
                           
                           
                           
                           
                           
               

               
                           
                           
                                       
                                                    Pariwisata Kota Yogyakarta
                                       

                                       
                                                   
                                                                Pariwisata Kota Yogyakarta
                                                   

                                       

                                       
                           

                           
                                                   
                           
                           
                                       

    Beranda

                                          Selamat Datang Diwebsite Resmi Pariwisata Kota Yogyakarta :
                                                   
                                                               
  •                 
                                                   

                           

                           
                           
                           
                           
                                       
                                                   

    Profil Kota

                                        Nama Resmi            : Provinsi Daerah Istimewa Yogyakarta

                   Ibukota               : Yogyakarta
                   Luas Wilayah          : 3.133,15  Km² *)
                   Jumlah Penduduk         : 3.876.391 Jiwa *)
                   Suku Bangsa                             : Jawa, Sunda Parahiyangan, Melayu, Cina, Batak (Tapanuli),  Minang Kabau, Bali, Madura, dan Lain-lain.
                   Agama                                       : Islam : 3.084.990 Jiwa, 
                                           Kristen Protestan : 92.097 Jiwa,
                                                                                                                   Kristen Katholik  : 162.806 Jiwa,
                                                                                                                   Budha : 5.387 Jiwa,
                                                                                                                   Hindu : 5.798 Jiwa.
                                           Wilayah Administrasi  : Kab. : 4,
                                           Kota: 1,
                                           Kec.: 78,
                                           Kel.: 46,
                                           Desa : 392
                                         Lagu Daerah                   : Pitik Tukung,Sinom
                                         Sumber                                            : Permendagri Nomor 66 Tahun 2011
                                       

                           

                           

                           
                           
                                       
                                                   

    Tempat Pariwisata

                                                    Tempat Pariwisata Kota Yogyakarta Diantaranya adalah :
                                                   
                                                       1.Taman Sari
                                                      
                                                                           
  •                                                                        

  •                                                                         Tentang Taman Sari

                                                                            Dalam sejarah kerajaan jawa terutama di sekitar propinsi Yogyakarta (jogja) tak bisa dilepaskan dari yang bernama kerajaan mataram islam, yang saat ini lebih dikenal dengan keraton Yogyakarta dan Keraton Surakarta. Nah, bercerita tentang jogja maka tak bisa dipisahkan dari keberadaan penciptaan arsitektur yang sangat bagus di sekitar keraton Jogja, selain bangunan Keraton sendiri juga ada bangunan yang menarik, masyarakat biasa menyebutnya dengan Tamansari.Tamansari merupakan sebuah komplek sistematis yang lebih banyak menonjolkan artistik pada bagian kolam dan air. Hal yang sama ketika Petualang berjalan di sekitar Sumur Gemuling (Gumuling) dimana nilai artistik pada bagunan tersebut lebih banyak menunjukan sisi kesejukan air.Tamansari kemudian banyak disebut sebagai Istana Air (water castle) yang karena nilai arsitektur dan keunikan pada lekukan bangunan dan air yang terisi dikolam kolam. Dalan sejarahnya yang disampaikan oleh beberapa orang yang menjadi guide Istana Air Tamansari menyebutkan bahwa Taman ini dipergunakan oleh Raja Mataram (Jogja) untuk melakukan mandi pada bulan-bulan tertentu. Ada sedikit kemistikan yang terjadi di sekitar area kolam kala itu. Ketika Raja hendak masuk ke Istana Air Tamansari maka disambut dengan musik gamelan yang dilagukan dari bangunan-bangunan kecil di kanan dan kiri yang ada di depan Istana Air Tamansari. Lalu ada upacara tertentu untuk menyambut Raja dan orang-orang yang hendak masuk ke Istana Air Tamansari.
                        
                                                     

                       2.Candi Prambanan
                                                      
                                                                           
  •                                                                        

  •                                                                         Sekilas Tentang candi Prambanan

                                                                            Rara Jonggrang atau Lara Jonggrang yang terletak di Prambanan adalah kompleks candi Hindu terbesar di Indonesia. Candi ini terletak di propinsi Jawa Tengah, di pulau Jawa, kurang lebih 20 km timur Yogyakarta, 40 km barat Surakarta dan 120 km selatan Semarang, persis di perbatasan antara provinsi Jawa Tengah dan Daerah Istimewa Yogyakarta. Candi Rara Jonggrang terletak di desa Prambanan yang wilayahnya dibagi antara kabupaten Sleman dan Klaten.Pembangunan candi ini pada sekitar tahun 850 Masehi. Belum jelas siapa pendirinya, namun salah seorang dari kedua orang ini, yakni: Rakai Pikatan, raja kedua wangsa Mataram I atau Balitung Maha Sambu, semasa wangsa Sanjaya. Tidak lama setelah dibangun, candi ini ditinggalkan dan mulai rusak.Renovasi candi ini dimulai pada tahun 1918, dan sampai sekarang belum selesai. Bangunan utama baru diselesaikan pada tahun 1953. Banyak bagian candi yang direnovasi, menggunakan batu baru, karena batu-batu asli banyak yang dicuri atau dipakai ulang di tempat lain. Sebuah candi hanya akan direnovasi apabila minimal 75% batu asli masih ada. Oleh karena itu, banyak candi-candi kecil yang tak dibangun ulang dan hanya tampak fondasinya saja. Sekarang, candi ini adalah sebuah situs yang dilindungi oleh UNESCO mulai tahun 1991. Antara lain hal ini berarti bahwa kompleks ini terlindung dan memiliki status istimewa, misalkan juga dalam situasi peperangan.
                       
                                                     

                                                       3.Pantai Indrayanti
                                                      
                                                                           
  •                                                                        

  •                                                                         Sekilas Tentang candi Prambanan

                                                                            Pantai Indrayanti merupakan salah satu pantai yang berada di Kabupaten Gunung Kidul Daerah Istimewa Yogyakarta. Pantai yang terletak di Desa Tepus ini bersebelahan dengan Pantai Sundak. Pasir Putih membentang dari timur ke barat di Pantai Indrayanti. Selain pasir putih, para wisatawan sangat dimanjakan dengan keindahan dan kebersihan pantai ini.Menuju Pantai Indrayanti anda membutuhkan waktu kurang lebih 2 jam perjalanan dari Kota Yogyakarta. Dari Wonosari ada 2 jalan menuju pantai Indrayanti, pertama melalui jalur Selatan yang melewati Pantai Baron, Kukup, Krakal, Sundak dan ke timur sampai Pantai Indrayanti. Atau bisa melewati pertigaan dari Wonosari mengambil jalur ke kiri arah ke Pantai Sundak, Siung dan Wediombo.Jalan menuju lokasi Pantai sudah cukup baik tetapi harus berhati - hati karena medan yang naik turun melewati perbukitan sewu. Untuk sampai disana anda harus menggunakan kendaraan pribadi dikarenakan belum ada kendaraan umum yang melayani rute tersebut.Berbagai fasilitas disediakan di Pantai yang dikenal dengan fasilitas Jet Sky nya ini, diantaranya Gazebo, Restoran, Penginapan / Homestay , Mushola, Parkir yang luas serta para penjual makanan yang berjejer rapi di tepi pantai. Pantai ini cocok bagi anda yang ingin bermalam dan menikmati suasana malam di Pantai dengan merogoh kocek 350 ribu - 700 ribu per malam.
                      
                                                     

                                                   


                                                   
    Pariwisata Kota Yogyakarta
                                       

                           

                           
                           
                           
                           
                                       
                                                   

    Tentang

                                                    Website ini dibuat untuk mempermudah bagi wisatawan lokal maupun manca negara yang ingin mengetahui tentang info seputar kota Yogyakarta terutama dari sektor Pariwisatanya.
                                       

                           

                           
                           
                           
                           
                                       
                                                   

    Kontak

                                                    Silahkan Masukan saran dan masukkan anda diwebsite ini untuk membuat website ini semakin maju.
                                                    Dan jangan lupa masukkan identitas diri anda,identitas anda masukkan dijamin kerahasiaanya.
                                                   
                                                               
                                                               
                                                               
                                                   

                                       

                           

                           
                           
                           
                           
                                       

    Pariwisata Kota Yogyakarta

                                       
                                                   
  • Beranda
  •                                                
  • Profil Kota
  •                                                
  • Tempat Pariwisata
  •                                                
  • Tentang
  •                                                
  • Kontak
  •                                    


                                       
                                       
                                                    Demo 1
                                                    Demo 2
                                                    Demo 3
                                       

                           


               



    RUNNING
    a)      Tampilan awal
    b)      Tampilan Profil


    c)       Tampilan Tempat Pariwisata
      
      


    d)      Tampilan Tentang

    e)      Tampilan Kontak

    3).KESIMPULAN
    a.      Frame-frame tersebut terletak dalam satu wadah/bingkai yang disebut frameset
    b.      Masing-masing HTML document disebut sebagai frame.
    c.       Frame digunakan untuk membuat 2 atau lebih area terpisah yang bisa dignakan (scrollable areas) dalam satu jendela browser dengan kata lain, frame membua kita dapat menampilkan lebih dari satu HTML document dalam satu jendela browser
    d.      Frame-frame tersebut terletak dalam satu wadah/bingkai yang disebut frameset

    4).LISTING TERLAMPIR




      Blogger Comment
      Facebook Comment

    0 komentar:

    Post a Comment

    Thanks For Your Feedback.