{"id":788,"date":"2007-05-11T11:04:47","date_gmt":"2007-05-11T11:04:47","guid":{"rendered":"https:\/\/www.dremi.info\/?p=26"},"modified":"2007-05-11T11:04:47","modified_gmt":"2007-05-11T11:04:47","slug":"membuat-inner-frame","status":"publish","type":"post","link":"https:\/\/www.dremi.info\/articles\/membuat-inner-frame.html","title":{"rendered":"Membuat Inner Frame"},"content":{"rendered":"<p><img decoding=\"async\" class=\"imgheader\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/images-header200\/iframe.png\" alt=\"\" \/> Bwat Dokumen baru HTML , dengan memilih File &gt; New , Pilih Basic Page dan HTML pada window yang muncul. (Mahap kalo windownya transparan, alnya itu dari Skin WinBlind nya, hihi gue suka Skin Transparan nya)<br \/>\n<!--more--><\/p>\n<div class=\"clear\"><\/div>\n<p>Pertama siapkan dulu Dreamweaver lu&#8230;<\/p>\n<p class=\"style2\">Dokumen HTML Frame<\/p>\n<p>Bwat Dokumen baru HTML , dengan memilih File &gt; New , Pilih Basic Page dan HTML pada window yang muncul. (Mahap kalo windownya transparan, alnya itu dari Skin WinBlind nya, hihi gue suka Skin Transparan nya)<\/p>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Newdremi_001.png\" alt=\"\" width=\"325\" height=\"233\" border=\"1\" \/><\/div>\n<p>Klik OK kalo udah.<br \/>\nNah Simpan dulu dokumen barunya, File &gt; Save .. namanya <span class=\"style1\">frame.html<\/span><\/p>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Savedremi_001.png\" alt=\"\" width=\"400\" height=\"52\" border=\"1\" \/><\/div>\n<p>Oke sebagai contoh lu bikin dulu content halaman untuk framenya, misalkan urutan sebuah Link satu, dua, tiga, dst&#8230;Gunakan [SHIFT+ENTER] untuk berpindah baris kebawah (&lt;BR&gt;)<\/p>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Macromediadremi_009.png\" alt=\"\" width=\"128\" height=\"269\" border=\"1\" \/><\/div>\n<p>Masing-masing kasi Link &#8220;#&#8221; \/ trserah lu pada Panel Properties di bawah. Sebelumnya Blok dulu text yang akan dikasi Link.<\/p>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Macromediadremi_010.png\" alt=\"\" width=\"393\" height=\"74\" border=\"1\" \/><\/div>\n<p>Nah kalo dah selesai, Save lagi halaman nnya [CTRL+S]<br \/>\n<span class=\"style2\">Dokumen HTML Index <\/span><br \/>\nLangkah selanjutnya bwat satu dokumen baru lagi, dengan nama <span class=\"style1\">index.html<\/span><br \/>\nPindah ke Tab CODE perhatikan Source code antara <strong>&lt;BODY&gt;<\/strong> dan <strong>&lt;\/BODY&gt;<\/strong><br \/>\nUntuk pertama kalinya ktik code awalnya <strong>&#8220;&lt;if&#8221;<\/strong> maka akan muncul secara otomatis, list source code yang telah disediakan Dreamweaver, lalu pilih <strong>&#8220;iframe&#8221;<\/strong> , tekan spasi dan ketik property2nya seperti: align, frameborder, marginheight, marginwidth, height\/width, dan src untuk memanggil lokasi halaman yang akan ditampilkan dalam Frame.<\/p>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Macromediadremi_002.png\" alt=\"\" width=\"142\" height=\"185\" border=\"1\" \/><\/div>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Macromediadremi_003.png\" alt=\"\" width=\"226\" height=\"104\" border=\"1\" \/><\/div>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Macromediadremi_004.png\" alt=\"\" width=\"296\" height=\"167\" border=\"1\" \/><\/div>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Macromediadremi_005.png\" alt=\"\" width=\"370\" height=\"182\" border=\"1\" \/><\/div>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Macromediadremi_006.png\" alt=\"\" width=\"243\" height=\"64\" border=\"1\" \/><\/div>\n<p>Saat Option Browse muncul, Tekan [ENTER] untuk memilih file framenya<\/p>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Selectdremi_001.png\" alt=\"\" width=\"263\" height=\"89\" border=\"1\" \/><\/div>\n<p>Klik Ok jika sudah dipilih pada Window Filenya.<br \/>\nJadi Uraian Source Code INNER FRAME sementara nya seperti ini:<\/p>\n<pre><pre class=\"brush: html;\">&amp;amp;amp;amp;lt;iframe align=&amp;quot;left&amp;quot; frameborder=&amp;quot;0&amp;quot; marginheight=&amp;quot;0&amp;quot; marginwidth=&amp;quot;0&amp;quot; height=&amp;quot;300&amp;quot; src=&amp;quot;frame.html&amp;quot;&amp;amp;amp;amp;gt;<\/pre>\n<p>Nah terakhir, tinggal menutup script HTML IFRAME nya , dengan mengetik, <strong>&lt;\/IFRAME&gt;<\/strong> pada baris selanjutnya. Pada Dreamweaver 8 kalo mau nutup skrip, cukup dengan mengetik<strong> &#8220;&lt;\/&#8221;<\/strong> saja maka akan muncul &lt;\/IFRAME&gt; dengan otomatis, cerdas bukan Dreamweavernya.<br \/>\nIni Script akhirnya:<\/p>\n<pre><pre class=\"brush: html;\">&amp;amp;amp;amp;lt;iframe align=&amp;quot;left&amp;quot; frameborder=&amp;quot;0&amp;quot; marginheight=&amp;quot;0&amp;quot; marginwidth=&amp;quot;0&amp;quot; height=&amp;quot;300&amp;quot; src=&amp;quot;frame.html&amp;quot;&amp;amp;amp;amp;gt;\n&amp;amp;amp;amp;lt;\/iframe&amp;amp;amp;amp;gt;<\/pre>\n<p>Woke, lu tinggal Save lagi halaman index.html nya, dan tekan [F12] untuk mencobanya di Browser.<br \/>\nKalo mau liat area framenya, lu tinggal modify aja page frame.html nya<br \/>\nModify &gt; Page Properties<br \/>\nAtus sesuai selera lu<\/p>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Pagedremi_002.png\" alt=\"\" width=\"400\" height=\"148\" border=\"1\" \/><\/div>\n<p>Tampilan di Browser ( background frame.html gue ganti menjadi hitam)<\/p>\n<div id=\"img\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Membuat%20Inner%20Frame\/Untitleddremi_003.png\" alt=\"\" width=\"333\" height=\"377\" border=\"1\" \/><\/div>\n<p class=\"facebook\"><a href=\"http:\/\/www.facebook.com\/share.php?u=https:\/\/www.dremi.info\/articles\/membuat-inner-frame.html\" target=\"_blank\" title=\"Share on Facebook\">Share on Facebook<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Bwat Dokumen baru HTML , dengan memilih File &gt; New , Pilih Basic Page dan HTML pada window yang muncul. (Mahap kalo windownya transparan, alnya itu dari Skin WinBlind nya, hihi gue suka Skin Transparan nya) Share on Facebook<\/p>\n<p class=\"facebook\"><a href=\"http:\/\/www.facebook.com\/share.php?u=https:\/\/www.dremi.info\/articles\/membuat-inner-frame.html\" target=\"_blank\" title=\"Share on Facebook\">Share on Facebook<\/a><\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,17],"tags":[287,295],"_links":{"self":[{"href":"https:\/\/www.dremi.info\/wp-json\/wp\/v2\/posts\/788"}],"collection":[{"href":"https:\/\/www.dremi.info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dremi.info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dremi.info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dremi.info\/wp-json\/wp\/v2\/comments?post=788"}],"version-history":[{"count":0,"href":"https:\/\/www.dremi.info\/wp-json\/wp\/v2\/posts\/788\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.dremi.info\/wp-json\/wp\/v2\/media?parent=788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dremi.info\/wp-json\/wp\/v2\/categories?post=788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dremi.info\/wp-json\/wp\/v2\/tags?post=788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}