Cara Menyesuaikan Templat

Isi kandungan:

Cara Menyesuaikan Templat
Cara Menyesuaikan Templat

Video: Cara Menyesuaikan Templat

Video: Cara Menyesuaikan Templat
Video: Cara Cepat Membuat Artikel Kita Menyesuaikan Template Jurnal 2024, Mungkin
Anonim

Cara termudah untuk pemula membuat laman web adalah menggunakan templat standard. Keunikan sumber dapat dicapai dengan membuat sejumlah perubahan kosmetik dan organisasi dalam reka bentuk standard.

Cara menyesuaikan templat
Cara menyesuaikan templat

Perlu

  • - templat laman web;
  • - Program Photoshop;
  • - sambungan untuk penyemak imbas FireBug;
  • - Editor Notepad ++.

Arahan

Langkah 1

Cari templat laman web yang sesuai untuk anda di Internet. Terokai templat yang dicadangkan, perhatikan kesesuaiannya dengan ukuran monitor, spesifikasi susunan lajur dan menu. Muat turun pilihan yang dipilih. Periksa prestasinya dengan memuat naik fail ke akar laman web yang dibuat. Sekiranya templat mengandungi kesilapan yang terungkap dalam karya, lebih baik mencari pilihan lain.

Langkah 2

Ubahsuai sebahagian besar gambar dalam templat. Ganti setiap gambar seperti berikut. Lancarkan Photoshop dan buka salah satu fail grafik templat di dalamnya. Lihat di menu "Gambar" di lajur "Saiz" untuk parameter gambar. Buka helaian baru dengan dimensi yang sama dan buat gambar yang anda perlukan di atasnya. Simpan hasilnya ke folder templat dengan nama fail grafik yang akan diganti. Oleh itu, adalah perlu untuk mengganti semua gambar yang bermakna.

Langkah 3

Ubah parameter yang lain menggunakan cascading tables style.css, bahasa pengaturcaraan formal yang menggambarkan kemunculan dokumen. Lebih mudah melakukan perubahan seperti itu melalui panel admin, dan lebih baik melihat hasilnya di hosting tempatan agar tidak memuat naik setiap kemas kini ke pelayan.

Langkah 4

Muat turun dan pasang pelanjutan FireBug percuma untuk penyemak imbas anda. Ikon dengan pepijat kuning akan muncul di sudut kanan atas tetingkap penyemak imbas. Klik pada ikon dan tekan F12. Kod halaman yang diruntuhkan muncul di bahagian bawah skrin. Ia dapat dikembangkan dengan mengarahkan tanda tanda tambah. Dengan mengklik baris elemen, anda dapat melihat bagaimana elemen itu diserlahkan di bahagian atas skrin. Di bahagian kanan tetingkap dengan kod terdapat gaya yang menunjukkan garis-garis yang bertanggungjawab untuk penampilan halaman.

Langkah 5

Buka templat di editor Notepad ++. Gunakan FireBug untuk mencari parameter yang akan diubah dan edit di Notepad ++.

Langkah 6

Simpan hasilnya dan muat naik laman web yang dibuat ke pelayan.

Disyorkan: