Hər hansı bir saytın dizaynı təməldəki bir ev kimi arxa plan şəkillərinə və rənglərinə əsaslanır. İnternet qaynağınızın tipik təməlini daha fərdi bir şeylə əvəzləmək istəyiniz varsa, dizaynın inkişafından başlamalısınız. Hazır olduqda tamamilə texniki hissə qalacaq, yəni səhifələrin mənbə kodunda göstərilən saytın köhnə dizaynını yenisi ilə əvəz edəcəkdir. Bunu praktikada tətbiq etməyin bir neçə yolu var.
Təlimat
Addım 1
Əvvəlcə saytın cari versiyasında arxa planın hansı şəkildə qurulduğunu öyrənməlisiniz. Bunu etmək üçün səhifənin HTML kodunu açın. Sənədi əvvəlcədən serverdən yükləyərək sadə bir mətn redaktoru ilə edə bilərsiniz. Və ya istifadə edirsinizsə, məzmun idarəetmə sisteminin səhifələrinin redaktorunu istifadə edə bilərsiniz. Səhifə redaktoru faylın yüklənməsini tələb etmir, ancaq brauzerdən interfeys kimi istifadə edərək birbaşa serverdə dəyişdirir. Açdığınız səhifənin HTML kodu (HyperText Markup Language) brauzer üçün təlimat sətirlərindən ibarətdir. Bir veb səhifənin elementlərinin hər birinin növlərini, görünüşünü və yerini təsvir edirlər. Bu təlimatlar ümumiyyətlə "etiketlər" adlanır. Etiketlərin özlərini səhifə kodundakı sırası da HTML dilinin qaydalarına tabedir - bloklara bölünürlər, bunlardan birincisi etiketlə başlayan və bitən bir başlıq bloku olmalıdır. İndi səni daha çox maraqlandıran blok izləməlidir - sənədin əsas hissəsi. Etiketlər və ilə məhdudlaşır. Bu blokun () açılış etiketində səhifənin arxa planı haqqında məlumat yerləşdirə bilərsiniz. Etiketlər daxilindəki bu cür məlumatlara "atributlar" deyilir. Arka plan rəngi təyin edən gövdə etiketinin atributu bgcolor kimi göstərilir və kodda belə görünə bilər: Burada səhifənin arxa plan rəngini gümüş olaraq təyin etdik. Brauzer bəzi rəngləri adları ilə tanıya bilər, ancaq səhv etməmək üçün onaltılıq kodlarını göstərmək daha yaxşıdır. Onaltılıq ifadəsində gümüş rəngli bu versiya belə görünəcək: Beləliklə, səhifə kodunda <gövdə ilə başlayan etiketi tapmalı və arxa fon rənginə sahib olub olmadığını yoxlamalısınız. Əgər belədirsə, içindəki rəng göstəricisini yeni versiyanızla əvəz edin və dəyişiklikləri səhifəyə yazın.
Addım 2
Saytınızın hazırkı dizaynındakı arxa plan rəng ilə deyil, şəkil ilə təyin edilə bilər. Bədən etiketinin müvafiq atributu arxa plan adlanır və kodda belə görünə bilər: Budur arxa plan serverinizin img qovluğundan bg.jpg
Addım 3
Nisbətən mürəkkəb bir dizaynı olan səhifələrin görünüşünü təsvir edərkən "kaskad üslub cədvəlləri" - CSS (Cascading Style Sheets) istifadə edin. CSS kod blokları birbaşa səhifə koduna daxil edilə bilər və ya "css" uzantısı olan xarici bir sənəddə ola bilər. Səhifə kodunun başlıq hissəsində (və etiketlər arasında) <stil ilə başlayan üslub təsviri etiketini axtarmalısınız. Xarici bir fayla bir keçid varsa, belə görünür: @import "style.css"; Budur style.css adlı üslub cədvəlinə bir keçid. Düzəliş üçün göstərilən faylı açmalısınız. Əgər bir əlaqə yoxdursa və açıldıqdan sonra <stil etiketi üslub təlimatları varsa, onları burada düzəltməlisiniz. Hər iki variantda, üslubların təsvirləri arasında sənədin gövdəsi (gövdə) ilə əlaqəli olanları axtarmaq lazımdır. Bu təsvirlər bloku belə görünə bilər: gövdə {
arxa rəng: Gümüş;
rəng: Qara;
} Burada fon rəngi parametrinin dəyərini yeni rəngin dəyəri ilə əvəz etməli və eyni onaltılıq dəyərlərdə daha yaxşıdır. CSS təlimatlarındakı fon şəkli seçimi belə olmalıdır: gövdə {
arxa plan: # C0C0C0 url (img / bg.jpg) təkrar-y;
rəng: Qara;
} Burada şəkil bağlantısı yuxarıda müzakirə edilənə bənzəyir və linkdən əvvəl # C0C0C0, arxa plan görüntüsünün işğal etmədiyi səhifə boşluğunun gümüş bir arxa plana sahib olacağını göstərir. "Təkrar-y" fon şəklinin Y (şaquli) oxu boyunca vurulmalı olduğunu göstərir."Təkrar-y" "təkrar-x" (üfüqi təkrarlama) və ya "təkrarlanmayan" ilə dəyişdirilə bilər (təkrarlamayın). Təkrarlamağı ümumiyyətlə göstərməmisinizsə, arxa plan şəkli bütün istiqamətlərdə səhifənin arxa boşluğuna döşənəcəkdir.
