Cara Membuat Tata Letak Situs Web

Daftar Isi:

Cara Membuat Tata Letak Situs Web
Cara Membuat Tata Letak Situs Web

Video: Cara Membuat Tata Letak Situs Web

Video: Cara Membuat Tata Letak Situs Web
Video: Cara mengatur Tata Letak template Blogger 2024, Mungkin
Anonim

Pada abad terakhir, tata letak halaman web adalah domain dari beberapa profesional. Kemajuan teknologi telah sangat menyederhanakan tugas ini. Sekarang setiap pengguna Internet dapat membuat situs web.

Cara membuat tata letak situs web
Cara membuat tata letak situs web

Itu perlu

  • - paket perangkat lunak untuk tata letak halaman web;
  • - editor grafis raster untuk membuat elemen desain.

instruksi

Langkah 1

Buat daftar elemen yang akan ada di situs. Ini dapat berupa komponen seperti menu navigasi, formulir pencarian, spanduk iklan atau informasi, daftar teman. Nama proyek biasanya ditunjukkan di bagian atas halaman, mungkin ada menu navigasi horizontal. Bagian tengah ditugaskan ke konten utama situs. Di bagian bawah halaman, penghitung kehadiran biasanya ditempatkan, informasi kontak untuk umpan balik.

Langkah 2

Buat tata letak situs web dalam editor grafis. Tugas utama di sini adalah menentukan penampilan elemen, posisi relatifnya. Jangan gunakan warna yang terlalu cerah. Palet warna netral dianggap paling baik. Gunakan gaya yang konsisten untuk balok. Cobalah untuk membuat desain seramah mungkin. Hindari elemen yang sulit diimplementasikan dalam HTML dan CSS.

Langkah 3

Simpan tata letak halaman dalam format bitmap tanpa kehilangan kualitas. Tentukan elemen gaya yang akan dirender menggunakan HTML. Ini bisa berupa menu, tautan, tabel, formulir pencarian. Ekstrak sisa elemen dari tata letak dan simpan dalam file terpisah. Buat dua dokumen teks di hard drive Anda. Ubah ekstensi salah satunya menjadi.htm. Ini akan berisi kode yang bertanggung jawab untuk posisi relatif elemen. File kedua akan berisi stylesheet.

Langkah 4

Buka file pertama di editor HTML. Tempatkan pada elemen desain halaman yang disimpan sebelumnya dalam file bitmap. Buat tautan teks, tabel, dan elemen lain yang perlu dirender dalam HTML. Atribut elemen, seperti warna, ukuran font, keberadaan batas, tulis dalam file CSS. Jika Anda perlu menganimasikan elemen halaman, gunakan JavaScript.

Direkomendasikan: