belajar membuat website

share

  • belajar membuat website

    Belajar Membuat Website Sendiri


    Belajar membuat website sendiri di localhost menggunakan web server xampp dengan bahasa pemrograman HTML, CSS, PHP, dan JavaScript
  • belajar membuat website
    Service
    1. Complete Website
    2. Only web script
    3. Web modification
    4. Application program
    5. Free web template
    6. Free application
    7. Basic SEO
    8. Article request
    9. Tutorial programing
  • belajar membuat website
    MOTO
    "Kepuasan Pelanggan adalah Prioritas kami, Sebagai Pemicu Semangat Dalam Memberikan Pelayanan Terbaik".
  • belajar membuat website Teknologi dan Bahasa
    PHP-5, HTML-5, CSS3, SQL Server, MySQL Database, Access Database, Java, JavaScript, dan Visual Basic.
  • belajar membuat website
    VISI
    "Menjadi penyedia layanan yang terpercaya dan maju dalam dunia Teknologi Informasi."

Belajar Membuat Website Sendiri di Localhost

Belajar Membuat Website Sendiri di Localhost, pada kesempatan kali ini kami rajaputramedia.com sebagai penyedia jasa pembuatan website profesional di Indonesia akan memberikan sebuah tutorial tentang bagaimana cara belajar membuat website sendiri di localhost. Pada artikel sebelumnya kami telah menjelaskan tentang bagaimana Belajar Pemrograman HTML Tingkat Lanjutan, artikel tersebut sangat berkaitan dengan tutorial belajar membuat website sendiri ini, dimana HTML akan digunakan sebagai script yang membentuk dokumen-dokumen website. Kemudian setelah dokumen tersebut terbentuk maka langkah selanjutnya adalah membuat tampilan website pada browser, untuk membuat tampilan ini sebetulnya dapat digunakan HTML akan tetapi tidak sebagus menggunakan pemrograman CSS yang dapat membentuk tampilan / design web seperti yang kita inginkan, untuk itu pada tutorial belajar membuat website sendiri localhost ini, CSS akan kami implementasikan bersamaan dengan HTML. Untuk mengetahui apa itu CSS dapat Anda lihat sendiri di sini Pengertian CSS dan apa itu CSS.

Kemudian aplikasi atau software apa yang dibutuhkan untuk membuat website? jangan - jangan mahal? Tentu saja tidak, aplikasi yang dibutuhkan untuk mengikuti tutorial belajar membuat website sendiri ini telah tertanam di dalam Windows personal computer anda, yaitu:

  • Notepad
  • Web Browser ( Internet Explorer, Mozilla Firefox, Opera, Google Chrome )

Belajar Membuat Website Sendiri

belajar membuat website

Belajar Membuat Website

Jadi membuat website itu sederhana, tidak terlalu banyak membutuhkan software atau aplikasi khusus, semua telah tersedia di dalam komputer windows Anda. Berikut adalah langkah-langkah belajar membuat website sendiri di localhost:

Download Free eBook Belajar Membuat Website

1. Buat folder dengan nama "websiteku" di dalam directory D:\

2. Buka notepad, kemudian ketikan srcipt CSS di bawah ini.

style.css

/* 
	project: Design Web Template
	author: http://www.rajaputramedia.com
	Cascade Style Sheets file
*/

