Ingin membuat website seperti dibawah ini?
Menurut anda itu pake table?
Pada gambar diatas adalah web "tableless" alias tidak sama sekali pakai table. Berikut cara pembuatan web tableless
- Seperti biasa, buka Adobe Dreamweaver
- File - New - HTML
- diantara tag <body> dan </body> anda sisipkan code berikut :
<div id="wrapper"><div id="header"></div><div id="menu"></div><div id="content"></div><div id="footer"></div></div>
- Isi data pada DIV
- Data didalam HEADER
- Data didalam MENU
- Data didalam CONTENT
<p>
Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf. Ia tidak hanya bertahan selama 5 abad, tapi juga telah beralih ke penataan huruf elektronik, tanpa ada perubahan apapun. Ia mulai dipopulerkan pada tahun 1960 dengan diluncurkannya lembaran-lembaran Letraset yang menggunakan kalimat-kalimat dari Lorem Ipsum, dan seiring munculnya perangkat lunak Desktop Publishing seperti Aldus PageMaker juga memiliki versi Lorem Ipsum.
</p>
<p>
Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf. Ia tidak hanya bertahan selama 5 abad, tapi juga telah beralih ke penataan huruf elektronik, tanpa ada perubahan apapun. Ia mulai dipopulerkan pada tahun 1960 dengan diluncurkannya lembaran-lembaran Letraset yang menggunakan kalimat-kalimat dari Lorem Ipsum, dan seiring munculnya perangkat lunak Desktop Publishing seperti Aldus PageMaker juga memiliki versi Lorem Ipsum.
</p>
- Data didalam FOOTER
Selanjutnya tunggu "Tutorial Web "Tableless" - Part 2" :)
No comments:
Post a Comment