apabila kita membuat web yang jumlah halaman tidak lebih dari 5 halaman, lebih efektif jika kita menggunakan link ANCHOR , yaitu link yang m...

tutorial membuat web 1 page

/
0 Comments
apabila kita membuat web yang jumlah halaman tidak lebih dari 5 halaman, lebih efektif jika kita menggunakan link ANCHOR, yaitu link yang menghubungkan dalam 1 page namun di baris yang berbeda.

misal kita mempunyai tampilan seperti berikut :
tampilan top
 itu adalah tampilan top, yaitu awal kita membuka halaman website. kemudian kita memberi script pada menu PLACES. <a href="#places">Places</a> , setelah itu kita buat link places dibawah welcome. tetapi tetap pada 1 page.

link places
pada places kita beri script

<div>
  <a name="places"><h1>places</h1></a>
      
   <ul class="gal-1">
           <li><img src="images/home_03.png" width="400"/></li>
        <li><img src="images/home_04.png" width="400" /></li>
        <li><img src="images/home_03.png" width="400"/></li>
        <li><img src="images/home_04.png" width="400" /></li>
        <li><img src="images/home_05.png" width="400" /></li>
        <li><img src="images/home_04.png" width="400" /></li>
        <li><img src="images/home_03.png" width="400"/></li>
        <li><img src="images/home_04.png" width="400" /></li>
        <li><img src="images/home_03.png" width="400"/></li>
       
   </ul>

</div>


NB: <a name="places"></a> ini adalah link yang dituju dari script <a href="#places"></a>


maka setelah itu kita coba running. berhasil?

setelah itu kita tambahkan script jump to top, ini berfungsi sebagai menu untuk kembali ke atas
simpel saja : <button><a href="#top">jump to top</a></button>

lingkaran merah
nah, selesai sudah silahkan dikreasi lagi, ini saya membuat sebagai contoh saja. silahkan scrol diperhalus menggunakan jQuery. selamat mencoba semoga bermanfaat

-jody baharizki-


You may also like

No comments:

Total Pageviews

Powered by Blogger.