1. Yang di butuhkan untuk membuat website.
Domain
- Domain adalah nama situs Anda, atau alamat situs. misalnya www.semuabisnis.com , atau www.terserahgwdong.com Domain bisa di dapat atau di beli dengan cara di daftarkan di jasa register domain, biaya nya juga termasuk murah, rata-rata sekitar 100 ribu untuk 1 domain selama 1 tahun.
Hosting.
- Hosting adalah tempat Anda menyimpan file-file atau data mengenai website Anda. misalnya Jika anda ingin siapapun yang mengakses domain atau situs anda maka pengunjung tersebut akan melihat photo anda di halaman situs tersebut, maka anda tinggal letakkan photo anda di hosting tersebut.
Bingung ? penjelasannya singkatnya begini, kita anggap saja domain itu adalah sebuah alamat toko. dan kemudian hosting tersebut adalah gudang, atau tempat Anda memajang barang-barang dagangan anda di toko tersebut.
by
fs: reptuz@gmail.com
Apa harus keluar uang untuk membuat situs ?
Tidak, jika anda pengguna email yahoo ada layanan situs gratis dari yahoo.com yakni www.geocities.com , namun nama domainnya tidak bisa Anda ubah. harus memakai embel-embel geocities.com sebagai penyedia layanan ini. jadi misalnya alamat email yahoo anda adalah ambriserver@yahoo.com maka alamat situs gratis anda di geocities.com adalah www.geocities.com/ambriserver kalau mau pakai domain sendiri misalnya www.nama-anda.com , atau tanpa embel-embel geocities.com tersebut maka anda harus membeli dan mendaftarkan domain anda.
by
fs: reptuz@gmail.com
Silahkan anda login ke www.geocities.com , jika anda sudah punya email yahoo. anda tidak perlu mendaftar lagi di geocities, cukup login dengan memakai email yahoo dan password email yahoo Anda.
Membuat Situs dengan HTML.
Oh ya, agar belajarnya lebih enak, saya sarankan anda mempunyai program Microsoft Front page untuk memulai membuat situs Anda, jika tidak punya pakai notepad saja juga bisa.
by
fs: reptuz@gmail.com
1. Belajar Bikin Text dan Mengubah Font ( huruf ).
Sebelum saya mulai tutorial Cara membuat situs atau website ini, anda harus tahu dulu, bahwa code html itu selalu di mulai dan di tutup dengan Tags.
Tags pertama selalu di mulai dengan
. kemudian tags di tutup dengan .
Contoh, misalnya saya ingin membuat huruf tebal pada kalimat Selamat Datang, kemudian kita harus menggunakan tags
sebagai pembuka tags, dan sebagai penutup tags.
by
fs: reptuz@gmail.com
Maka code html untuk membuat cetak tebal pada huruf selamat datang adalah seperti ini :
Selamat Datang di situs saya. Maka hasil nya nanti nya akan seperti ini : Selamat datang di situs saya.
Seperti yang anda lihat, hanya kalimat Selamat Datang saja yang di cetak tebal di karenakan tags di buka dan di tutup pada kalimat tersebut. Pastikan anda selalu menutup tags yang anda buka, karena jika anda lupa bisa-bisa seluruh text di halaman situs Anda nantinya akan tercetak tebal semua.
Berikut adalah daftar-daftar Tags yang perlu Anda ketahui :
by
fs: reptuz@gmail.com
Paragraph baru :
akan membuka Paragraph baru. penutup tags ini adalah
Baris Baru :
akan membuat baris baru untuk halaman situs anda, mirip perintah enter di word. penutup tags ini adalah
Cetak tebal :
akan membuat huruf di cetak tebal, penutupnya adalah
Garis Bawah :
huruf atau angka yang berada di antara tags ini akan mempunyai garis bawah. penutup tags nya adalah
by
fs: reptuz@gmail.com
Garis miring :
huruf atau angka yang berada di antara tags ini akan terbentuk miring ( garis miring ) .penutup tags nya adalah
Posisi di tengah :
huruf atau angka yang berada di antara tags ini akan berada di tengah-tengah halaman, penutup tags nya adalah
Posisi di kiri :
huruf atau angka yang berada di antara tags ini akan berada di kiri halaman situs, penutup tags nya adalah
Posisi di kanan :
huruf atau angka yang berada di antara tags ini akan berada di kanan halaman situs. Penutup tags nya adalah
Ubah warna :
huruf atau angka yang berada di antara tags ini akan berwarna merah. Penutup tags nya adalah
Mengubah bentuk huruf :
huruf atau angka yang berada di antara tags ini menggunakan Bentuk Arial, Penutup tags nya adalah
Text berjalan : huruf atau angka yang berada di antara tags ini akan bergerak dari kiri ke kanan di layar, Penutup tags nya adalah
catatan: tags marquee hanya berjalan jika halaman situs internet explorer .2. Structure dasar dari halaman HTML.
Ini adalah contoh dari halaman HTML.
----------------------------------------------------------------------------------------------------------------------------------------------------
Huruf atau angka <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span><span> berada di tags ini, <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">akan</span> menjadi judul </span></span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">situs</span> Anda
Anda"> mendeskripsikan tentang anda">
Halo ini adalah halaman Semuabisnis.com.
----------------------------------------------------------------------------------------------------------------------------------------------------
Penjelasan dari kode HTML di atas adalah :
by
fs: reptuz@gmail.com
Tags hanya mengatakan kepada browser anda di bagian mana HTML code di mulai.
tags
adalah judul dari <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">situs</span> Anda, anda bisa melihat nya di bagian paling atas dari browser anda.</span>
<br />
<br /><span> <meta> adalah bagian agar mesin pencari seperti google agar bisa menampilkan deskripsi singkat mengenai <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">situs</span> Anda</span>
<br /><body> adalah isi dari website Anda, setelah tags </head>
<br />
<br /><span> 3. Membuat HYPERLINK ( link ke <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">situs</span> )</span>
<br /><span><span> - hyperlink adalah sebuah link <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> bisa Anda klik untuk menuju ke halaman lainnya dari </span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">situs</span> Anda, atau menuju ke <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">situs</span> lain.</span>
<br />
<br />
<br />contoh :
<br /><span><span> <a href="http://www.semuabisnis.com">Nama link tersebut</a> maka hasilnya adalah : Nama link tersebut bila link ini di klik, maka <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">akan</span> menuju ke </span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">situs</span> semuabisnis.com</span>
<br />
<br />
<br />
<br />Membuka link dengan windows baru ( new windows )
<br />
<br /><span> - Jika anda ingin link <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span><span> di klik <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">akan</span> terbuka dengan windows baru, maka codenya </span></span>
<br />adalah : <a href="http://www.semuabisnis.com" target="_blank">Nama link tersebut</a>
<br />
<br />
<br />
<br />Mengubah warna dari link tersebut
<br />
<br /><span><span> : <body link="green" vlink="yellow" alink="red"> contoh di atas <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">akan</span> membuat link berwarna hijau, dan link </span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span><span> sudah di klik <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">akan</span> berwarna merah.</span></span>
<br />
<br />
<br />
<br />Membuat email link
<br />
<br />- Membuat email link sangat sederhana, anda hanya perlu menuliskan code mailto:emailanda@emailanda.com
<br />
<br />contoh : <a href="mailto:youraddress@email.com">Kirim email ke saya</a> , maka hasilnya adalah : <span style="font-weight: bold;">Kirim email ke saya</span><ini>
<br />
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Di buat oleh
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/09851596598620421450' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/09851596598620421450' rel='author' title='author profile'>
<span itemprop='name'>aReZz</span>
</a>
</span>
</span>
<span class='post-timestamp'>
di
<meta content='http://arezziuz.blogspot.com/2009/08/cara-membuat-website-cara-bikin-situs.html' itemprop='url'/>
<a class='timestamp-link' href='http://arezziuz.blogspot.com/2009/08/cara-membuat-website-cara-bikin-situs.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-08-17T06:24:00-07:00'>06.24</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5056679545558682301/524116707801266746' title='Posting Email'>
<img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
<span class='item-control blog-admin pid-1319170872'>
<a href='https://www.blogger.com/post-edit.g?blogID=5056679545558682301&postID=524116707801266746&from=pencil' title='Edit Entri'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=5056679545558682301&postID=524116707801266746&target=email' target='_blank' title='Kirimkan Ini lewat Email'><span class='share-button-link-text'>Kirimkan Ini lewat Email</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=5056679545558682301&postID=524116707801266746&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=5056679545558682301&postID=524116707801266746&target=twitter' target='_blank' title='Bagikan ke X'><span class='share-button-link-text'>Bagikan ke X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=5056679545558682301&postID=524116707801266746&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Berbagi ke Facebook'><span class='share-button-link-text'>Berbagi ke Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=5056679545558682301&postID=524116707801266746&target=pinterest' target='_blank' title='Bagikan ke Pinterest'><span class='share-button-link-text'>Bagikan ke Pinterest</span></a>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>Tidak ada komentar:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Posting Komentar</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/5056679545558682301?po=524116707801266746&hl=id&saa=85391&origin=http://arezziuz.blogspot.com' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/2830521187-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
</script>
</div>
</p>
</div>
</div>
</div></div>
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://arezziuz.blogspot.com/2009/08/sejarah-sistem-operasi-dari-dos-windows.html' id='Blog1_blog-pager-newer-link' title='Posting Lebih Baru'>Posting Lebih Baru</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://arezziuz.blogspot.com/2009/08/langkah-demi-langkah-merakit-komputer.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a>
</span>
<a class='home-link' href='http://arezziuz.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Langganan:
<a class='feed-link' href='http://arezziuz.blogspot.com/feeds/524116707801266746/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (Atom)</a>
</div>
</div>
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<div class='sidebar section' id='sidebar-right-1'><div class='widget HTML' data-version='1' id='HTML2'>
<h2 class='title'>clock</h2>
<div class='widget-content'>
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5025-white.swf";obj.TimeZone="PST";obj.width=180;obj.height=180;obj.wmode="transparent";showClock(obj);</script>
</div>
<div class='clear'></div>
</div>
<div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://arezziuz.blogspot.com/2012/'>
2012
</a>
<span class='post-count' dir='ltr'>(15)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://arezziuz.blogspot.com/2012/04/'>
April
</a>
<span class='post-count' dir='ltr'>(15)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://arezziuz.blogspot.com/2010/'>
2010
</a>
<span class='post-count' dir='ltr'>(4)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://arezziuz.blogspot.com/2010/08/'>
Agustus
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://arezziuz.blogspot.com/2010/04/'>
April
</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='http://arezziuz.blogspot.com/2009/'>
2009
</a>
<span class='post-count' dir='ltr'>(23)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://arezziuz.blogspot.com/2009/11/'>
November
</a>
<span class='post-count' dir='ltr'>(4)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://arezziuz.blogspot.com/2009/10/'>
Oktober
</a>
<span class='post-count' dir='ltr'>(4)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://arezziuz.blogspot.com/2009/09/'>
September
</a>
<span class='post-count' dir='ltr'>(8)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='http://arezziuz.blogspot.com/2009/08/'>
Agustus
</a>
<span class='post-count' dir='ltr'>(7)</span>
<ul class='posts'>
<li><a href='http://arezziuz.blogspot.com/2009/08/mac-os-x-snowleopard.html'>MAC OS X SnowLeopard</a></li>
<li><a href='http://arezziuz.blogspot.com/2009/08/membuat-jaringan.html'>Membuat Jaringan</a></li>
<li><a href='http://arezziuz.blogspot.com/2009/08/langkah-langkah-instalasi-linux-redhat.html'>LANGKAH – LANGKAH INSTALASI LINUX REDHAT</a></li>
<li><a href='http://arezziuz.blogspot.com/2009/08/sejarah-sistem-operasi-dari-dos-windows.html'>Sejarah Sistem Operasi dari DOS, Windows sampai Linux</a></li>
<li><a href='http://arezziuz.blogspot.com/2009/08/cara-membuat-website-cara-bikin-situs.html'>Cara Membuat Website, Cara Bikin Situs, Membuat we...</a></li>
<li><a href='http://arezziuz.blogspot.com/2009/08/langkah-demi-langkah-merakit-komputer.html'>Langkah Demi Langkah Merakit Komputer …</a></li>
<li><a href='http://arezziuz.blogspot.com/2009/08/sejarah-komputer_05.html'>Sejarah Komputer</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget BlogList' data-version='1' id='BlogList1'>
<h2 class='title'>Blog List</h2>
<div class='widget-content'>
<div class='blog-list-container' id='BlogList1_container'>
<ul id='BlogList1_blogs'>
</ul>
<div class='clear'></div>
</div>
</div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>Mengenai Saya</h2>
<div class='widget-content'>
<a href='https://www.blogger.com/profile/09851596598620421450'><img alt='Foto saya' class='profile-img' height='60' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCOZkB56s212HKs0RFY2gBjEeqXkuzvK4NA5ul9kmr0KhJZqWGqOCJqO3RccXUfEuH7KizsckUYSzPcUQ_R6AiyAFZdWT9ntNSvUMg7Rq89NzyjqoyUk7tgOtVwY7tKWM/s220/n1537279240_2388.jpg' width='80'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/09851596598620421450' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
aReZz
</a>
</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/09851596598620421450' rel='author'>Lihat profil lengkapku</a>
<div class='clear'></div>
</div>
</div><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>Pengikut</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
window.followersIframe = null;
function followersIframeOpen(url) {
gapi.load("gapi.iframes", function() {
if (gapi.iframes && gapi.iframes.getContext) {
window.followersIframe = gapi.iframes.getContext().openChild({
url: url,
where: document.getElementById("followers-iframe-container"),
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'_ready': function(obj) {
window.followersIframe.getIframeEl().height = obj.height;
},
'reset': function() {
window.followersIframe.close();
followersIframeOpen("https://www.blogger.com/followers/frame/5056679545558682301?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMyMjIyMjIiByMyMjg4YmIqByNmZmZmZmYyByMwMDAwMDA6ByMyMjIyMjJCByMyMjg4YmJKByM5OTk5OTlSByMyMjg4YmJaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3did\x26origin\x3dhttp://arezziuz.blogspot.com");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers/frame/5056679545558682301?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMyMjIyMjIiByMyMjg4YmIqByNmZmZmZmYyByMwMDAwMDA6ByMyMjIyMjJCByMyMjg4YmJKByM5OTk5OTlSByMyMjg4YmJaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3did\x26origin\x3dhttp://arezziuz.blogspot.com");
</script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='sidebar section' id='sidebar-right-2-1'><div class='widget HTML' data-version='1' id='HTML3'>
<h2 class='title'>chat box</h2>
<div class='widget-content'>
<script type="text/javascript">
function popcbox() {
cboxwin = window.open("","Cbox","width=200,height=380,toolbar=no,scrollbars=no,status=no,resizable=yes");
cboxwin.document.write('<html><head><title>Cbox ');
cboxwin.document.write(' '); cboxwin.document.write('<![CDATA[Cbox needs frames!]]>