Cara termudah untuk membuat situs web adalah menggunakan template. Namun, agar sumber daya menonjol, Anda perlu mengubah tata letak default. Dan di sini Anda tidak dapat melakukannya tanpa pengetahuan dasar tentang html dan css.
instruksi
Langkah 1
Temukan templat situs web yang paling cocok untuk Anda di Internet. Perhatikan kemampuannya, kemampuan beradaptasi dengan ukuran monitor, fitur menu dan tata letak kolom. Unduh versi yang Anda suka ke komputer Anda, buka arsipnya. Periksa kinerjanya dengan mengunggah file ke root situs. Mungkin templat berisi kesalahan dan tidak akan dipasang dengan benar, maka tidak ada gunanya bekerja dengannya di masa mendatang.
Langkah 2
Bahkan jika Anda tidak akan sepenuhnya mengulang template, ganti sebagian besar gambar, dan terutama yang terletak sebagai logo. Ganti setiap gambar dengan cara ini:
- buka file grafik di program Photoshop;
- di menu "Gambar" - "Ukuran gambar" lihat parameternya;
- buka lembar baru dengan dimensi yang persis 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, atur format aslinya.
Jadi, alih-alih satu gambar, gambar lain akan muncul.
Langkah 3
Segera setelah Anda mengubah semua gambar, zip folder dengan file (dalam kasus Joomla) dan unggah melalui panel admin situs di menu "Ekstensi". Lihat apakah tema ditampilkan dengan benar dengan ilustrasi baru.
Langkah 4
Ubah parameter lainnya di style.css. Selain itu, jauh lebih nyaman untuk melakukan ini bukan melalui panel admin, tetapi di komputer. Masuk akal untuk menggunakan localhost (Denver) untuk melihat hasil transformasi sesegera mungkin. Ini akan menghindari kebutuhan untuk mengunggah hasil ke server setiap kali untuk melihat hasil setelah pengeditan berikutnya.
Langkah 5
Unduh plugin FireBug gratis untuk Mozilla Firefox. Setelah instalasi, ikon bug kuning akan muncul di sudut kanan atas browser. Klik di atasnya atau tekan tombol F12 dan di bagian bawah layar, kode halaman akan muncul dalam versi yang diciutkan. Itu dapat dibuka dengan mengarahkan mouse ke tanda plus. Dan jika Anda mengklik garis elemen, itu akan disorot di bagian atas layar. Di sisi kanan jendela dengan kode, Anda akan menemukan gaya yang menunjukkan garis yang bertanggung jawab atas penampilan. Dan akan segera menjadi jelas di mana Anda perlu mengedit file gaya untuk mengubah desain.
Langkah 6
Buka style.css di Notepad++. Anda dapat menggunakan program lain yang dirancang untuk mengedit kode, tetapi untuk tujuan ini Anda tidak dapat menggunakan "Notepad" standar, jika tidak, akan ada kesalahan karena pengkodean. Gunakan FireBug untuk menemukan parameter yang ingin Anda ubah dan mengeditnya di Notepad ++ secara bersamaan.
Langkah 7
Simpan css terakhir dan unggah file ke server.
