Ziyarətçinin saytın səhifələrində gördüyü hər şey, server tərəfindən göndərilən ətraflı təlimatlar əsasında brauzer tərəfindən göstərilir. Bu təlimatlar səhifənin html-kodu adlanır və hər bir elementin növünü, görünüşünü və yerləşməsini ayrı-ayrılıqda təsvir edən ayrı “etiketlər” dən ibarətdir. Hər hansı bir yeni elementi (məsələn, bir şəkil) bir səhifəyə yerləşdirmək üçün mənbə koduna müvafiq bir təlimat - etiket əlavə etməlisiniz. Bunu etmək üçün ən asan yolu düşünün.
Təlimat
Addım 1
Hər hansı bir məzmun idarəetmə sistemindən istifadə edirsinizsə, ehtimal ki, bir səhifə redaktoru ehtiva edir. Əvvəlcə bu redaktorda istədiyiniz səhifəni açmalısınız. Əlavə - seçimlər mümkündür. Ən yaxşı halda, səhifə redaktoru bir "görmə rejimi", başqa sözlə - "WYSIWYG rejimi" (Gördüyünüz - "Gördüyünüz şey") olacaq. Bu rejimdə orijinal html-kodla ümumiyyətlə məşğul olmağınıza ehtiyac qalmayacaq! Redaktordakı səhifə saytdakı kimi görünəcək, siçanı istədiyiniz yerdə soxmaq və redaktor panelindəki "şəkil əlavə et" düyməsini basmaq kifayətdir.
Addım 2
Nəticədə istədiyiniz şəkli seçməli olduğunuz bir informasiya qutusu açılacaqdır. Hələ yükləməmisinizsə, kompüterinizdə bir şəkil seçib serverə yükləmək üçün bir düymə də var. Əlavə olaraq, bu informasiya qutusunda şəklin ətrafındakı çərçivənin rəngini və genişliyini, çərçivə ilə şəkil arasındakı dolğunun məsafəsini və rəngini, alət ipucu üçün mətni təyin edə bilərsiniz. Buradakı ölçüləri göstərmək lazım deyil, lakin səhifə yüklənməsini sürətləndirmək və dizaynın təhrif olunmasının qarşısını almaq üçün bunu etmək daha yaxşıdır. Dialoqun bütün tələb olunan sahələri doldurulduqda, "OK" düyməsini basın və sonra düzəliş edilmiş səhifəni qeyd edin.
Addım 3
İdarəetmə sistemləri üçün vahid bir standart olmadığına görə sisteminizin vizual rejimində bir şəkil yerləşdirmə proseduru bir az fərqlənə bilər, lakin prinsip eyni olacaq. Eyni səbəbdən, WYSIWYG rejimi saytınızın idarəetmə sistemində görünməyə bilər. Sonra yenə də səhifənin mənbə kodunu HTML-də düzəltməlisiniz (HyperText Markup Language - "hipertext markup language"). Brauzerin burada şəkli göstərməsini söyləyən kodda lazımi yerə bir etiket daxil etməlisiniz. Ən sadə şəkildə belə görünməlidir: Budur görüntünün "nisbi ünvanı" - bu ünvanda brauzer ondan şəkil sənədini almaq üçün serverlə əlaqə saxlamalıdır. Ünvan nisbi olarsa, brauzer faylın səhifənin özü ilə eyni server qovluğunda (və ya alt qovluqda) olduğunu qəbul edəcəkdir. Ancaq səhv etməmək üçün "mütləq ünvan" ı göstərmək daha yaxşıdır - məsələn, bu kimi: Təbii ki, serverin şəkli tapıb brauzerə göndərməsi üçün göstərilənə yüklənməlidir. yer. Bunu etmək üçün ən asan yol, hər məzmun idarəetmə sistemində olan və eyni zamanda barındırma şirkətinizin idarəetmə panelindəki fayl meneceridir. Bunu xüsusi bir proqram - FTP-müştəri istifadə edərək FTP protokolundan (File Transfer Protocol - "fayl transfer protokolu") da edə bilərsiniz. Həm pullu, həm də pulsuz bir çoxu var - məsələn, Cute FTP, FlashFXP, WS FTP, və s. Ancaq təbii ki, proqramı quraşdırmaq, mənimsəmək və konfiqurasiya etmək vaxt aparacaq, buna görə ehtiyac duyduğunuz hər şeyi yükləmək üçün bir fayl meneceri. brauzer daha asan bir seçimdir.
Addım 4
Görüntünün html-etiketindəki ünvana əlavə olaraq əlavə məlumat da göstərə bilərsiniz - etiketin "atributları". Məsələn, alt="Image" atributu, siçan imlecini şəklin üstünə çəkdiyiniz zaman açılan alət ipucu üçün mətni ehtiva edir: Bunu - başlıq atributu ilə əvəz etmək olar: - Brauzerin yerləşməli olduğu düzbucaqlının ölçüsü. görüntünün genişlik və hündürlük atributları ilə təyin edilməsi: - Sərhəd atributu şəklin ətrafındakı haşiyənin genişliyini (piksel şəklində) müəyyənləşdirir: Şəkil bir keçid yaradılarsa, brauzer ətrafına mavi bir haşiyə çəkəcəkdir. Ondan qurtulmaq üçün sərhəd dəyərini sıfıra qoyun: - Digər iki atribut bitişik elementlərdən (mətn sətirlərindən, digər şəkillərdən və s.) Şəkilin girmə miqdarı barədə məlumat ehtiva edir - hspace girinti yatay (sol və sağ), boşluq - şaquli (alt və yuxarı):
