LAPORAN PEMROGRAMAN WEB WEB INFORMASI HA (1)
LAPORAN PEMROGRAMAN WEB
[WEB INFORMASI HARGA ALAT MUSIK]
DISUSUN OLEH :
[091110150] Deddy Wahyu Hermawan
[091110154] Lailatul Wahidah
[091110144] Dimas Arsetyo Guntoro
SEKOLAH TINGGI INFORMATIKA & KOMPUTER INDONESIA
2011
HALAMAN PERSETUJUAN
LAPORAN PEMROGRAMAN WEB
DISUSUN OLEH :
[091110150] Deddy Wahyu Hermawan
[091110154] Lailatul Wahidah
[091110144] Dimas Arsetyo Guntoro
Telah disetujui untuk dilaksanakan oleh :
Malang, Juli 2011
Eko T.T
Dosen Pemrograman WEB
Kata Pengantar
Pertama kami ucapkan puji syukur kepada Tuhan Yang Maha Esa atas penyertaan-Nya
dalam penyelesaian pengerjaan Tugas Akhir Pemrograman WEB ini. Serta ucapan terima kasih
atas bimbingan dari Bapak Eko selaku dosen Pemrograman Web yang telah membimbing kami
dalam kuliah Pemrograman WEB.
Adapun bagian dari web ini banyak penggunaan dari CSS dalam home indexnya. Kami
menyajikan sebuah web sederhana dan juga kami senantiasa membuka tangan dan hati terhadap
tanggapan, saran, kritik demi perbaikan dan pengembangan.
DAFTAR ISI
i. Judul …………………………………………………………………………… 1
ii. Persetujuan …………………………………………………………………….. 2
iii. Kata Pengantar ……………………………………………………………….. . 3
iv. Daftar Isi ………………………………………………………………………. 4
v. Pendahuluan …………………………………………………………………… 5
vi. Rancangan Web ……………………………………………………………….. 6
vii. Implementasi Web …………………………………………………………….. 7
viii. Penutup ……………………………………………………………………….. 10
ix. Lampiran ……………………………………………………………………… 11
BAB I
PENDAHULUAN
A.
JUDUL WEB
Informasi Harga Alat Musik
B. LATAR BELAKANG MASALAH
Teknologi komputer sudah menjadi suatu kebutuhan yang penting akhir –
akhir ini, dan itu berdampak pada semua aspek bisnis. Salah satunya adalah alat
musik. Saat ini dunia belantika musik sedang menggeliat, terlebih dengan
penjualan alat-alat musik yang semakin banyak di pergunakan. Sehingga banyak
orang mencari harga alat-alat musik tersebut dan banyak yang menggunakan
internet sebagai wadah dalam pencarian tersebut.
C. Halaman WEB
Tujuan pembuatan halaman web ini adalah untuk memberi informasi yang
sederhana dan mudah untuk dipergunakan dalam melakukan pencarian harga
seputar alat-alat musik.
Meskipun web ini dalam bahasa inggris, tetapi tidak mengurangi
kesederhanaan dalam mencari informasi. Sehingga terlihat user friendly.
BAB II
RANCANGAN WEB
Pada halaman awal web kami, di headernya terpampang empat buah menu pilihan. Pada
home berisi perkenalan web kami, yaitu kalimat penjelasan yang ditulis dalam bahasa inggris
mengenai fungsi web ini. Di pilihan menu kedua yaitu Product berisi category dari berbagai alatalat music yang tersedia. Bila di klik maka halaman akan berganti pada category yang dipilih. Di
pilihan menu ke tiga yaitu Pricelist berisi nama product dan juga harga tanpa gambar product.
Dan disusun menjadi sebuah daftar kebawah. Dan pada menu contact berisi identitas kami. Dan
disebelah kanan isi halaman web terdapat link untuk memudahkan memilih langsung category
product, beserta contact dan showroom.
Di dalam rancangan ini desain kami focus dengan nuansa music yang berwarna-warni untuk
mensupport background kita yg berwarna hitam dan pada web ini kami merancangnya dengan
sangat sederhana dengan tujuan untuk mempermudah user yang mengaccess web kami agar
mendapatkan informasi yang sebanyak-banyaknya. Kami juga menyediakan contact person
untuk memberikan informasi lebih pada user yang memiliki kesulitan. Pemilihan font Arial pada
web kita ini agar memudahkan user membaca informasi yang ada di web kami, pada halaman
home kami menyediakan fasilitas translate untuk kalimat pembuka dengan cara mengarahkan
pointer mouse pada kalimat tersebut.
BAB III
IMPLEMENTASI WEB
Home
Product
Category
Price List
Contact
BAB IV
PENUTUP
Kesimpulan yang kami dapat dari web kami yang sederhana adalah masih banyak
kekurangan yang mesti dibenahi. Terlepas dari itu kami merasakan bahwa fungsi dari tujuan
yang telah kami tetapkan yaitu sebagai web informasi harga alat-alat musik telah mengambil
tempat yang tepat.
Maka dari itu bila ada kesalahan dalam tulisan ataupun kekurangan dari apa yang telah
dituliskan, kami mohon maaf sebesar-besarnya.
Akhir kata kami ucapkan terima kasih pada pihak-pihak yang telah membimbing kami.
Semoga Web ini dapat memberi suatu contoh dalam penggunaannya yang sederhana bagi
masyarakat yang awam.
LAMPIRAN
Listing Program
A. Home
Mandriva Music
HOME
PRODUCT
PRICELIST
CONTACT
welcome to mandriva music
We try to present the data as accurately as possible whether it's specifications, shapes
and colors on the product image. For the accuracy of product information, we display products are advised to also refer to
the official website of the product concerned or to contact our customer service to get more complete information. If you find errors in the information we present, please notify us, so that you are helping
other visitors to get the correct data. Thank You.
Categories
Acoustic Guitars
Bass Amplifier
Digital Piano
Drums
Electric Acoustic
Electric Bass
Electric Guitars
Guitars Amplifier
Contact
Deddy (085649289339)
Lailatul (081945553392)
Dimas (08986310993)
Showroom
Jl. Raya Tidar 100
©2011 STIKI
B. Product
Mandriva Music
HOME
PRODUCT
PRICELIST
CONTACT
categories
Acoustic Guitars
Bass Amplifier
Digital Piano
Drums
Electric Acoustic
Electric Bass
Electric Guitars
Guitars Amplifier
Guitars Amplifier
Categories
Acoustic Guitars
Bass Amplifier
Digital
Piano
Drums
Electric Acoustic
Electric
Bass
Electric
Guitars
Guitars Amplifier
Contact
Deddy (085649289339)
Lailatul (081945553392)
Dimas (08986310993)
Showroom
Jl. Raya Tidar 100
©2011 STIKI
C. Pricelist
Mandriva Music
HOME
PRODUCT
PRICELIST
CONTACT
pricelist products
Acoustic Guitars
Product Name
Price
Yamaha C390
Rp. 885.000,-
Yamaha C330
Rp. 680.000,-
Yamaha CS40
Rp. 600.000,-
Yamaha F310
Rp. 775.000,-
Bass Amplifier
Product Name
Price
Russel Beastmaster 150
Rp. 2.890.000,-
Russel RB20
Rp. 690.000,-
Russel RB50
Rp. 1.220.000,-
Russel RB90
Rp. 1.270.000,-
Russel Storm 100
Rp. 2.150.000,-
Russel Thuder Bass 200
Rp. 5.120.000,-
Digital Piano
Product Name
Price
Yamaha CLP320
Rp. 10.400.000,-
Yamaha CLP330
Rp. 10.700.000,-
Drums
Product Name
Price
Mapex QE5245T
Rp. 4.450.000,-
Mapex VX5255TA
Rp. 5.600.000,-
Sonor Force 507
Rp. 4.750.000,-
Tama Imperialstar
Rp. 7.000.000,-
Yamaha Gigmaker
Rp. 8.000..000,-
Electric Acoustic
Product Name
Price
Yamaha APX500
Rp.1.850.000,-
Yamaha CX40
Rp. 1.040.000,-
Yamaha FX310
Rp. 1.100.000,-
Electric Bass
Product Name
Price
Yamaha RBX170
Rp. 1.790.000,-
Yamaha RBX270J
Rp. 1.980.000,-
Electric Guitars
Product Name
Price
Ibanez GAX70
Rp. 2.000.000,-
Ibanez GRX20
Rp. 1.700.000,-
Rockwell Baby Blues
Rp. 1.000.000,-
Rockwell EX22
Rp. 1.050.000,-
Rockwell RA S
Rp. 1.250.000,-
Rockwell RLP22
Rp. 1.250.000,-
Rockwell RV22
Rp. 1.550.000,-
Yamaha Pasifica 012
Rp. 1.330.000,-
Yamaha Pasifica 112J
Rp. 1.800.000,-
Yamaha Pasifica 112V
Rp. 2.550.000,-
Yamaha RGX 121Z
Rp. 1.890.000,-
Guitars Amplifier
Product Name
Price
Russel RG15CD
Rp. 650.000,-
Russel RG30
Rp. 1.040.000,-
Russel RG60
Rp. 1.350.000,-
Russel ROKR 80
Rp. 1.850.000,-
Russel SURFER 60
Rp. 1.800.000,-
Categories
Acoustic Guitars
Bass Amplifier
Digital
Piano
Drums
Electric Acoustic
Electric
Bass
Electric
Guitars
Guitars Amplifier
Contact
Deddy (085649289339)
Lailatul (081945553392)
Dimas (08986310993)
Showroom
Jl. Raya Tidar 100
©2011 STIKI
D. Contact
Mandriva Music
HOME
PRODUCT
PRICELIST
CONTACT
contact person
Deddy Wahyu Hermawan
e-mail : deddy_kempong@yahoo.com
telp : 085649289339
Lailatul Wahidah
e-mail : syailaalial@yahoo.com
telp : 081945553392
Dimas Arsetyo Guntoro
e-mail : dimas.strife@gmail.com
telp : 08986310993
Categories
Acoustic Guitars
Bass Amplifier
Digital
Piano
Drums
Electric Acoustic
Electric
Bass
Electric Guitars
Guitars Amplifier
Contact
Deddy (085649289339)
Lailatul (081945553392)
Dimas (08986310993)
Showroom
Jl. Raya Tidar 100
©2011 STIKI
E. Category(Acoustic Guitars, Drums, Dll)
Mandriva Music
HOME
PRODUCT
PRICELIST
CONTACT
acoustic guitars
YAMAHA C330
Price Rp. 680.000,-
YAMAHA C390
Price Rp. 885.000,-
YAMAHA CS40
Price Rp. 600.000,-
YAMAHA F310
Price Rp. 775.000,-
Categories
Acoustic Guitars
Bass Amplifier
Digital
Piano
Drums
Electric Acoustic
Electric
Bass
Electric
Guitars
Guitars Amplifier
Contact
Deddy (085649289339)
Lailatul (081945553392)
Dimas (08986310993)
Showroom
Jl. Raya Tidar 100
©2011 STIKI
F. Style CSS
body {
margin: 0;
padding: 0;
background: #010101 url(images/img01.gif) repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #616161;
}
h1, h2, h3 {
margin: 0;
padding: 0;
font-weight: normal;
color: #810988;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 2.8em;
}
h3 {
font-size: 1.6em;
}
p, ul, ol {
margin-top: 0;
line-height: 180%;
}
ul, ol {
}
a{
text-decoration: none;
color: #B23C1C;
}
a:hover {
}
#wrapper {
margin: 0 auto;
padding: 0;
background: url(images/img03.gif) no-repeat center top;
}
.container {
width: 1000px;
margin: 0px auto;
}
/* Header */
#header {
width: 900px;
height: 150px;
margin: 0 auto;
padding: 0px 50px;
background: url(images/img01.jpg) no-repeat left top;
}
/* Logo */
#logo {
float: left;
width: 300px;
margin: 0;
padding: 0;
color: #B23C1C;
}
#logo h1, #logo p {
}
#logo h1 {
padding: 60px 0px 0px 0px;
letter-spacing: -2px;
text-transform: lowercase;
font-size: 3.8em;
}
#logo h1 a {
color: #B23C1C;
}
#logo p {
margin: 0;
padding: 0px 0 0 0px;
letter-spacing: -1px;
font: normal 18px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #8E8E8E;
}
#logo p a {
color: #8E8E8E;
}
#logo a {
border: none;
background: none;
text-decoration: none;
color: #000000;
}
/* Splash */
#splash {
width: 960px;
height: 300px;
margin: 0px auto;
}
/* Menu */
#menu {
float: right;
width: 500px;
height: 90px;
margin: 0 auto;
padding: 0;
}
#menu ul {
float: right;
margin: 0;
padding: 85px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
}
#menu a {
display: block;
margin-right: 1px;
padding: 10px 15px 15px 15px;
background: url(images/img06.gif) no-repeat left 12px;
text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
border: none;
}
#menu a:hover, #menu .current_page_item a {
text-decoration: none;
color: #B23C1C;
}
#menu .current_page_item a {
}
/* Page */
#page {
width: 900px;
margin: 0 auto;
padding: 30px 30px;
background: #000000;
}
/* Content */
#content {
float: left;
width: 580px;
padding: 0px 0px 0px 0px;
}
.post {
overflow: hidden;
margin-bottom: 40px;
border-bottom: 1px dotted #1B1B1B;
}
.post .title {
height: 41px;
padding: 7px 0px 0px 0px;
letter-spacing: -1px;
}
.post .title a {
border: none;
text-transform: lowercase;
color: #B23C1C;
}
.post .meta {
margin-bottom: 30px;
padding: 0px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
.post .meta .date {
float: left;
}
.post .meta .posted {
float: right;
}
.post .meta a {
}
.post .entry {
padding: 0px 0px 20px 0px;
padding-bottom: 20px;
text-align: justify;
}
.links {
padding-top: 20px;
margin-bottom: 30px;
}
.more {
display: block;
float: left;
width: 88px;
height: 25px;
padding: 2px 0px 0px 0px;
margin-right: 10px;
background: url(images/img08.jpg) no-repeat left top;
text-align: center;
color: #FFFFFF;
}
.comments {
display: block;
float: left;
width: 88px;
height: 25px;
padding: 2px 0px 0px 0px;
background: url(images/img08.jpg) no-repeat left top;
text-align: center;
color: #FFFFFF;
}
/* Sidebar */
#sidebar {
float: right;
width: 280px;
margin: 0px;
padding: 0px 0px 0px 0px;
color: #787878;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
margin: 0;
padding: 0;
}
#sidebar li ul {
margin: 0px 0px;
padding-bottom: 30px;
}
#sidebar li li {
line-height: 35px;
border-bottom: 1px dotted #1B1B1B;
margin: 0px 30px;
border-left: none;
}
#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}
#sidebar li li a {
padding: 0px 0px 0px 15px;
}
#sidebar h2 {
height: 38px;
padding-left: 30px;
letter-spacing: -.5px;
font-size: 1.8em;
color: #B23C1C;
}
#sidebar p {
margin: 0 0px;
padding: 0px 30px 20px 30px;
text-align: justify;
}
#sidebar a {
border: none;
color: #494949;
}
#sidebar a:hover {
text-decoration: underline;
color: #B23C1C;
}
/* Calendar */
#calendar {
}
#calendar_wrap {
padding: 20px;
}
#calendar table {
width: 100%;
}
#calendar tbody td {
text-align: center;
}
#calendar #next {
text-align: right;
}
/* Three Column Footer Content */
#footer-content {
}
#footer-bg {
overflow: hidden;
width: 890px;
padding: 30px 55px 50px 55px;
background: url(images/img05.jpg) no-repeat left bottom;
}
#footer-content h2 {
margin: 0px;
padding: 0px 0px 20px 0px;
letter-spacing: -1px;
text-transform: lowercase;
font-size: 26px;
color: #FFFFFF;
}
#footer-content ul {
margin: 0px;
padding: 0px 0px 0px 20px;
}
#footer-content a {
}
#column1 {
float: left;
width: 290px;
margin-right: 30px;
}
#column2 {
float: left;
width: 280px;
}
#column3 {
float: right;
width: 260px;
}
/* Footer */
#footer {
height: 50px;
margin: 0 auto;
padding: 0px 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
}
#footer p {
margin: 0;
padding-top: 10px;
line-height: normal;
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: #202020;
}
#footer a {
color: #202020;
}
#marketing {
overflow: hidden;
margin-bottom: 30px;
padding: 20px 0px 10px 0px;
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
}
#marketing .text1 {
float: left;
margin: 0px;
padding: 0px;
letter-spacing: -2px;
text-transform: lowercase;
font-size: 34px;
color: #345E9B;
}
#marketing .text2 {
float: right;
}
#marketing .text2 a {
display: block;
width: 252px;
height: 38px;
padding: 15px 0px 0px 0px;
background: url(images/img07.jpg) no-repeat left top;
letter-spacing: -2px;
text-align: center;
text-transform: lowercase;
font-size: 30px;
color: #FFFFFF;
}
[WEB INFORMASI HARGA ALAT MUSIK]
DISUSUN OLEH :
[091110150] Deddy Wahyu Hermawan
[091110154] Lailatul Wahidah
[091110144] Dimas Arsetyo Guntoro
SEKOLAH TINGGI INFORMATIKA & KOMPUTER INDONESIA
2011
HALAMAN PERSETUJUAN
LAPORAN PEMROGRAMAN WEB
DISUSUN OLEH :
[091110150] Deddy Wahyu Hermawan
[091110154] Lailatul Wahidah
[091110144] Dimas Arsetyo Guntoro
Telah disetujui untuk dilaksanakan oleh :
Malang, Juli 2011
Eko T.T
Dosen Pemrograman WEB
Kata Pengantar
Pertama kami ucapkan puji syukur kepada Tuhan Yang Maha Esa atas penyertaan-Nya
dalam penyelesaian pengerjaan Tugas Akhir Pemrograman WEB ini. Serta ucapan terima kasih
atas bimbingan dari Bapak Eko selaku dosen Pemrograman Web yang telah membimbing kami
dalam kuliah Pemrograman WEB.
Adapun bagian dari web ini banyak penggunaan dari CSS dalam home indexnya. Kami
menyajikan sebuah web sederhana dan juga kami senantiasa membuka tangan dan hati terhadap
tanggapan, saran, kritik demi perbaikan dan pengembangan.
DAFTAR ISI
i. Judul …………………………………………………………………………… 1
ii. Persetujuan …………………………………………………………………….. 2
iii. Kata Pengantar ……………………………………………………………….. . 3
iv. Daftar Isi ………………………………………………………………………. 4
v. Pendahuluan …………………………………………………………………… 5
vi. Rancangan Web ……………………………………………………………….. 6
vii. Implementasi Web …………………………………………………………….. 7
viii. Penutup ……………………………………………………………………….. 10
ix. Lampiran ……………………………………………………………………… 11
BAB I
PENDAHULUAN
A.
JUDUL WEB
Informasi Harga Alat Musik
B. LATAR BELAKANG MASALAH
Teknologi komputer sudah menjadi suatu kebutuhan yang penting akhir –
akhir ini, dan itu berdampak pada semua aspek bisnis. Salah satunya adalah alat
musik. Saat ini dunia belantika musik sedang menggeliat, terlebih dengan
penjualan alat-alat musik yang semakin banyak di pergunakan. Sehingga banyak
orang mencari harga alat-alat musik tersebut dan banyak yang menggunakan
internet sebagai wadah dalam pencarian tersebut.
C. Halaman WEB
Tujuan pembuatan halaman web ini adalah untuk memberi informasi yang
sederhana dan mudah untuk dipergunakan dalam melakukan pencarian harga
seputar alat-alat musik.
Meskipun web ini dalam bahasa inggris, tetapi tidak mengurangi
kesederhanaan dalam mencari informasi. Sehingga terlihat user friendly.
BAB II
RANCANGAN WEB
Pada halaman awal web kami, di headernya terpampang empat buah menu pilihan. Pada
home berisi perkenalan web kami, yaitu kalimat penjelasan yang ditulis dalam bahasa inggris
mengenai fungsi web ini. Di pilihan menu kedua yaitu Product berisi category dari berbagai alatalat music yang tersedia. Bila di klik maka halaman akan berganti pada category yang dipilih. Di
pilihan menu ke tiga yaitu Pricelist berisi nama product dan juga harga tanpa gambar product.
Dan disusun menjadi sebuah daftar kebawah. Dan pada menu contact berisi identitas kami. Dan
disebelah kanan isi halaman web terdapat link untuk memudahkan memilih langsung category
product, beserta contact dan showroom.
Di dalam rancangan ini desain kami focus dengan nuansa music yang berwarna-warni untuk
mensupport background kita yg berwarna hitam dan pada web ini kami merancangnya dengan
sangat sederhana dengan tujuan untuk mempermudah user yang mengaccess web kami agar
mendapatkan informasi yang sebanyak-banyaknya. Kami juga menyediakan contact person
untuk memberikan informasi lebih pada user yang memiliki kesulitan. Pemilihan font Arial pada
web kita ini agar memudahkan user membaca informasi yang ada di web kami, pada halaman
home kami menyediakan fasilitas translate untuk kalimat pembuka dengan cara mengarahkan
pointer mouse pada kalimat tersebut.
BAB III
IMPLEMENTASI WEB
Home
Product
Category
Price List
Contact
BAB IV
PENUTUP
Kesimpulan yang kami dapat dari web kami yang sederhana adalah masih banyak
kekurangan yang mesti dibenahi. Terlepas dari itu kami merasakan bahwa fungsi dari tujuan
yang telah kami tetapkan yaitu sebagai web informasi harga alat-alat musik telah mengambil
tempat yang tepat.
Maka dari itu bila ada kesalahan dalam tulisan ataupun kekurangan dari apa yang telah
dituliskan, kami mohon maaf sebesar-besarnya.
Akhir kata kami ucapkan terima kasih pada pihak-pihak yang telah membimbing kami.
Semoga Web ini dapat memberi suatu contoh dalam penggunaannya yang sederhana bagi
masyarakat yang awam.
LAMPIRAN
Listing Program
A. Home
Mandriva Music
HOME
PRODUCT
PRICELIST
CONTACT
welcome to mandriva music
We try to present the data as accurately as possible whether it's specifications, shapes
and colors on the product image. For the accuracy of product information, we display products are advised to also refer to
the official website of the product concerned or to contact our customer service to get more complete information. If you find errors in the information we present, please notify us, so that you are helping
other visitors to get the correct data. Thank You.
Categories
Acoustic Guitars
Bass Amplifier
Digital Piano
Drums
Electric Acoustic
Electric Bass
Electric Guitars
Guitars Amplifier
Contact
Deddy (085649289339)
Lailatul (081945553392)
Dimas (08986310993)
Showroom
Jl. Raya Tidar 100
©2011 STIKI
B. Product
Mandriva Music
HOME
PRODUCT
PRICELIST
CONTACT
categories
Acoustic Guitars
Bass Amplifier
Digital Piano
Drums
Electric Acoustic
Electric Bass
Electric Guitars
Guitars Amplifier
Guitars Amplifier
Categories
Acoustic Guitars
Bass Amplifier
Digital
Piano
Drums
Electric Acoustic
Electric
Bass
Electric
Guitars
Guitars Amplifier
Contact
Deddy (085649289339)
Lailatul (081945553392)
Dimas (08986310993)
Showroom
Jl. Raya Tidar 100
©2011 STIKI
C. Pricelist
Mandriva Music
HOME
PRODUCT
PRICELIST
CONTACT
pricelist products
Acoustic Guitars
Product Name
Price
Yamaha C390
Rp. 885.000,-
Yamaha C330
Rp. 680.000,-
Yamaha CS40
Rp. 600.000,-
Yamaha F310
Rp. 775.000,-
Bass Amplifier
Product Name
Price
Russel Beastmaster 150
Rp. 2.890.000,-
Russel RB20
Rp. 690.000,-
Russel RB50
Rp. 1.220.000,-
Russel RB90
Rp. 1.270.000,-
Russel Storm 100
Rp. 2.150.000,-
Russel Thuder Bass 200
Rp. 5.120.000,-
Digital Piano
Product Name
Price
Yamaha CLP320
Rp. 10.400.000,-
Yamaha CLP330
Rp. 10.700.000,-
Drums
Product Name
Price
Mapex QE5245T
Rp. 4.450.000,-
Mapex VX5255TA
Rp. 5.600.000,-
Sonor Force 507
Rp. 4.750.000,-
Tama Imperialstar
Rp. 7.000.000,-
Yamaha Gigmaker
Rp. 8.000..000,-
Electric Acoustic
Product Name
Price
Yamaha APX500
Rp.1.850.000,-
Yamaha CX40
Rp. 1.040.000,-
Yamaha FX310
Rp. 1.100.000,-
Electric Bass
Product Name
Price
Yamaha RBX170
Rp. 1.790.000,-
Yamaha RBX270J
Rp. 1.980.000,-
Electric Guitars
Product Name
Price
Ibanez GAX70
Rp. 2.000.000,-
Ibanez GRX20
Rp. 1.700.000,-
Rockwell Baby Blues
Rp. 1.000.000,-
Rockwell EX22
Rp. 1.050.000,-
Rockwell RA S
Rp. 1.250.000,-
Rockwell RLP22
Rp. 1.250.000,-
Rockwell RV22
Rp. 1.550.000,-
Yamaha Pasifica 012
Rp. 1.330.000,-
Yamaha Pasifica 112J
Rp. 1.800.000,-
Yamaha Pasifica 112V
Rp. 2.550.000,-
Yamaha RGX 121Z
Rp. 1.890.000,-
Guitars Amplifier
Product Name
Price
Russel RG15CD
Rp. 650.000,-
Russel RG30
Rp. 1.040.000,-
Russel RG60
Rp. 1.350.000,-
Russel ROKR 80
Rp. 1.850.000,-
Russel SURFER 60
Rp. 1.800.000,-
Categories
Acoustic Guitars
Bass Amplifier
Digital
Piano
Drums
Electric Acoustic
Electric
Bass
Electric
Guitars
Guitars Amplifier
Contact
Deddy (085649289339)
Lailatul (081945553392)
Dimas (08986310993)
Showroom
Jl. Raya Tidar 100
©2011 STIKI
D. Contact
Mandriva Music
HOME
PRODUCT
PRICELIST
CONTACT
contact person
Deddy Wahyu Hermawan
e-mail : deddy_kempong@yahoo.com
telp : 085649289339
Lailatul Wahidah
e-mail : syailaalial@yahoo.com
telp : 081945553392
Dimas Arsetyo Guntoro
e-mail : dimas.strife@gmail.com
telp : 08986310993
Categories
Acoustic Guitars
Bass Amplifier
Digital
Piano
Drums
Electric Acoustic
Electric
Bass
Electric Guitars
Guitars Amplifier
Contact
Deddy (085649289339)
Lailatul (081945553392)
Dimas (08986310993)
Showroom
Jl. Raya Tidar 100
©2011 STIKI
E. Category(Acoustic Guitars, Drums, Dll)
Mandriva Music
HOME
PRODUCT
PRICELIST
CONTACT
acoustic guitars
YAMAHA C330
Price Rp. 680.000,-
YAMAHA C390
Price Rp. 885.000,-
YAMAHA CS40
Price Rp. 600.000,-
YAMAHA F310
Price Rp. 775.000,-
Categories
Acoustic Guitars
Bass Amplifier
Digital
Piano
Drums
Electric Acoustic
Electric
Bass
Electric
Guitars
Guitars Amplifier
Contact
Deddy (085649289339)
Lailatul (081945553392)
Dimas (08986310993)
Showroom
Jl. Raya Tidar 100
©2011 STIKI
F. Style CSS
body {
margin: 0;
padding: 0;
background: #010101 url(images/img01.gif) repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #616161;
}
h1, h2, h3 {
margin: 0;
padding: 0;
font-weight: normal;
color: #810988;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 2.8em;
}
h3 {
font-size: 1.6em;
}
p, ul, ol {
margin-top: 0;
line-height: 180%;
}
ul, ol {
}
a{
text-decoration: none;
color: #B23C1C;
}
a:hover {
}
#wrapper {
margin: 0 auto;
padding: 0;
background: url(images/img03.gif) no-repeat center top;
}
.container {
width: 1000px;
margin: 0px auto;
}
/* Header */
#header {
width: 900px;
height: 150px;
margin: 0 auto;
padding: 0px 50px;
background: url(images/img01.jpg) no-repeat left top;
}
/* Logo */
#logo {
float: left;
width: 300px;
margin: 0;
padding: 0;
color: #B23C1C;
}
#logo h1, #logo p {
}
#logo h1 {
padding: 60px 0px 0px 0px;
letter-spacing: -2px;
text-transform: lowercase;
font-size: 3.8em;
}
#logo h1 a {
color: #B23C1C;
}
#logo p {
margin: 0;
padding: 0px 0 0 0px;
letter-spacing: -1px;
font: normal 18px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #8E8E8E;
}
#logo p a {
color: #8E8E8E;
}
#logo a {
border: none;
background: none;
text-decoration: none;
color: #000000;
}
/* Splash */
#splash {
width: 960px;
height: 300px;
margin: 0px auto;
}
/* Menu */
#menu {
float: right;
width: 500px;
height: 90px;
margin: 0 auto;
padding: 0;
}
#menu ul {
float: right;
margin: 0;
padding: 85px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
}
#menu a {
display: block;
margin-right: 1px;
padding: 10px 15px 15px 15px;
background: url(images/img06.gif) no-repeat left 12px;
text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
border: none;
}
#menu a:hover, #menu .current_page_item a {
text-decoration: none;
color: #B23C1C;
}
#menu .current_page_item a {
}
/* Page */
#page {
width: 900px;
margin: 0 auto;
padding: 30px 30px;
background: #000000;
}
/* Content */
#content {
float: left;
width: 580px;
padding: 0px 0px 0px 0px;
}
.post {
overflow: hidden;
margin-bottom: 40px;
border-bottom: 1px dotted #1B1B1B;
}
.post .title {
height: 41px;
padding: 7px 0px 0px 0px;
letter-spacing: -1px;
}
.post .title a {
border: none;
text-transform: lowercase;
color: #B23C1C;
}
.post .meta {
margin-bottom: 30px;
padding: 0px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
.post .meta .date {
float: left;
}
.post .meta .posted {
float: right;
}
.post .meta a {
}
.post .entry {
padding: 0px 0px 20px 0px;
padding-bottom: 20px;
text-align: justify;
}
.links {
padding-top: 20px;
margin-bottom: 30px;
}
.more {
display: block;
float: left;
width: 88px;
height: 25px;
padding: 2px 0px 0px 0px;
margin-right: 10px;
background: url(images/img08.jpg) no-repeat left top;
text-align: center;
color: #FFFFFF;
}
.comments {
display: block;
float: left;
width: 88px;
height: 25px;
padding: 2px 0px 0px 0px;
background: url(images/img08.jpg) no-repeat left top;
text-align: center;
color: #FFFFFF;
}
/* Sidebar */
#sidebar {
float: right;
width: 280px;
margin: 0px;
padding: 0px 0px 0px 0px;
color: #787878;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
margin: 0;
padding: 0;
}
#sidebar li ul {
margin: 0px 0px;
padding-bottom: 30px;
}
#sidebar li li {
line-height: 35px;
border-bottom: 1px dotted #1B1B1B;
margin: 0px 30px;
border-left: none;
}
#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}
#sidebar li li a {
padding: 0px 0px 0px 15px;
}
#sidebar h2 {
height: 38px;
padding-left: 30px;
letter-spacing: -.5px;
font-size: 1.8em;
color: #B23C1C;
}
#sidebar p {
margin: 0 0px;
padding: 0px 30px 20px 30px;
text-align: justify;
}
#sidebar a {
border: none;
color: #494949;
}
#sidebar a:hover {
text-decoration: underline;
color: #B23C1C;
}
/* Calendar */
#calendar {
}
#calendar_wrap {
padding: 20px;
}
#calendar table {
width: 100%;
}
#calendar tbody td {
text-align: center;
}
#calendar #next {
text-align: right;
}
/* Three Column Footer Content */
#footer-content {
}
#footer-bg {
overflow: hidden;
width: 890px;
padding: 30px 55px 50px 55px;
background: url(images/img05.jpg) no-repeat left bottom;
}
#footer-content h2 {
margin: 0px;
padding: 0px 0px 20px 0px;
letter-spacing: -1px;
text-transform: lowercase;
font-size: 26px;
color: #FFFFFF;
}
#footer-content ul {
margin: 0px;
padding: 0px 0px 0px 20px;
}
#footer-content a {
}
#column1 {
float: left;
width: 290px;
margin-right: 30px;
}
#column2 {
float: left;
width: 280px;
}
#column3 {
float: right;
width: 260px;
}
/* Footer */
#footer {
height: 50px;
margin: 0 auto;
padding: 0px 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
}
#footer p {
margin: 0;
padding-top: 10px;
line-height: normal;
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: #202020;
}
#footer a {
color: #202020;
}
#marketing {
overflow: hidden;
margin-bottom: 30px;
padding: 20px 0px 10px 0px;
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
}
#marketing .text1 {
float: left;
margin: 0px;
padding: 0px;
letter-spacing: -2px;
text-transform: lowercase;
font-size: 34px;
color: #345E9B;
}
#marketing .text2 {
float: right;
}
#marketing .text2 a {
display: block;
width: 252px;
height: 38px;
padding: 15px 0px 0px 0px;
background: url(images/img07.jpg) no-repeat left top;
letter-spacing: -2px;
text-align: center;
text-transform: lowercase;
font-size: 30px;
color: #FFFFFF;
}