Membentuk Halaman Sederhana menjadi, Web Sederhana.

Membentuk Halaman Sederhana menjadi, Web Sederhana.
Setelah kalian sebelumnya telah mempelajari tentang apa itu elemen dalam layout html, jika belum paham dan mengerti silakan kunjungi artikel Elemen Dalam Layout Halaman Web mari kita memulai praktek cara menyusun halaman web sederhana di komputer kita dengan HTML. Cara membuat halaman web sederhana sangatlah mudah, dikarenakan perangkat membuat web atau yg biasa di pakai adalah notepad sangat mudah ditemui di internet dan rata-rata program tersebut gratis. Dalam tutorial kali ini perangkat yang dibutuhkan antara lain: • Notepad, atau anda bisa mencoba notepad ++ yang mana dalam program ini tersedia fitur yang lebih baik ketimbang notepad bawaan windows. • Macromedia dreamwever 8 yang mempunyai kegunaan ataupun kepentingan sama seperti notepad. • Browser sebagai program penampil halaman web. Jika anda pengguna windows, biasanya browser IE(Internet Explorer) akan terinstall otomatis. Anda juga bisa menggunakan browser dari google, yaitu Chrome. yang pertama, buka program notepad atau Macromedia dreamwever 8 dari komputer anda dengan cara: • Mengeklik tombol windows • Setelah itu klik tulisan All Program • Maka akan muncul berbagai folder dan pilih folder yang bernama Accessories • Klik folder Accessories, setelah muncul berbagai program dalam folder tersebut, klik program notepad Pada gambar diatas terdapat dua blok, blok pertama yang bewarna hijau adalah tempat tombol Windows, dan yang kedua blok yang bewarna merah muda adalah tempat program Notepad. • Setelah program Notepad terbuka, silahkan ketikkan skrip dibawah ini atau jika ingin cepat anda bisa langsung mengkopi dan mempaste di notepad anda. Di sini saya mendapatkan scrip boleh copas dari blog lain silahkan anda melakukan cara yg sama juga. Dan di oindahkan kedalam notepad Skrip HTMLnya

Ini adalah Main Heading

Isi dari Main Heading, bisa berupa kata pembuka atau penjelas dari Main Heading, jika penjelasan terlalu panjang maka akan di bagi menjadi beberapa Sub-Heading.

Ini Adalah Sub-Heading

Kebanyakan artikel yang panjang memiliki sub-headings untuk membantu Anda mengikuti struktur apa yang sedang ditulis. Bahkan mungkin sub-sub-headings (atau tingkat yang lebih rendah Dari headings).

Sub-Heading Tambahan

Disini anda dapat melihat sub-heading tambahan.
Setelah anda mengetik skrip diatas atau mempastenya dan memasukkan ke dalam notepad atau Macromedia dreamwever 8,silahkan anda save dengan cara klik file dan save, ketika muncul halaman save ketikkan nama file ” index.html ” atau terserah anda, yang terpenting adalah nama file diakhiri . Tutorial diatas adalah cara bagaimana membuat halaman web yang sederhana menggunakan notepad,atau menggunakan Macromedia dreamwever 8,yang belum menyentuh kearah pengaturan layout. Pengaturan layout akan melibatkan banyak elemen dan tentunya skrip CSS yang dan membuat tampilapn web berbeda,skrip CSS akan berperan penuh, untuk pembahasan lebih lanjut tentang layout akan dibahas dalam kategori belajar CSS pada kesempatan berikutnya yang akan datang. Dalam tutorial ini hanya melibatkan skrip HTML tidak skrip CSS, jika anda ingin membuat website sederhana yang melibatkan skrip CSS, dan web yg anda buat tampilan berbeda dengan tanpa CSS ataudengan CSS .