<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ayo Belajar Website &#187; Frontpage</title>
	<atom:link href="http://www.ayobelajarwebsite.com/category/frontpage/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ayobelajarwebsite.com</link>
	<description>Untuk Pemula yang ingin belajar membuat website</description>
	<lastBuildDate>Thu, 01 Oct 2009 22:14:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Metatag di Frontpage</title>
		<link>http://www.ayobelajarwebsite.com/metatag-di-frontpage/</link>
		<comments>http://www.ayobelajarwebsite.com/metatag-di-frontpage/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 06:23:03 +0000</pubDate>
		<dc:creator>aviqa</dc:creator>
				<category><![CDATA[Frontpage]]></category>
		<category><![CDATA[gratis FrontPage]]></category>
		<category><![CDATA[Metatag FrontPage]]></category>
		<category><![CDATA[Microsoft  FrontPage]]></category>
		<category><![CDATA[tutorial Frontpage]]></category>
		<category><![CDATA[web hosting FrontPage]]></category>

		<guid isPermaLink="false">http://www.ayobelajarwebsite.com/?p=31</guid>
		<description><![CDATA[Menambahkan Title dan Meta Tag di FrontPage
<p>Menambahkan Title atau Judul Web </p>
<p style="text-align: justify;">Title adalah judul yang akan muncul atau terlihat dibagian atas program internet browser Anda. Jadi bukan judul website, tapi title ini berhubungan dengan tema website kita. Bagaimana cara membuatnya :</p>
<p style="text-align: justify;">Sekarang kita berada di area kerja FrontPage, tempatkan panah mouse dimana [...]]]></description>
			<content:encoded><![CDATA[<h2><span style="color: #ff00ff;"><strong>Menambahkan Title dan Meta Tag di FrontPage</strong></span></h2>
<p><strong>Menambahkan Title atau Judul Web </strong></p>
<p style="text-align: justify;">Title adalah judul yang akan muncul atau terlihat dibagian atas program internet browser Anda. Jadi bukan judul <a href="../../../../../belajar-website">website</a>, tapi title ini berhubungan dengan tema website kita. Bagaimana cara membuatnya :</p>
<p style="text-align: justify;">Sekarang kita berada di area kerja <a href="../../../../../belajar-Frontpage">FrontPage</a>, tempatkan panah mouse dimana saja, klik kanan tombol mouse, pilih menu &#8220;<strong>Page Properties</strong>&#8220;. Kita fokus pada kolom &#8220;<strong>General</strong>&#8221; di kolom &#8220;<strong>Title</strong>&#8220;. Kita isi sesuai dengan tema website kita.</p>
<p style="text-align: justify;"><strong>Menambahkan Meta Tag </strong></p>
<p style="text-align: justify;">Meta Tag adalah sekumpulan informasi yang kita masukkan ke dalam halaman website di antara bagian &#8220;Head&#8221;. Kita tidak bisa membaca atau melihat tulisan yang ada di Meta Tag.</p>
<p style="text-align: justify;">Disini kita hanya membahas 2 macam Meta Tag yaitu &#8220;<strong>Meta Description</strong>&#8221; dan &#8220;<strong>Meta Keyword</strong>&#8220;.</p>
<p style="text-align: justify;">Meta Description caranya klik kanan tombol mouse di area kerja FrontPage, pilih &#8220;<strong>Page Properties</strong>&#8220;, cari kolom &#8220;Page Description&#8221; (dibawah kolom Title), isi kolom dengan tulisan singkat mengenai website kita.</p>
<p style="text-align: justify;">Meta Keyword caranya sama seperti membuat Meta Description, cari kolom Keyword, isi dengan kata kunci website kita. Boleh lebih dari satu sesuai dengan banyaknya keyword yang terdapat dalam website kita.</p>
<p style="text-align: justify;">Informasi lain mengenai <a href="../../../../../hyperlink-di-Frontpage">hyperlink</a> dan <a href="../../../../../background-di-Frontpage">background</a> di Frontpage</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ayobelajarwebsite.com/metatag-di-frontpage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gambar dan table di Frontpage</title>
		<link>http://www.ayobelajarwebsite.com/gambar-dan-table-di-frontpage/</link>
		<comments>http://www.ayobelajarwebsite.com/gambar-dan-table-di-frontpage/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 06:02:53 +0000</pubDate>
		<dc:creator>aviqa</dc:creator>
				<category><![CDATA[Frontpage]]></category>
		<category><![CDATA[frontpage microsoft]]></category>
		<category><![CDATA[frontpage web hosting]]></category>
		<category><![CDATA[Office 2003 frontpage]]></category>
		<category><![CDATA[table FrontPage]]></category>

		<guid isPermaLink="false">http://www.ayobelajarwebsite.com/?p=29</guid>
		<description><![CDATA[Membuat Gambar dan Table di FrontPage 
<p>1. Menyisipkan gambar </p>
<p style="text-align: justify;">Untuk menyisipkan gambar pada website, kita harus menyiapkan gambarnya terlebih dahulu, simpan di folder &#8220;website&#8221; yang sedang kita buat. Klik menu &#8220;Insert&#8221; lalu pilih &#8220;Picture&#8220;, kemudian pilih menu &#8220;From File&#8220;. Keluar deh gambarnya &#8230;</p>
<p style="text-align: justify;">2. Menyisipkan table</p>
<p style="text-align: justify;">Sebelumnya kita pindahkan dulu posisi [...]]]></description>
			<content:encoded><![CDATA[<h2><span style="color: #ff00ff;"><strong>Membuat Gambar dan Table di FrontPage </strong></span></h2>
<p><strong>1. Menyisipkan gambar </strong></p>
<p style="text-align: justify;">Untuk menyisipkan gambar pada <a href="../../../../../belajar-website">website</a>, kita harus menyiapkan gambarnya terlebih dahulu, simpan di folder &#8220;website&#8221; yang sedang kita buat. Klik menu <strong>&#8220;Insert</strong>&#8221; lalu pilih &#8220;<strong>Picture</strong>&#8220;, kemudian pilih menu &#8220;<strong>From File</strong>&#8220;. Keluar deh gambarnya &#8230;</p>
<p style="text-align: justify;"><strong>2. Menyisipkan table</strong></p>
<p style="text-align: justify;">Sebelumnya kita pindahkan dulu posisi kursor tepat di bawah judul, klik menu &#8220;<strong>Table</strong>&#8221; pilih menu &#8220;<strong>Insert</strong>&#8221; lalu klik menu &#8220;<strong>Table</strong>&#8220;. Lalu muncul kotak dialog &#8220;Insert Table&#8221;. Misalnya kita ingin membuat 3 baris 2 kolom, berarti isi row : 3 dan columns : 2. Selain itu atur juga &#8220;<strong>Alignment</strong>&#8221; berfungsi untuk mengatur posisi table, untuk rata kiri, rata kanan atau di tengah table, sesuai dengan keinginan kita. Untuk &#8220;<strong>Specify Width</strong>&#8221; isi 680 pixel. Klik OK</p>
<p style="text-align: justify;"><strong>3. Menjadikan gambar menjadi <a href="../../../../../background-di-Frontpage">background</a></strong><strong> table</strong>.</p>
<p style="text-align: justify;">Arahkan kursor di dalam table, klik kanan tombol mouse dan pilih menu &#8220;<strong>Cell Properties</strong>&#8220;. Pilih &#8220;<strong>Background</strong>&#8220;, aktifkan fasilitas &#8220;<strong>Use Background Picture</strong>&#8221; dengan cara mengklik kotak kecil yang ada disampingnya. Klik tombol &#8220;<strong>Browse</strong>&#8221; untuk mencari gambar yang ingin Anda jadikan background. Klik &#8220;<strong>Open</strong>&#8220;, kemudian klik <strong>OK</strong>.</p>
<p style="text-align: justify;">Masih banyak lagi kegunaan table yang bisa kita pakai untuk memperindah website kita. Tapi itu semua perlu latihan.</p>
<p>Pelajari juga tentang membuat <a href="../../../../../hyperlink-di-Frontpage">hyperlink</a> di Frontpage</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ayobelajarwebsite.com/gambar-dan-table-di-frontpage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Background di Frontpage</title>
		<link>http://www.ayobelajarwebsite.com/background-di-frontpage/</link>
		<comments>http://www.ayobelajarwebsite.com/background-di-frontpage/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 05:49:10 +0000</pubDate>
		<dc:creator>aviqa</dc:creator>
				<category><![CDATA[Frontpage]]></category>
		<category><![CDATA[background FrontPage]]></category>
		<category><![CDATA[belajar Frontpage]]></category>
		<category><![CDATA[tutorial Frontpage]]></category>
		<category><![CDATA[web Frontpage]]></category>

		<guid isPermaLink="false">http://www.ayobelajarwebsite.com/?p=26</guid>
		<description><![CDATA[Membuat Background halaman website di Frontpage 
Ada dua jenis format background yang bisa kita tampilkan di website kita:

Background warna
Background gambar

<p style="text-align: justify;">Kita akan mempelajari satu persatu cara pembuatan background tersebut :</p>
<p style="text-align: justify;">1. Cara membuat Background Warna</p>
<p style="text-align: justify;">Buka kembali halaman website index.html yang kita buat tadi. Klik kanan di halaman web Anda, selanjutnya pilih [...]]]></description>
			<content:encoded><![CDATA[<h3><span style="color: #ff00ff;"><strong>Membuat Background halaman website di Frontpage </strong></span></h3>
<h3>Ada dua jenis format background yang bisa kita tampilkan di <span style="color: #ff0000;"><a href="../../../../../belajar-website">website</a></span> kita:</h3>
<ul>
<li>Background warna</li>
<li>Background gambar</li>
</ul>
<p style="text-align: justify;">Kita akan mempelajari satu persatu cara pembuatan background tersebut :</p>
<p style="text-align: justify;"><strong>1. Cara membuat Background Warna</strong></p>
<p style="text-align: justify;">Buka kembali halaman website index.html yang kita buat tadi. Klik kanan di halaman web Anda, selanjutnya pilih &#8220;<strong>Page Properties</strong>&#8221; klik &#8220;<strong>Formatting</strong>&#8220;.</p>
<p style="text-align: justify;">Setelah itu klik &#8220;<strong>Colors Background</strong>&#8221; dan tentukan warna yang Anda inginkan, misal warna merah. Kemudian klik <strong>OK</strong>.</p>
<p style="text-align: justify;">Lihat hasilnya, bagus bukan ?</p>
<p style="text-align: justify;"><strong>2. Cara membuat Background Gambar </strong></p>
<p style="text-align: justify;">Siapkan gambar yang akan di jadikan background. Simpan dalam satu folder dengan file-file website anda yang lain, yaitu dalam folder &#8220;website&#8221;. Pastikan formatnya dalam bentuk JPG, GIF atau PNG.</p>
<p style="text-align: justify;">Buka kembali file index.html, pilih &#8220;<strong>Page Properties</strong>&#8221; klik &#8220;<strong>Formatting</strong>&#8221; setelah itu checklist kotak &#8220;<strong>Background Picture</strong>&#8221; pilih &#8220;<strong>Browse</strong>&#8220;. Kemudian Anda cari dimana tadi anda simpan file gambarnya, pilih gambar klik <strong>OK</strong>.</p>
<p style="text-align: justify;">Informasi lain mengenai Prontpage : <a href="../../../../../hyperlink-di-Frontpage">Hyperlink</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ayobelajarwebsite.com/background-di-frontpage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hyperlink di Frontpage</title>
		<link>http://www.ayobelajarwebsite.com/hyperlink-di-frontpage/</link>
		<comments>http://www.ayobelajarwebsite.com/hyperlink-di-frontpage/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 05:13:41 +0000</pubDate>
		<dc:creator>aviqa</dc:creator>
				<category><![CDATA[Frontpage]]></category>
		<category><![CDATA[2003 microsoft frontpage]]></category>
		<category><![CDATA[FrontPage 2003]]></category>
		<category><![CDATA[hyperlink Frontpage]]></category>
		<category><![CDATA[web Frontpage]]></category>

		<guid isPermaLink="false">http://www.ayobelajarwebsite.com/?p=24</guid>
		<description><![CDATA[Belajar Membuat Hyperlink di FrontPage
<p>Membuat Hyperlink di FrontPage</p>
<p style="text-align: justify;">Hyperlink adalah suatu tulisan atau shortcut pada halaman website yang mengacu ke resource yang terletak pada satu halaman atau menuju alamat website lain.</p>
<p style="text-align: justify;">Langkah-langkah membuat hyperlink menuju ke halaman suatu website, caranya adalah:</p>
<p style="text-align: justify;">Misalnya tulisan &#8220;WordPress&#8221; ngelink ke www.ayobelajarwebsite.com</p>

blok/highlight tulisan WordPress
arahkan anak panah mouse [...]]]></description>
			<content:encoded><![CDATA[<h2><span style="color: #ff00ff;"><strong>Belajar Membuat Hyperlink di FrontPage</strong></span></h2>
<p><strong>Membuat Hyperlink di FrontPage</strong></p>
<p style="text-align: justify;">Hyperlink adalah suatu tulisan atau shortcut pada halaman <a href="../../../../../belajar-website">website</a> yang mengacu ke resource yang terletak pada satu halaman atau menuju alamat website lain.</p>
<p style="text-align: justify;">Langkah-langkah membuat hyperlink menuju ke halaman suatu website, caranya adalah:</p>
<p style="text-align: justify;">Misalnya tulisan &#8220;WordPress&#8221; ngelink ke www.ayobelajarwebsite.com</p>
<ul style="text-align: justify;">
<li>blok/highlight tulisan WordPress</li>
<li>arahkan anak panah mouse ke bagian yang di blok tadi</li>
<li>tekan tombol kanan mouse</li>
<li>klik menu &#8220;hyperlink&#8221; atau klik menu &#8220;insert&#8221; kemudian klik &#8220;hyperlink&#8221;.</li>
<li>Muncul kotak dialog pilih &#8220;Address&#8221;, isi www.ayobelajarwebsite.com</li>
<li>Klik OK</li>
</ul>
<p style="text-align: justify;">Langkah-langkah membuat hyperlink antar halaman dalam satu website, caranya adalah :</p>
<p style="text-align: justify;">Sebelumnya Anda buat dulu menu di halaman utama :</p>
<ul style="text-align: justify;">
<li>link ke halaman Blogger</li>
<li>link ke halaman Dreamweaver</li>
<li>link ke halaman <a href="../../../../../belajar-Frontpage">FrontPage</a></li>
<li>link ke halaman Multiply</li>
</ul>
<p style="text-align: justify;">Anda juga harus membuat 4 halaman website yaitu Blogger.html, Dreamweaver.html, FrontPage.html, Multiply.html.</p>
<p style="text-align: justify;">Kemudian kita hubungkan halaman yang satu ke halaman yang lain, misalnya Blogger kita hubungkan ke Blogger.html.</p>
<p style="text-align: justify;">Mudah bukan, kalau ada kesulitan bisa <a href="../../../../../contact-me">Contact Me</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ayobelajarwebsite.com/hyperlink-di-frontpage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Belajar Frontpage</title>
		<link>http://www.ayobelajarwebsite.com/belajar-frontpage/</link>
		<comments>http://www.ayobelajarwebsite.com/belajar-frontpage/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 00:25:35 +0000</pubDate>
		<dc:creator>aviqa</dc:creator>
				<category><![CDATA[Frontpage]]></category>
		<category><![CDATA[belajar Frontpage]]></category>
		<category><![CDATA[informasi Frontpage]]></category>
		<category><![CDATA[tutorial Frontpage]]></category>

		<guid isPermaLink="false">http://www.ayobelajarwebsite.com/?p=13</guid>
		<description><![CDATA[Belajar Membuat Website dengan Front Page
<p>Area kerja Front Page</p>

Buka Program MS FrontPage pada komputer Anda : Klik &#8220;Start Menu&#8221; lalu klik &#8220;All Program&#8221; selanjutnya temukan program MS FrontPage. 

<p>Maka akan keluar halaman kerja yang memiliki 4 mode tampilan :</p>

Mode Design : digunakan untuk membuat halaman web, mode ini mirip dengan MS Word, sangat memudahkan bagi [...]]]></description>
			<content:encoded><![CDATA[<h2><span style="color: #ff00ff;"><strong>Belajar Membuat Website dengan Front Page</strong></span></h2>
<p><strong>Area kerja Front Page</strong></p>
<ul>
<li>Buka Program MS FrontPage pada komputer Anda : Klik &#8220;<strong>Start Menu</strong>&#8221; lalu klik &#8220;<strong>All Program</strong>&#8221; selanjutnya temukan program <strong>MS FrontPage. </strong></li>
</ul>
<p>Maka akan keluar halaman kerja yang memiliki <strong>4 mode tampilan</strong> :</p>
<ol>
<li>Mode Design : digunakan untuk membuat halaman web, mode ini mirip dengan MS Word, sangat memudahkan bagi anda untuk membuat tampilan website, tanpa harus mengetikkan kode-kode script webnya secara manual.</li>
<li>Kode Split : menampilkan 2 tampilan bentuk tampilan di halaman kerja FrontPage, satu dalam bentuk/halaman design, dan satu lagi dalam bentuk/tampilan kode (html).</li>
<li>Mode Kode : mode ini digunakan untuk membuat halaman website dengan menggunakan format kode html, selain itu berfungsi untuk menuliskan atau mengcopy kode-kode script website.</li>
<li>Mode Preview : mode ini digunakan untuk melihat hasil edit atau hasil pembuatan website kita.</li>
</ol>
<p>Itulah sedikit penjelasan mengenai pengenalan area atau halaman kerja FrontPage.</p>
<p><strong>Untuk selanjutnya yuk kita latihan membuat website</strong>.</p>
<p>1. Menulis Text</p>
<p>Pilihlah mode design. Tulis judul <a href="../../../../../belajar-website">website</a>, dan deskripsi website, sama seperti kita menulis di halaman kerja MS.Word.</p>
<p>2. Mengatur Format Text</p>
<p>Sekarang kita belajar memodifikasi tampilan agar terlihat menarik. Misal judul website tadi &#8220;Membuat Website dengan FrontPage&#8221;.</p>
<p>Blok/highlight tulisan &#8220;Membuat Website dengan FrontPage&#8221;. Ganti ukuran huruf pilih &#8220;Font Size&#8221; kemudian di tebalkan pilih B. Pindahkan posisi judul website ke tengah-tengah. Anda pasti bisa melakukannya, caranya sangat mudah hampir sama dengan Ms Word.</p>
<p>3.  Menyimpan File (save)</p>
<p>Klik menu &#8220;<strong>File</strong>&#8221; lalu klik menu &#8220;<strong>Save as</strong>&#8220;. Lalu simpan hasil kerja tadi ke dalam folder khusus &#8220;website&#8221; dan beri nama &#8220;index.html&#8221;</p>
<p>Artikel yang berhubungan : <a href="../../../../../belajar-website">belajar website</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ayobelajarwebsite.com/belajar-frontpage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