#art-main{
	background: #FCFCFC scroll;
	margin:0 auto;
	font-size: 13px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	position: relative;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	cursor:default;
	overflow:hidden;
}
h1{
	font-size: 40px;
	font-family: vivaldi;
	color : #303780;
}
h2{
	font-size: 16px;
	font-family:Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	color : #FFAF00;
}
h3{
	font-size: 16px;
	font-family:Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-nav{ /* navigasi atas */
	background: #E0E0E0;
	width: 100%;
	padding:6px;
	margin:0 auto;
	position: relative;
	z-index: 100;
	font-size: 0;
	box-shadow: 0 5px 7px -5px #222;
}
.topmenu {
    height: 16px;
    margin : 0px;
    padding : 0px;
}
.topmenu p {
    position : relative;
    width : 400px;
    margin-left : 10px;
    margin-top : 8px;
    line-height : 8px;
    font-size : 11px;
    color : #6a6a6a;
}
.topmenu a{
    color : #6a6a6a;
    text-decoration: none;
}
.topmenu a:hover{
    text-decoration :underline;
}
.topmenu span {
    margin-left : 20px;
}

.art-header { /* web header */
    height: 120px;
	width: 75%;
    margin : 5px auto 0;
    padding : 2px;
}

.menumid { /* web menu */
	height: 38px;
	background: #22275A;
	background: -moz-linear-gradient(top, #22275A 0%, #94AED4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #22275A), color-stop(100%, #94AED4));
	background: -webkit-linear-gradient(top, #22275A 0%, #94AED4 100%);
	background: -o-linear-gradient(top, #22275A 0%, #94AED4 100%);
	background: -ms-linear-gradient(top, #22275A 0%, #94AED4 100%);
	background: linear-gradient(top, #22275A 0%, #94AED4 100%);
	width: auto;
	margin-left: 12.5%;
	margin-right: 12.5%;
	box-shadow: 0 5px 5px -5px #333;
	vertical-align:middle;
}
.menumid ul {
	list-style: none;
}
.menumid > ul {
	float: left;
}
.menumid > ul > li {
	float: left;
}
.menumid > ul > li > a {
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-decoration: none;
	line-height:12px;
	margin: 5px 30px 0 5px;
}
.menumid > ul > li:hover > a {
	text-decoration:none;
	color:#FFF;
}

.art-sheet{ /* web content */
	background: #FCFCFC;
	border-radius:0px;
	padding:5px 0 0 10px;
	margin:5px auto 0;
	position:relative;
	cursor:auto;
	width: 75%;
	z-index: auto !important;
}
.art-sheet p{
	position:relative;
	cursor:auto;
	width: 75%;
	line-height: 175%;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-sheet a{
	line-height: 175%;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-decoration:none;
	color:#6a6a6a;
}
.art-sheet a:hover{
	color: #ffa500;
	font-size: 12px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-decoration: underline;
}

.art-footer{ /* footer */
	background:#94AED4;
	margin:40px auto 0;
	position: relative;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-align: left;
	width: 75%;
	height:100px;
	border-radius: 0px;
	box-shadow: 0 -7px 7px -7px #888;
	padding:20px 0 10px 10px;
}

.art-footer a, .art-footer a:link, .art-footer a:visited, .art-footer a:hover{
	color: #FFF;
	font-size: 12px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-decoration: none;
	margin: 0 10px 0 10px;
}
.art-footer a:hover{
	color: #ffa500;
	font-size: 12px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-decoration: underline;
}
.art-footer p{
	font-size: 12px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

Save as file tersebut kedalam folder "websiteku" yang telah dibuat di directory D:\ dengan nama style.css

3. Buka kembali notepad, kemudian ketikan srcipt HTML di bawah ini.

index.html - belajar membuat website sendiri

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
    <title>Website Pribadiku | Belajar Membuat Website Sendiri</title>	
    <link rel="stylesheet" href="style.css" media="screen">
</head>
<body>
	<div id="art-main">
		<nav class="art-nav">
			<div class="topmenu">
				<p>
				<span><a href="http://www.rajaputramedia.com">Home</a></span>
				<span><a href="#">Contact</a></span>
				<span><a href="#">Login</a></span>
				</p>
			</div>
		</nav>
		<div class="art-header">
			<h1>Website Pribadiku</h1>
		</div>
		<div class="menumid">
			<ul>
				<li><a href="#">MAIN</a></li><li><a href="#">PRODUCT</a></li><li><a href="#">SERVCIE</a></li><li><a href="#">PLANT</a></li><li><a href="#">ABOUT US</a></li><li><a href="http://www.rajaputramedia.com">CONTACT US</a></li>
			</ul>
		</div>
		<div class="art-sheet">
			<h2><i>Jasa Pembuatan Website - Aplikasi - Only Script Module</i></h2>
			<p style="text-align: justify;">Produk Unggulan Kami adalah Website - Belajar membuat website sendiri - belajar pemrograman website. Personal web, company profile, website toko-online, dan aplikasi berbasis web. Termasuk belajar membuat website sendiri, belajar membuat website, belajar pemrograman website, dan membuat website localhost. Kami bekerja menggunakan teknologi terkini, dengan bahasa pemrograman versi terbaru, sehingga produk yang dihasilkan dapat berjalan hampir di semua platform. Kami sadari sepenuhnya bahwa kami adalah pengembang baru, pendatang baru di dunia Teknologi Informasi, akan tetapi tetap berusaha untuk memberikan kualitas terbaik. Jika pengembang senior menggunakan teknologi HTML5, PHP5, CSS3, JavaScript, dan MySQL Database untuk mengembangkan sebuah website, kami pun ikut serta menggunakan teknologi ini. read more...

<p style="text-align: justify;"><a href="#">view product</a></p> <hr style="border: none; background-color: #B1B8C3; color: #B1B8C3; height: 1px; margin-bottom: 25px;"> <h2>Teknologi dan Bahasa</h2> <p style="text-align: justify;">Belajar membuat website sendiri - belajar pemrograman website - Teknologi & Bahasa yang kami gunakan merupakan teknologi terkini yang sedang berkembang dalam dunia Teknologi Informasi, diantaranya adalah PHP-5, HTML-5, CSS3, SQL Server, MySQL Database, Access Database, Java, JavaScript, dan Visual Basic.</p> </div> <footer class="art-footer"> <a href="#">Home</a> | <a href="#">Localhost</a> | <a href="#">Support</a> | <a href="#">TOS</a> <p style="text-align: center;"><span style="font-size:10px;"><a href="http://www.rajaputramedia.com/" target="_blank" style="font-size:10px;">Web Development</a>by rajaputramedia.com - belajar membuat website sendiri</span></p> </footer> </div> </body> </html>

Save as file tersebut kedalam folder "websiteku" yang telah dibuat di directory D:\ dengan nama index.html

Free Download Tutorial Belajar Membuat Website

Download and View Script Belajar Membuat Website Sendiri

Kemudian buka folder "websiteku" di dalam directory D:\ dan pastikan di dalam folder tersebut terdapat 2 (dua) file, yaitu index.html dan style.css , seperti tampilan gambar dibawah ini:

belajar membuat website

belajar membuat website sendiri

4. Double klik file dengan nama index.html dan lihat apa yang akan tampil didalam web-browser Anda.

Sekian penjelasan dari kami tentang belajar membuat website sendiri di localhost PC Anda. Source code tutorial ini dapat di download melalui link di atas. Jika masih kurang memahami tutorial ini, Anda dapat mengajukan pertanyaan melalui form komentar. Semoga dapat membantu.

Baca juga :


Belajar Membuat Website Sendiri

Tags: belajar membuat website, belajar program website, membuat website localhost, localhost, belajar sendiri, web localhost, belajar membuat website sendiri


Reliable

belajar membuat website

Translate Page

Advertise

belajar membuat website

Payment & Donation

belajar membuat website

Rekening BCA : 343 1156 006

a/n : Andi Hatmoko

Rekening MANDIRI : 13300 11921 079

a/n : Andi Hatmoko

belajar membuat website

Account :

andihatmoko@gmail.com

Google +

Live Chat

dwi2017-11-22, 22:15 pm
min kok buat live chat ga bisa ya cara bukanya gimana
rudy2017-10-27, 11:39 am
script nya ko ga bisa di blok ya??. mau saya copy
Yudhistir2017-10-10, 10:48 am
Maaf mas, link download simpeg v.4 nya kok ga bisa ya
yosie2017-10-09, 14:07 pm
selamat siang, tertarik dengan program aplikasi stock barangnya. apakah ini free atau harus beli
junaidi2017-10-09, 08:25 am
kami mau input data pegawai tapi download aplikasinya susah, tolong solusinya admin.. a.n SDN 269 LAMBATU, Lutim
bayu 2017-10-07, 18:32 pm
misi admin saya mau tanya kalo buat download nya dimana iya
Dalil2017-09-20, 16:24 pm
Min, Q pingin bikin sofware data base keanggotaan sebuah Organisasi dengan daftar data diri, tahun pelantikan, dan area
igratiann2017-09-20, 11:27 am
Min, mau nanya, ada contoh script untuk multiple insert dengan tabel, gak?
Sherina s2017-09-18, 09:52 am
cara download nya gimana ini teh?
Leni M.A2017-09-14, 13:48 pm
Kasih link nya dongg plisss aku butuh buat tugas sekolah nihhh
Teguh2017-09-13, 20:06 pm
cara membuat widget google+ gimana, buat tutorialnya dong
intan2015-03-05, 22:22 pm
kalo ingin membuat halaman admin dari program chat seperti ini bagaimana script php nya ???
Amat2015-01-21, 19:03 pm
Untuk kolom bawaan gimana isinya
andela2014-09-11, 09:01 am
saya memerlukan aplikasi/softwere untuk membuat website bagaimana caranya?
Andreas2014-05-22, 19:40 pm
Isi artikelnya bagus, mudah di ikuti buat praktek langsung. Thanks admin
Nanda2014-05-17, 02:07 am
Cara pemesanan aplikasi berbasis web nya gimana, apa bisa scriptnya saja yang dikirim?
Edo2014-01-29, 06:13 am
Dear Admin, Kalo mau order script bagaimana caranya?
Irwan2014-01-22, 03:44 am
Pak admin, kapan free aplikasi nya di release?
angelo2014-01-11, 03:17 am
pak admin websitenya keren abis, kapan kita berkumpul ya
Sania2014-01-04, 03:21 am
Bagaimana cara instal template yg sudah didownload?

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 

belajar membuat website