Cara membuat situs web sederhana
Cara membuat website sederhana ini kita menggunakan HTML versi 5 dan juga sedikit CSS versi 3. Dan seperti biasa ada dua alat yang digunakan dalam buat website pada tutorial ini yaitu;
- Google Chrome sebagai browser
- Notepad ++ sebagai tempat menulis script
Jika Anda tidak memiliki alat ini, Anda dapat mengunduh chrome dan notepad ++ secara gratis di halaman web mereka. Mari kita mulai tutorial tentang cara membuat situs web sederhana yang terdiri dari 8 langkah.
Membuat Sketsa Desain Halaman Web
Kita akan mulai membuat web dengan menyiapkan sketsa halaman web terlebih dahulu, untuk membuat sketsa halaman web kita dapat menggunakan kertas terlebih dahulu kemudian menyempurnakannya dengan photoshop. Berikut adalah sketsa halaman web yang akan kita gunakan sebagai latihan.
Tentukan konsep pembuatan situs web
Nama-nama elemen ini sesuai dengan jenis konten yang ada di dalamnya. Bahan-bahan dikelompokkan bersama dalam elemen section yang memiliki atribut kelas yang nilainya kursus (untuk membedakannya dari elemen section lain di halaman). Sidebar berada di dalam elemen aside
Struktur HTML Umum Skrip
Pembuatan skrip struktur HTML umum memudahkan kita untuk memulai dalam membuat sebuah website, jika anda belum mengetahui apa itu struktur umum HTML, anda dapat mempelajari dulu di “Pengenalan HTML: Struktur Umum Bagian 1”. Berikut ini adalah General HTML Structure Script.
Membuat elemen header dan nav HTML5
Digunakan untuk placeholder nama situs web dan navigasi utama. Kami menggunakan elemen untuk membuat navigasi. Elemen ini dapat digunakan untuk berbagai keperluan dalam melakukan navigasi, baik navigasi yang berada tepat di bawah header, maupun navigasi yang terletak di footer.
Membuat Elemen Artikel HTML5
Elemen artikelbertindak sebagai wadah untuk setiap bagian halaman yang dapat berdiri sendiri dan berpotensi Disindikasi. Ini bisa dalam bentuk artikel atau postingan blog, komentar atau postingan forum, atau lainnya. Jika halaman tersebut terdiri dari beberapa artikel, maka setiap artikel akan kita tempatkan dalam sebuah elemen. Inilah skripnya, dan kami membungkus skrip ini dengan elemen.
Cara Membuat Elemen Selain HTML5?
Elemen aside bertindak sebagai wadah untuk konten yang terkait dengan seluruh halaman. Misalnya, elemen ini dapat berisi tautan ke halaman web lain, daftar posting terbaru, kotak pencarian, atau widget lainnya. Berikut skrip elemen Aside.
Membuat Elemen Footer HTML5
Setiap website pasti memiliki footer, elemen <footer> berguna untuk membuat footer, dengan footer tersebut kita dapat memberikan informasi tambahan tentang website tersebut seperti informasi hak cipta, link ke halaman kebijakan privasi atau link lainnya. Berikut skrip footernya.
Membuat Skrip dan Gambar CSS
Berikut ini adalah script CSS yang akan kita masukkan ke dalam elemen . Penjelasan script CSS tidak dibahas disini, akan tetapi akan dibahas pada artikel membuat website sederhana part 2, untuk gambar bisa anda download sekaligus beserta sumbernya. kode pada tombol unduh di atas.Demikian ulasan tentang Tips membuat link website sederhana menggunakan HTML versi 5,semoga bermanfaat.