belajar membuat website sendiri di localhost

share

belajar membuat website sendiri di localhost belajar membuat website sendiri di localhost belajar membuat website sendiri di localhost belajar membuat website sendiri di localhost belajar membuat website sendiri di localhost
  • belajar membuat website sendiri di localhost

    Belajar Membuat Website Sendiri


    Tutorial belajar membuat website sendiri di localhost menggunakan web server xampp dengan kode program HTML, CSS, PHP, dan JavaScript lengkap dengan script source code.
  • belajar membuat website sendiri di localhost
    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 sendiri di localhost
    MOTO
    "Kepuasan Pelanggan adalah Prioritas kami, Sebagai Pemicu Semangat Dalam Memberikan Pelayanan Terbaik".
  • belajar membuat website sendiri di localhost Teknologi dan Bahasa
    PHP-5, HTML-5, CSS3, SQL Server, MySQL Database, Access Database, Java, JavaScript, dan Visual Basic.
  • belajar membuat website sendiri di localhost
    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 sebagai penyedia jasa pembuatan website profesional di Indonesia akan memberikan sebuah tutorial tentang bagaimana cara membuat website sendiri di localhost. Di 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 di Localhost

belajar membuat website sendiri di localhost

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 dengan mudah.

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. <a href="#">read more...</a></p>
			<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 sendiri di localhost

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 di Localhost

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


Reliable

belajar membuat website sendiri di localhost

Advertise

Payment & Donation

belajar membuat website sendiri di localhost

Rekening BCA : 343 1156 006

a/n : Andi Hatmoko

Rekening MANDIRI : 13300 11921 079

a/n : Andi Hatmoko

belajar membuat website sendiri di localhost

Account :

andihatmoko@gmail.com

Live Chat

