Cara Merancang Semula Templat Laman Web

Isi kandungan:

Cara Merancang Semula Templat Laman Web
Cara Merancang Semula Templat Laman Web

Video: Cara Merancang Semula Templat Laman Web

Video: Cara Merancang Semula Templat Laman Web
Video: Tutorial Cara Menyematkan / Menggunakan Google Maps Pada Halaman Web HTML 2024, Disember
Anonim

Kaedah termudah untuk membuat laman web adalah menggunakan templat. Walau bagaimanapun, agar sumbernya menonjol, anda perlu mengubah susun atur lalai. Dan di sini anda tidak boleh melakukan tanpa pengetahuan asas mengenai html dan css.

Cara merancang semula templat laman web
Cara merancang semula templat laman web

Arahan

Langkah 1

Cari templat laman web yang paling sesuai dengan anda di Internet. Perhatikan kemampuannya, kemampuan untuk menyesuaikan diri dengan ukuran monitor, ciri menu dan tata letak lajur. Muat turun versi yang anda suka ke komputer anda, bongkar arkib. Periksa prestasinya dengan memuat naik fail ke akar laman web. Mungkin templat mengandungi ralat dan tidak akan dipasang dengan betul, maka tidak ada gunanya bekerja dengannya di masa depan.

Langkah 2

Walaupun anda tidak akan membuat templat sepenuhnya, ganti sebahagian besar gambar, dan terutama gambar yang terdapat sebagai logo. Ganti setiap gambar dengan cara ini:

- buka fail grafik dalam program Photoshop;

- dalam menu "Gambar" - "Ukuran gambar" melihat parameternya;

- buka helaian baru dengan dimensi yang sama;

- buat gambar yang diinginkan menggunakan alat aplikasi;

- ratakan semua lapisan dan simpan (bukan untuk web) gambar baru dengan nama yang sama dan dalam folder yang sama, tetapkan format asalnya.

Oleh itu, bukannya satu gambar, yang lain akan muncul.

Langkah 3

Sebaik sahaja anda menukar semua gambar, zip folder dengan fail (dalam kasus Joomla) dan muat naik melalui panel pentadbir laman dalam menu "Sambungan". Lihat apakah tema dipaparkan dengan betul dengan ilustrasi baru.

Langkah 4

Tukar parameter yang selebihnya dalam style.css. Lebih-lebih lagi, lebih mudah dilakukan ini bukan melalui panel pentadbir, tetapi di komputer. Adalah wajar untuk menggunakan localhost (Denver) untuk melihat hasil transformasi secepat mungkin. Ini akan mengelakkan keperluan untuk memuat naik hasilnya ke pelayan setiap kali untuk melihat hasilnya setelah pengeditan berikutnya.

Langkah 5

Muat turun pemalam FireBug percuma untuk Mozilla Firefox. Selepas pemasangan, ikon pepijat kuning akan muncul di sudut kanan atas penyemak imbas. Klik di atasnya atau tekan kekunci F12 dan di bahagian bawah skrin, kod halaman akan muncul dalam versi runtuh. Ia dapat dibuka dengan mengarahkan mouse ke tanda tambah. Dan jika anda mengklik garis elemen, elemen tersebut akan diserlahkan di bahagian atas skrin. Di sebelah kanan tetingkap dengan kod, anda akan menemui gaya yang menunjukkan garis yang bertanggungjawab untuk penampilannya. Dan akan menjadi jelas di mana anda perlu mengedit fail gaya untuk mengubah reka bentuk.

Langkah 6

Buka style.css di Notepad ++. Anda boleh menggunakan program lain yang dirancang untuk mengedit kod, tetapi untuk tujuan ini Anda tidak dapat menggunakan "Notepad" standard, jika tidak, akan ada kesalahan kerana pengekodan. Gunakan FireBug untuk mencari parameter yang ingin anda ubah dan edit di Notepad ++ pada masa yang sama.

Langkah 7

Simpan css terakhir dan muat naik fail ke pelayan.

Disyorkan: