Bir veb sayt yaratmağın ən asan yolu bir şablon istifadə etməkdir. Bununla birlikdə, mənbənin önə çıxması üçün standart düzeni dəyişdirməlisiniz. Və burada html və CSS haqqında əsas məlumat olmadan edə bilməzsiniz.
Təlimat
Addım 1
İnternette sizə ən uyğun veb sayt şablonunu tapın. İmkanlarına, monitorun ölçüsünə, menyunun xüsusiyyətlərinə və sütunların düzülüşünə uyğunlaşma qabiliyyətinə diqqət yetirin. İstədiyiniz versiyanı kompüterinizə yükləyin, arxivi paketdən çıxarın. Faylları saytın kökünə yükləyərək performansını yoxlayın. Bəlkə də şablon səhvlər içərir və düzgün qurulmayacaq, gələcəkdə onunla işləməyin mənası olmayacaqdır.
Addım 2
Şablonu tamamilə təkrar etməyinizə baxmayaraq, əksər şəkilləri, xüsusən də logo olaraq yerləşən şəkilləri dəyişdirin. Hər şəkli bu şəkildə dəyişdirin:
- qrafik sənədini Photoshop proqramında açın;
- "Image" menyusunda - "Image size" parametrlərinə baxın;
- tamamilə eyni ölçülərdə yeni bir vərəq açın;
- tətbiqetmə vasitələrindən istifadə edərək istədiyiniz şəkli yaratmaq;
- bütün qatları düzəldin və orijinal şəklini təyin edərək eyni adda və eyni qovluqda yeni bir şəkil (veb üçün deyil) qeyd edin.
Beləliklə, bir şəkil əvəzinə başqa bir şəkil görünməlidir.
Addım 3
Bütün şəkilləri dəyişdirən kimi qovluğu fayllarla sıxışdırın (Joomla vəziyyətində) və "Uzantılar" menyusundakı saytın idarəedici paneli vasitəsilə yükləyin. Mövzunun yeni illüstrasiyalarla düzgün göstərildiyinə baxın.
Addım 4
Parametrlərin qalan hissəsini style.css-də dəyişdirin. Üstəlik, bunu idarəetmə panelindən deyil, kompüterdən etmək daha rahatdır. Dəyişikliklərin nəticəsini ən qısa müddətdə görmək üçün localhost (Denver) istifadə etmək məqsədəuyğundur. Bu, növbəti redaktədən sonra nəticələrə baxmaq üçün nəticəni hər dəfə serverə yükləməyin qarşısını alacaq.
Addım 5
Mozilla Firefox üçün pulsuz FireBug eklentisini yükləyin. Quraşdırmadan sonra brauzerin yuxarı sağ küncündə sarı bir səhv işarəsi görünəcək. Bunun üzərinə vurun və ya F12 düyməsini basın və ekranın altındakı səhifə kodu çökmüş bir versiyada görünəcəkdir. Siçanı artı işarələrinin üzərinə apararaq açmaq olar. Və bir elementin sətirinə vurursanız, ekranın yuxarı hissəsində vurğulanacaq. Kodun olduğu pəncərənin sağ tərəfində, görünüşdən məsul olan xətləri göstərən üslubları tapacaqsınız. Dizaynı dəyişdirmək üçün stil sənədini harada düzəltməli olduğunuz dərhal aydın olacaq.
Addım 6
Style.css-i Not Defteri ++ 'də açın. Kodu düzəltmək üçün hazırlanmış digər proqramlardan istifadə edə bilərsiniz, lakin bu məqsədlə standart "Notepad" dan istifadə edə bilməzsiniz, əks halda kodlaşdırma səbəbindən səhvlər olacaqdır. Dəyişdirmək istədiyiniz parametrləri tapmaq və eyni zamanda Notepad ++ da düzəltmək üçün FireBug istifadə edin.
Addım 7
Son CSS-i qeyd edin və faylı serverə yükləyin.