LewisBroto2024-07-24, 21:18 pm
Decode Electric Unicycle Jargon for Beginners Explaining e_ unicycle vocabulary can assist novices comprehend
BrianmiX2024-07-24, 09:05 am
Assessing Mechanical Keyboard buttons Not all mechanical keyboard knobs are the same, and selecting the
yuwei 2024-07-23, 23:57 pm
database feminim style
RichardDaymn2024-07-23, 14:10 pm
ones Corporate Traveler Rucksack and Connecting Among Work and Recreation_ Achieve seamless work and personal bala
Ashter2024-07-17, 15:52 pm
Aplikasi Raja Anggota berapa ya Kak ? gimana Ordernya
alan2024-07-12, 12:45 pm
Dijual berapa softwarenya ini kak ?
Prasetyo2024-06-27, 22:09 pm
mohon maaf untuk mendapatkan Program Aplikasi Kepegawaian SIMPEG bagaimana caranya?
annan2024-06-13, 21:56 pm
Terimakasih untuk aplikasinya
samsudin2024-05-13, 06:10 am
bagaimana saya mendapatkan aplikasi pendataan anggota ini ?
samsudin2024-05-13, 06:07 am
saya minat aplikasi pendataan anggota ini, bgaimana supaya saya bisa memakainya, info harga dll
arfuziankw2024-04-25, 14:04 pm
mau tanya untuk harga simpeg berapa yaa
sonny2024-04-11, 20:55 pm
saya tertarik dengan aplikasi crud data anggota, namun ada kebutuhan setiap anggota punya data VA, info harga?
suharna2024-03-24, 17:06 pm
saya tertarik dengan aplikasi ini bagaimana cara mendapatkannya danbgImana caranya terimakasih
VICTOR VALEN2024-03-12, 23:17 pm
ingin memiliki aplikasi KGB ini
Yuseph2024-03-11, 17:18 pm
Sy tertarik aplikasi input data anggota,, di harga berapa aplikasinya??
Cahyo2024-03-05, 15:36 pm
untuk tanya_ tanya custom menu gimana pak? dan donasinya berapa?
Helmy2024-03-03, 20:29 pm
saya tertarik dengan beberapa aplikasi, bagaimana saya bisa dapatkan_ mohon infonya
Arif2024-02-29, 15:36 pm
saya tertarik aplikasi input data anggota
michel2024-02-14, 03:51 am
mw tanya apakah ada source untuk pendtaan koperasi
Edisman2024-02-13, 22:28 pm
Bagaimana cara saya mendapatkan aplikasi Cuti
Edisman2024-02-13, 22:15 pm
Saya tertarik aplikasi cuti online
Wawan2024-02-06, 11:25 am
Apakah ada aplikasi khusus penyewaan multimedia dengan custom output invoice, kwitansi, Laporan
Dedi Maryadi2024-01-24, 18:02 pm
Saya tertarik beberapa aplikasi web nya jadi bagaimana cara tahu harga nya_ _ _ _ mohon info nya
erdi2024-01-18, 08:42 am
mw tanya harga aplikasi sppd v2
turido2024-01-14, 10:55 am
gan,harga & cara order Aplikasi Inventory Barang Gudang berbasis web bagaimana ya?
Tubagus Rifk2023-12-14, 20:43 pm
link download nya gak ada gan
ade supriadi2023-12-13, 23:35 pm
mw tanya harga aplikasi sppd v2_ _
Agus PS2023-12-05, 08:51 am
Cara download aplikasi upload foto bagaimana ya Kak?
Wicak2023-12-01, 13:05 pm
Mau tanya harga
harun 2023-11-07, 21:16 pm
cera beli aplikasi arsip digital bagaimana ?
anto2023-10-30, 20:17 pm
saya tertarik ingin mencoba aplikasi input data anggota
ilham2023-10-17, 10:46 am
harga untuk aplikasi pembuat ktp berapa
ALFA2023-10-13, 06:51 am
berapa harga simpeg 7_ 2 dan apakah bisa print surat keputusan kenaikan berkala dan golongan?
basoke2023-10-07, 10:42 am
Berapa harganya SIMASN?
Adi2023-10-03, 16:23 pm
Bagaimana cara download aplikasi rental?
David2023-09-29, 16:02 pm
Untuk aplikasi arsip berapa donasinya , terima kasih
AYI SYAHFITR2023-09-25, 10:33 am
Assalamualaikum, maaf apakah aplikasi ini berbayar atau bisa di instal bebas?
yulli2023-09-24, 17:09 pm
saya mau bertanya utk aplikasi sppd,brp dijualnya,terimakasih
yulli2023-09-24, 17:00 pm
saya mau bertanya utk aplikasi sppd,brp donasinya,
DENIEL AFRIA2023-09-20, 15:01 pm
berapa unruk program_ aplikasi_ surat_ masuk_ dan_ surat_ keluar
untuk harga 2023-09-20, 07:20 am
untuk harga aplikasi sipas brp min
Slamet2023-09-19, 10:05 am
untuk program aplikasi pendataan umkm, kalau boleh tahu dijual berapa?_ terima kasiih
Pria2023-09-14, 14:37 pm
untuk donasi menggunakan aplikasi ini berapa gan
Amot2023-09-09, 08:46 am
apakah framework nya php kak? berapa minimal donasi kak agar dpt password nya?
rizal2023-08-24, 06:09 am
untuk harga aplikasi sipas brp min
Muji2023-08-20, 22:51 pm
Saya dan temen_ temen seorganisasi tertarik dengan Program Aplikasi Input Data Anggota, berapakah harga aplikasi tersebut
Miftah2023-08-09, 16:36 pm
Apakah bisa develope aplikasi sistem management atlet, khususnya cabang olahraga atletik, data atlet, result event, dll
sutrisno2023-08-09, 11:45 am
bos haraga aplikasi surat berapa
Fahrul,S.Kom2023-08-07, 15:34 pm
saya tertarik dengan aplikasi SIPAS V2_ 0
ratna2023-07-30, 09:44 am
Mas aplikasi Sppd harganya berapa njih
Cien2023-07-25, 08:33 am
Buat biodata diri pakai tipe data boolean di php bagaimana min?
Viqi2023-07-20, 11:40 am
Untuk mendapatkan Aplikasi sarpras V4, Bayar berapa min?
Bimo Cakti T2023-07-13, 13:54 pm
aplikasi cuti online pegawai berapa min? mohon info
Dwi P2023-07-11, 21:45 pm
Mohon maaf mau menanyatakn aplikasi SIMPEG kira_ kira berapa harganya? Bisa dilist kan untuk semua SIMPEG
Duta2023-07-10, 18:38 pm
Saya ingin beli aplikasi Sipas V2_ 0
Alex2023-07-10, 11:38 am
Halo gan saya mau nanya2 dulu ya_ aplikasi perjalanan dinas SPD v2 itu bisa kita dapat source codenya donasi berap yah_ _
FIYO FAHREZI2023-07-09, 21:25 pm
Mas saya mau beli aplikasi KTP
sila susila2023-07-09, 17:06 pm
aplikasi pembayaran SPP sekolah donasi berapa klo untuk skripsi?
aa2023-07-06, 21:43 pm
net simpeg brp min?
aditya2023-06-22, 13:12 pm
berapa harga untuk aplikasi inventory? bagaimana transaksinya?
michael 2023-06-20, 23:06 pm
saya mau tanya kalo penamabahan harga untuk jumlah keseluruhan nya tu bgimana ya? terima kasih
Muhadi2023-06-20, 12:14 pm
Software aplikasi pembayaran SPP sekolah bisa diakses pakai HP tidak?
Fadly2023-06-18, 20:41 pm
Source code aplikasi arsip digital di jual harga berapa min? minat SC nya saja
Marisca2023-06-13, 08:16 am
Saya sedang diklat PIM IV, rencana akan memakai aplikasi kepegawaian simpeg untuk proyek perubahan, bisa dibantu?

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 
belajar membuat website sendiri di localhost