Cara Mengadaptasi Template

Daftar Isi:

Cara Mengadaptasi Template
Cara Mengadaptasi Template

Video: Cara Mengadaptasi Template

Video: Cara Mengadaptasi Template
Video: Bagaimana Cara Mengadaptasi Kurikulum 2024, November
Anonim

Cara termudah bagi pemula untuk membuat website adalah menggunakan template standar. Keunikan sumber daya dapat dicapai dengan membuat sejumlah perubahan kosmetik dan organisasi dalam desain standar.

Cara mengadaptasi template
Cara mengadaptasi template

Diperlukan

  • - templat situs;
  • - Program Photoshop;
  • - ekstensi untuk browser FireBug;
  • - Editor Notepad++.

instruksi

Langkah 1

Temukan templat situs web yang cocok untuk Anda di Internet. Jelajahi templat yang diusulkan, perhatikan kemampuan beradaptasinya dengan ukuran monitor, spesifikasi pengaturan kolom dan menu. Unduh opsi yang dipilih. Periksa kinerjanya dengan mengunggah file ke root situs yang sedang dibuat. Jika templat berisi kesalahan yang terungkap dalam pekerjaan, lebih baik mencari opsi lain.

Langkah 2

Ubah sebagian besar gambar dalam template. Ganti setiap gambar sebagai berikut. Luncurkan Photoshop dan buka salah satu file grafik template di dalamnya. Lihat di menu "Gambar" di kolom "Ukuran" untuk parameter gambar. Buka lembar baru dengan dimensi yang sama dan buat gambar yang Anda butuhkan di atasnya. Simpan hasilnya ke folder template dengan nama file grafik yang akan diganti. Oleh karena itu, perlu untuk mengganti semua gambar yang bermakna.

Langkah 3

Ubah parameter lainnya menggunakan tabel berjenjang style.css, bahasa pemrograman formal yang menjelaskan tampilan dokumen. Lebih mudah untuk membuat perubahan seperti itu melalui panel admin, dan lebih baik melihat hasilnya di hosting lokal agar tidak mengunggah setiap pembaruan ke server.

Langkah 4

Unduh dan instal ekstensi FireBug gratis untuk browser Anda. Ikon dengan bug kuning akan muncul di sudut kanan atas jendela browser. Klik pada ikon dan tekan F12. Kode halaman yang diciutkan muncul di bagian bawah layar. Itu dapat diperluas dengan mengarahkan kursor ke tanda plus. Dengan mengklik baris elemen, Anda dapat melihat bagaimana elemen tersebut disorot di bagian atas layar. Di bagian kanan jendela dengan kode ada gaya yang menunjukkan garis yang bertanggung jawab atas tampilan halaman.

Langkah 5

Buka template di editor Notepad++. Gunakan FireBug untuk menemukan parameter yang akan diubah dan mengeditnya di Notepad ++.

Langkah 6

Simpan hasilnya dan unggah situs yang dibuat ke server.

Direkomendasikan: