kuasaallah 02-02-2015 11:48

Kaskuser Posts: 323

Tanya link menu website ??

Permisi gan , maaf ane masih newbie ...

ane buat web sederhana tapi baru sekedar tampilan , belum masuk link menu ..

Tanya link menu website ??

nah ane masih bingung kodingan yang ketika kita klik home terus muncul di bagian isi menu??

mohon bantuannya gan ane masih newbie .. emoticon-Bingung (S)

index.html

<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id ="wrapper">
<header> <h1> JagoCoding (layout HTML 5 dan CSs) </h1> </header>

<nav> </nav>

<nav>
<a href="#"> Home | </a>
<a href="#"> About |</a>
<a href="#"> FAQ |</a>
<a href="#"> Contact </a>
</nav>
<article>
<section id="article1"> <h2> Judul Artikel 1 </h2>
<div class="t_images">
<div align="center"> Biodata Gue !! <br>
<img src="gbr1.jpg" height="90px" width="100px">
</div>
<strong><center><a href="home.html" target="_blank"> link </a></strong>
</div>
</section>

<section id="article2">
<div class="t_images">
<div align="center"> Judul 2<br>
<img src="gbr1.jpg" height="90px" width="100px">
</div>
<strong><center><a href="#" target="_blank"> Link Judul 1</a></strong>
</div>
</section>

<section id="article3">
<div class="t_images">
<div align="center"> Judul 3<br>
<img src="gbr1.jpg" height="90px" width="100px">
</div>
<strong><center><a href="#" target="_blank"> Link Judul 1</a></strong>
</div>

</section>

<section id="article4">
<div class="t_images">
<div align="center">judul 4<br>
<img src="gbr1.jpg" height="90px" width="100px"/>
</div>
<strong><center><a href="#" target="_blank">Link Judul 4</a></strong>
</div>
</section>
</article>

<aside> ASIDE </aside>
<div id ="footer"> <b> Copyright © 2014 by : Ardie Jocong </b> </div>
</div>
</body>
</html>

02-02-2015 11:48

Diubah oleh: kuasaallah 02-02-2015 11:59

Kutip Balas

Urutan Terlama

0cez 02-02-2015 16:42

Kaskus Addict Posts: 1,974

Lapor Hansip

Maksudnya misalkan menu about kita klik masih di menu home???

Mungkin <a href="#">About</a>

Tanda # ganti dengan link emoticon-Belo

Kalau jawaban saya tidak memuaskan mungkin bawah sayah bisa menjelaskan emoticon-Embarrassment

02-02-2015 11:48

Kutip Balas

cweaver 02-02-2015 17:58

Kaskus Addict Posts: 2,211

Lapor Hansip

<a href="#"> Home | </a>

# diganti url linknya gan...

contoh

<a href="http://localhost/coba/index.html"> Home | </a>
<a href="http://localhost/coba/about.html"> About |</a>

karena isinya di buat di index.html yah nongolnya di situ2 jg gan...

kalau kaya gini masi static web gan, jadi setiap halaman dibuat manual...
di buat dulu isi pagenya...

02-02-2015 11:48

Kutip Balas

Post ini telah di hapus oleh lucubrb

kuasaallah 03-02-2015 09:36

Kaskuser Posts: 323

Lapor Hansip

Quote:

Original Posted By cweaver►<a href="#"> Home | </a>

# diganti url linknya gan...

contoh

<a href="http://localhost/coba/index.html"> Home | </a>
<a href="http://localhost/coba/about.html"> About |</a>

karena isinya di buat di index.html yah nongolnya di situ2 jg gan...

kalau kaya gini masi static web gan, jadi setiap halaman dibuat manual...
di buat dulu isi pagenya...

tapi ane mau muncul home itu dalam satu halaman (di isi menu)..

ane udah buat script home terus
pas ane ganti linknya kok malah pindah halaman gan.

02-02-2015 11:48

Kutip Balas

kuasaallah 03-02-2015 09:43

Kaskuser Posts: 323

Lapor Hansip

Quote:

Original Posted By 0cez►Maksudnya misalkan menu about kita klik masih di menu home???

Mungkin <a href="#">About</a>

Tanda # ganti dengan link emoticon-Belo

Kalau jawaban saya tidak memuaskan mungkin bawah sayah bisa menjelaskan emoticon-Embarrassment

iyaa udah ane ganti tapi pas di run malah pindah kehalaman baru,

pengen muncul isi menu itu dalam satu halaman(jadi tdk bnyak muncul tab dlm browser)

02-02-2015 11:48

Kutip Balas

ttiiddaakk 03-02-2015 10:14

Kaskuser Posts: 226

Lapor Hansip

Coba pelajarin attribute "target" pada tag <a> atau link..
http://www.w3schools.com/tags/att_a_target.asp

coba hapus attribute "target = _blank" dari tag <a> agan..
dari..
<a href="home.html"target="_blank"> link </a>
menjadi
<a href="home.html"> link </a>

nilai attribute "_blank" pada attribute "target" memang ditujukan untuk bikin tab baru terhadap link..
jadi klo g mau setiap klik bikin tab baru tinggal di hilangkan aja..

02-02-2015 11:48

Kutip Balas

portabler 03-02-2015 12:45

Aktivis Kaskus Posts: 513

Lapor Hansip

gan, link menu itu akan dibuka di tab baru kalo agan sertakan target="_blank" di kode link menu agan. kalo ga ditulis target attributenya dia akan dibuka di halaman yang sama...
moga membantu gan..
contoh sederhana nih gan:
1. link dibuka di tab atau windows baru:
<a href="#" target="_blank">nama link agan</a>
2. link dibuka di halaman yang sama:
<a href="#">nama link agan</a>

"#" ganti sama url yang agan tuju..

02-02-2015 11:48

Kutip Balas

kuasaallah 03-02-2015 21:07

Kaskuser Posts: 323

Lapor Hansip

Quote:

Original Posted By portabler►gan, link menu itu akan dibuka di tab baru kalo agan sertakan target="_blank" di kode link menu agan. kalo ga ditulis target attributenya dia akan dibuka di halaman yang sama...
moga membantu gan..
contoh sederhana nih gan:
1. link dibuka di tab atau windows baru:
<a href="#" target="_blank">nama link agan</a>
2. link dibuka di halaman yang sama:
<a href="#">nama link agan</a>

"#" ganti sama url yang agan tuju..

oh gtu ane paham sekrang emoticon-Smilie

oiya gan berarti untuk file php home, about us, faq, dll...
itu kodingannya sama index.html cuma agak sedikit di ubah sesuai isinya ya gan??

02-02-2015 11:48

Kutip Balas

portabler 04-02-2015 07:38

Aktivis Kaskus Posts: 513

Lapor Hansip

Quote:

Original Posted By kuasaallah►oh gtu ane paham sekrang emoticon-Smilie

oiya gan berarti untuk file php home, about us, faq, dll...
itu kodingannya sama index.html cuma agak sedikit di ubah sesuai isinya ya gan??

Iya gan sama aja, itu namanya web statis.
Tambahan dr ane: php itu bahasa server side artinya diproses di web server, kalo html itu bahasa client side yaitu bahasa pemrograman yang diproses di sisi klien melalui browser dan browser akan menterjemahkan coding html menjadi tampilan sesuai yang diharapkan. nah kalo php memungkinkan kita bikin web dinamis, jadi nanti agan cukup bikin satu template utama lengkap dengan header (termasuk menu website) dan footernya. Nah kontennya tinggal diembed aja ke bagian konten. supaya bisa dinamis, agan harus buat database mysql terlebih dahulu, jadi nanti isi database itu dilink ke file konten.php sesuai dengan target datanya.
Sorry kepanjangan, mudah2an ga bingung gan.. emoticon-Embarrassment

02-02-2015 11:48