ev › Təhsil › Veb səhifənin əsas elementləri hansılardır? Veb səhifələrin əsas elementləri. HTML dili strukturu: teqlər

Veb səhifənin əsas elementləri hansılardır? Veb səhifələrin əsas elementləri. HTML dili strukturu: teqlər

İstənilən veb-səhifədə hər bir resursun məcburi komponentləri olan müəyyən standart elementlər dəsti var İnternet şəbəkələri. Bu cür elementlərin yerləşdirilməsi, onların nisbi mövqeyinin dizaynı vebmasterin əsas vəzifələrindən biridir.

Veb səhifənin ilk elementi onundır başlıq. O, həm mətn, həm də qrafik formada hazırlana bilər, lakin hər iki halda sənədin yuxarı hissəsində yerləşməlidir. Bəzən başlıq ilə birləşdirilir Kiril kodlaşdırma seçim menyusu Və saytın rus dilindən ingilis versiyasına keçmək üçün düymələr, bu Veb resurs iki dildə təqdim olunarsa.

Birbaşa sənədin alt başlığında, bir qayda olaraq, yerləşdirmə üçün ayrılmış yerdir reklam banneri. Veb səhifənin yuxarı hissəsinə bir bannerin daxil edilməsi əksər hallarda banner mübadiləsi xidmətlərində saytın qeydiyyatdan keçməsi üçün ilkin şərtdir - banner mübadiləsi şəbəkəsinin digər iştirakçılarının reklamlarının səhifələrində nümayiş etdirilməsi müqabilində yaratdığınız resursu reklam edən sistemlər. saytınız.

Sənədin əsas hissəsini qondarma tutur mətn sahəsi- səhifənin semantik məzmununun yerləşdiyi sahə: məzmun məlumat mətni və illüstrasiyalar. Sadalanan elementlərə “məzmun” da deyilir (ingilis dilindən, məzmun). Mətn sahəsinin yeri ilk növbədə veb-dizaynerin sənədin qalan elementlərini necə yerləşdirəcəyindən asılıdır.

Veb səhifənin növbəti məcburi komponentidir naviqasiya elementləri- birləşdirən hiperlinklər bu sənəd saytın digər bölmələri ilə. Naviqasiya elementləri mətn sətirləri, qrafik obyektlər, yəni düymələr və ya aktiv komponentlər şəklində hazırlana bilər.

ents, məsələn Java proqramları. Sonuncular, "ənənəvi" bacılarından fərqli olaraq, siçan hərəkətlərinə cavab verə bilən, kursor onların üzərinə gətirildikdə bəzi sadə hərəkətləri yerinə yetirə bilən eyni düymələrdir (arxa işığı yandırmaq, "klik" effekti yaratmaq, forma dəyişdirmək və s. ). d.).

Ən köklü yanaşma naviqasiya elementlərini səhifənin sol kənarında yerləşdirməkdir.

Sənədin aşağı hissəsində dərc etmək adətdir sayt tərtibatçıları və ünvanı haqqında məlumat E-poçt , bunun vasitəsilə resurs ziyarətçiləri öz cavablarını, təkliflərini və istəklərini səhifə sahiblərinə göndərə bilərlər.

Veb səhifə başlanğıc sənəddirsə, onun aşağı hissəsində də yerləşdirilir sayğac vur- serverdə quraşdırılmış CGI skriptini çağıran kiçik skript, istifadəçi brauzerində sənədin hər açılışını qeyd edir, sayğac göstəricisinin dəyərini dəyişir. Bir səhifədə bir neçə fərqli sayğac yerləşdirmək tövsiyə edilmir.

Veb saytlar bir-birindən fərqlənir:

Ölçülər (bir neçə səhifədən gigabayt informasiyaya malik veb serverlərə qədər).

Dizayn (ümumi rəng sxemi, şrift formatı, istifadə olunan illüstrasiyalar və s.).

Struktur (linklər sistemi, sayt daxilində səhifələrin əlaqəsi, həmçinin digər saytlarla əlaqə).

Eyni zamanda, hər hansı bir veb səhifə iki qrupa bölünə bilən standart elementlərdən qurulur:

Passiv (illüstrativ) elementlər

animasiya

Aktiv elementlər

giriş sahələri
açarları

Çərçivələrçərçivə- frame, framework) veb səhifəni bir neçə hissəyə (pəncərələrə) bölməyə imkan verən və digər hissələrdən asılı olmayaraq hər bir hissənin məzmununu dəyişməyə imkan verən texnologiyadır. Beləliklə, saytın məzmun cədvəli çox vaxt dəyişməz bir çərçivədə, məzmun isə başqa bir çərçivədə yerləşdirilir.

Mövzu 9. Elektron rabitə. E-poçt ünvanları

Elektron poçt (E-mail) şəbəkə xidmətinin əsas növüdür. Mesajlaşma sistem vasitəsilə həyata keçirilir poçt serverləri.

Poçt serverində hər bir istifadəçi üçün ayrıca var Poçt qutusu server diskində e-poçt mesajlarının saxlandığı yerdir. E-poçt ünvanının qeydiyyatı prosedurunu tamamlayan zaman istifadəçi poçt qutusuna daxil olmaq üçün istifadə ediləcək bir giriş və şifrə alır. Poçt qutusunun adı (login) istifadəçinin özü tərəfindən verilir. Server yalnız adın unikal olduğuna əmin olur.

E-poçt ünvanı @ işarəsi ilə ayrılan iki hissədən ibarətdir (bu işarə adətən “it” adlanır):

ad poçt qutusu istifadəçi (onun seçdiyi, nümunəmizdə - irina).

Domen adı poçt serveri(bizim nümunəmizdə - poçt. ru) .

Misal üçün, irina@ poçt. ru

E-poçt ünvanları Latın hərfləri, rəqəmləri və ya simvollarından istifadə etməklə boşluq qoyulmadan yazılır (istifadəyə icazə verilir).

İstifadəçinin kompüterindəki e-poçt ünvanının qeydiyyat məlumatlarına əsasən, aHesab istifadəçi adı daxil olmaqla poçt xidməti ilə əlaqə saxlamaq üçün lazım olan məlumatları ehtiva edən .daxil ol) və parol.

Bu qeyd əsasında server istifadəçini müəyyənləşdirir.

Qoruma üçün İnternet Təhlükəsizliyinin Planlaşdırılması

Hücumun hədəfi həm şəbəkə üzərindən ötürülən məlumat, həm də internetə qoşulmuş kompüter ola bilər.

İnternetdən istifadə edərkən tam təhlükəsizliyi təmin etmək mümkün deyil, lakin əvvəlcədən təhlükəsizlik planlaması hücumların ehtimalını əhəmiyyətli dərəcədə azaldır. İnternet daim inkişaf etdiyi üçün daim yeni təhlükəsizlik problemləri yaranır, ona görə də təhlükəsizlik alətlərinin yenilənməsi kompüter sisteminizin sağlamlığının qorunmasının vacib hissəsidir.

Müdafiə xətləri:

Mümkün hücumların qarşısının alınması:

Təhlükəsiz və lazımsız məlumatları bloklayan xüsusi proqram və avadanlıqlardan istifadə edin.

Doğrulama və şifrələmədən istifadə edin.

Risk mənbələrinin azaldılması:

Yalnız həqiqətən ehtiyacınız olan İnternet xidmətlərindən istifadə edin.

Səhvsiz proqram təminatından istifadə edin və onu müntəzəm olaraq yeniləyin.

Proqram təminatını düzgün konfiqurasiya edin (nə qədər az icazə verilirsə, təhlükəsizlik bir o qədər yüksəkdir).

Özünüz haqqında məlumatı internetdə reklam etməyin.

Kompüter resurslarınıza girişi məhdudlaşdırın.

Hücumdan sağalmağa hazırlaşır:

Yaradın və müntəzəm olaraq yeniləyin ehtiyat nüsxələri iş məlumatları.

Həmişə əlinizdə proqram paylama dəstləri olsun.

Doğrulama (danrpekolojiauthenticos- orijinallıq) – həqiqiliyin təsdiqi.

Biz hamımız açar sözləri necə seçmək və onların siyahısını düzgün tərtib etmək, müəyyən axtarış sorğularına uyğun veb sayt yaratmaq üçün açar sözlərdən necə istifadə etmək barədə çoxlu sayda məqalə oxumuşuq. Açar sözlərin veb səhifələrdə yerləşdirilməsinə daha yaxından nəzər salaq.

Açar sözlərin veb səhifədə harada və necə yerləşdiriləcəyini bilmək SEO şirkətinizi yarada və ya poza bilər.

Hər veb səhifəsində açar sözlərinizi yerləşdirməli olduğunuz 5 element var:

Səhifənin başlığı (başlıq etiketi)
Səhifə açar sözləri (Meta teq açar sözləri)
Səhifənin təsviri (Meta təsviri etiketi)
Şəkillər üçün alternativ mətn (Alt etiketi)
Veb səhifənin məzmunu (bədən etiketi)

Veb səhifənin yuxarıda göstərilən bütün elementlərindən ən vacibi səhifənin məzmunudur (5-ci bənd). Aşağıda bu barədə ətraflı.

Hələlik bu siyahıya sıra ilə baxaq.

Element №1. Səhifənin başlığı (başlıq etiketi)

Əvvəlcə səhifənin başlığına (başlıq etiketinə) baxaq. Bu element hər hansı bir veb səhifənin baş blokunun bütün digər elementlərindən birincisi və ən vacibidir.

İnternet brauzerinin ən yuxarı sətirində veb səhifənin başlığını görə bilərsiniz. Bunu yoxlamaq üçün istənilən brauzeri işə salın, məsələn, internet Explorer, Opera və ya Mozilla Firefox, istənilən vebsayta gedin və başlıq etiketinin məzmununu həmin brauzerlərdəki ən yuxarı sətirlə müqayisə edin. Axtarış motorları bu teqdən öz məqsədləri üçün istifadə edir - sayt haqqında məlumat toplamaq və onun mövzusunu müəyyən etmək, həmçinin axtarış motoru nəticələrində (SERP) veb səhifənin adı kimi istifadə edir.

Unutma! Veb səhifənin başlığı onundur Qısa Təsvir.

Yuxarıda göstərilənlərə əlavə olaraq, başlıq etiketinin məzmunu İnternet brauzerinin Sevimlilərinə əlavə edilərkən veb səhifənin başlığı kimi istifadə olunur.

Element № 2. Səhifə açar sözləri (Meta teq açar sözləri)

İndi açar sözlər və təsvir meta teqləri haqqında danışaq. Bir müddət əvvəl axtarış motoru indeksinə sayt əlavə edilərkən Meta açar sözlər teqindən istifadə edilirdi. Amma o vaxtlar geridə qalıb. İndi axtarış motorları sadəcə olaraq bu etiketə məhəl qoymurlar, çünki... tez-tez "çirkli" məqsədlər üçün istifadə halları var. Bəzi axtarış sistemləri saytın mövzusunu müəyyən etmək üçün bu etiketə diqqət yetirirlər.

Bütün deyilənlərdən belə çıxır ki, bu etiket tələb olunmur, ancaq siz onu yalnız təyinatı üçün istifadə edə bilərsiniz.

Açar sözlər vergüllə ayrılmalıdır. Ən vacib açar sözləri siyahının əvvəlinə, sonra isə əhəmiyyətinə görə azalan ardıcıllıqla yerləşdirin. Axtarış sistemləri artıq açar sözlərin hansı halda yazıldığına diqqət yetirmir, ona görə də indi bütün açar sözlər kiçik hərflərlə yazıla bilər.

Element No 3. Səhifənin təsviri (Meta təsviri etiketi)

Təsvir meta etiketi açar sözlərin yerləşdirilməli olduğu başqa bir sayt elementidir. Axtarış motorları bu teqi açar sözlərin olması üçün skan edir, həmçinin onun məzmununu saytın məzmunu ilə (bədən etiketinin məzmunu) müqayisə edir. Çox vacib bir vəziyyət, axtarış motorlarının təsvir etiketinin məzmununu axtarış nəticələrində veb səhifənin təsviri kimi istifadə etməsidir (SERP).

Bu etiketdə veb səhifənin qısa təsviri olmalıdır, lakin 50 sözdən çox olmamalıdır.

Element № 4. Şəkillər üçün alternativ mətn (Alt etiketi)

Alt etiketlər şəklin məzmununun mətn təsviridir, yəni. əgər nədənsə şəkil yüklənmirsə və bu şəkildə alt mətn varsa, o zaman şəkil əvəzinə bu mətn göstərilir.

Əgər şəkil yüklənibsə və şəkildə də alt mətn varsa, o zaman siçanı şəklin üzərinə aparanda bunu görə bilərik. Alt etiketləri nədənsə qrafikləri göstərməyən İnternet istifadəçilərinin rahatlığı üçün istifadə olunur.

Bir çox axtarış motorları bu etiketin məzmununu indeksləşdirir, ona görə də açar sözlər ola bilər. Sadəcə unutmayın ki, alt mətn şəkilə uyğun olmalıdır, onu təsvir etməli və mətnin ekvivalenti olmalıdır. Alt etiketi ayırıcı xətlər, güllələr kimi işarələmə şəkilləri ilə istifadə etməyin...

Element № 5. Veb səhifənin məzmunu (bədən etiketi)

Beləliklə, nəhayət saytın ən əsas elementinə - bədən etiketinə, məzmunu İnternet istifadəçiləri üçün ən maraqlı olan elementə çatdıq. Böyük axtarış motorları artıq sizə SERP-lərdə 1-ci mövqe verməyəcək, çünki vebsayt səhifənizdə bir neçə açar sözün təkrarı var. Yalnız müəyyən bir şeyə ən uyğundur axtarış sorğusu veb səhifə.

Buna nail olmaq üçün seçilmiş açar sözləri onların təkrarlanma tezliyini müşahidə edərək veb səhifələrin koduna daxil etməlisiniz. Aşağıdakı kimi hərəkət edin: hər bir xüsusi səhifə üçün 1-2 açar söz seçin və onlar üçün müvafiq səhifəni optimallaşdırın.

Təsəvvür edin ki, yeni veb saytınızın və ya məhsulunuzun təqdimatını hazırlayırsınız. Sonra, məsələn, slaydlarınız PowerPoint təqdimatları- paraqraflar. Onlar qısa və aydın olmalıdır. PowerPoint təqdimatında olduğu kimi, hər dəfə seçilmiş açar sözlərə diqqət yetirərək saytınızın və ya məhsulunuzun üstünlüklərini sadalamaq üçün siyahılardan istifadə edə bilərsiniz.

Seçilmiş açar sözləri hər bir veb səhifənin yuxarıdakı 5 elementinə tətbiq edin və siz cari reytinqlərinizi və nəticələrinizi xeyli yaxşılaşdıracaqsınız.

HTML dili

Veb səhifələr istənilən formatda mövcud ola bilər, lakin standart Hyper Text Markup Language-dir, şəkillər, səs, animasiya, video kliplər və İnternet məkanına səpələnmiş digər sənədlərə hipermətn keçidləri ilə zəngin mətn yaratmaq üçün nəzərdə tutulmuş hipermətn işarələmə dilidir və eyni serverdə yerləşir və ya eyni Veb layihəsinin ayrılmaz hissəsidir.

İnternetdə məlumatınız olmadan işləyə bilərsiniz HTML dili, çünki HTML mətnləri müxtəlif xüsusi redaktorlar və çeviricilər tərəfindən yaradıla bilər. Ancaq birbaşa HTML-də yazmaq çətin deyil. Bu, tez-tez imkanları məhdud olan, səhvən və ya platformalarda işləməyən zəif HTML istehsal edən HTML redaktoru və ya çeviricisini öyrənməkdən daha asan ola bilər.

HTML dili bir neçə çeşiddə gəlir və inkişaf etməyə davam edir, lakin HTML konstruksiyaları çox güman ki, gələcəkdə də istifadə olunmağa davam edəcək. HTML öyrənmək və onu daha dərindən başa düşmək, HTML öyrənmənin əvvəlində sənəd yaratmaq və onu mümkün qədər genişləndirməklə biz çoxlarının baxa biləcəyi Veb səhifələr yarada bilirik. Veb brauzerlər, həm indi, həm də gələcəkdə. Bu, Netscape Navigator, Internet Explorer və ya bəzi digər proqramlar tərəfindən təmin edilən qabaqcıl metod kimi digər metodlardan istifadə imkanını istisna etmir.

HTML ilə işləmək standartlaşdırılmış dildə sənədlərin yaradılmasının incəliklərini öyrənmək üçün bir üsuldur, yalnız həqiqətən zəruri hallarda genişləndirmələrdən istifadə edir.

HTML Ümumdünya İnternet Konsorsiumu tərəfindən ratifikasiya edilmişdir. Bu, bir neçə geniş istifadə olunan brauzer tərəfindən dəstəklənir və yəqin ki, demək olar ki, hər şeyin əsasını təşkil edəcəkdir proqram təminatı, İnternetlə əlaqəlidir.

Veb səhifənin yaradılması prinsipləri, veb səhifənin əsas elementləri

Veb səhifələri yaratmaq üçün HTML (HyperText Markup Language) adlı xüsusi dildən istifadə olunur. Bu dil Veb səhifənin müəyyən elementlərinin formatını və ya məqsədini təyin etmək üçün istifadə olunan teqlər adlanan xüsusi əmrlər toplusunu müəyyən edir. Veb səhifələrdə yerləşdirmək üçün xüsusi etiketlərdən istifadə olunur qrafik şəkillər, audio və video kliplər və digər sözdə quraşdırılmış obyektlər.

Veb səhifələr adidir mətn faylları ildə yaradılmışdır standart notepad və ya oxşar sadə mətn redaktoru. Və onlar mətndən ibarətdir, səhifələrə qoymaq istədiyiniz eyni mətni, yalnız xüsusi şəkildə işarələnmişdir. Üçün müxtəlif proqramlar Veb brauzerlərin eyni Veb səhifəni düzgün göstərməsi üçün HTML standartlaşdırılmalıdır.

Praktikada HTML standartına Microsoft Internet Explorer və Google Chrom kimi ən məşhur brauzerlər tərəfindən təklif olunan və dəstəklənən teqlərin olması böyük təsir göstərir. Bu etiketlər Bu an cari HTML spesifikasiyasının bir hissəsi ola bilər və ya olmaya bilər.

Xüsusi olaraq hazırlanmış redaktə vasitələri var HTML yazmaq. Açarları ehtiva etdiyi üçün vaxta qənaət edirlər sürətli giriş sənədlər, cədvəllər üçün ilkin parametrlərin qurulması və ya sadəcə mətnə üslubların tətbiqi kimi təkrarlanan əməliyyatları yerinə yetirmək üçün. HTML redaktorları WYSIWYG müəllif alətlərindən onunla fərqlənir ki, onlar HTML-nin əl ilə tərtib edilməsi qaydaları haqqında bilik tələb edirlər; redaktorlar yalnız bu prosesi sadələşdirir və sürətləndirir. WWWC tərəfindən standartlaşdırılmış HTML teqlərinə (standart teqlərə) əlavə olaraq, veb brauzerlər bir çox qeyri-standart teqləri dəstəkləyir. Bu teqlər rəqiblər üzərində üstünlük əldə etmək üçün müəyyən bir veb-brauzer proqramının tərtibatçıları tərəfindən təqdim edilmişdir. Onlar ümid edirdilər ki, bu mülkiyyət uzantıları sonradan HTML standartının bir hissəsinə çevriləcək, lakin bu ümidlər heç vaxt reallaşmadı. Bununla belə, etiketlər qalır və hələ də dəstəklənir.

Veb səhifələri yaratmaq üçün sizə istənilən brauzer lazımdır - Internet Explorer və ya Google Chrome Mozilla Firefox və ya daha yaxşısı hər ikisi, çünki çoxları HTML elementləri müxtəlif baxış proqramlarında fərqli şəkildə göstərilir və bu fərqə nəzarət etmək çox arzuolunandır.

Bundan əlavə, HTML faylları hazırlamaq üçün hər hansı bir mətn redaktoru, məsələn, görülənlərə baxmaq və nəzarət etmək üçün brauzer lazımdır.

Veb səhifə yaratmaq üçün ilk addım sayt strukturunun yaradılmasıdır. Veb sayt unikal adı və daimi ünvanı olan, fiziki olaraq WWW-yə qoşulmuş və ya virtual olaraq başqa, daha böyük serverdə yerləşdirilən serverdir.

Sayt strukturunu yaratdıqdan sonra işə salın mətn redaktoru Söz, yarat yeni sənəd və onu Veb səhifə kimi yadda saxlayın, sonra Veb səhifə yaratmağa davam edin. Bu, işimizi asanlaşdırır və yaxşılaşdırır. Orada biz Veb saytın yaradılması vaxtını, onun sazlanması, mövzusu, eləcə də doldurulmasını müəyyənləşdiririk.

Saytın interfeysinin ziyarətçi tərəfindən başa düşülməsinə imkan verən bir neçə sadə qaydalar var [No. 10].

1. Saytda faydasız məlumatlar olmamalıdır, şrift oxunması asan olmalıdır. Qrafik elementlər aydın, ifadəli və sürətli yüklənməli idi.

2. İnsan gözü vebsayt səhifələrini yuxarıdan aşağıya skan edir. Ən çox diqqət səhifənin yuxarı sol tərəfində cəmlənir. Buna görə də, sayt səhifəsinin yuxarı hissəsində, bir qayda olaraq, ən çox mühim informasiya: şirkət adı, loqo, vebsayt adı və s.

3. Sayt ziyarətçisi onu maraqlandıran məlumatı asanlıqla tapmalı və hərtərəfli məlumat əldə edə bilməlidir (mətndə təsvir və bir neçə fotoşəkil).

4. Məlumat qruplar arasında paylanmalıdır. Məhsulları ad və təsvirə görə axtarmaq imkanı təmin etmək mümkündür.

5. Vebsaytda məlumat bölmələri olmalıdır:

şirkət haqqında məlumatla (fəaliyyət sahəsi, ünvanı, əlaqə nömrələri və s.);

Veb səhifələrin əsas elementləri:

1. Başlıq / Loqo (Başlıq)

3. Məzmun/Məzmun (Mətn sahəsi)

4. Naviqasiya elementləri

5. Sayt tərtibatçıları haqqında məlumat

İstənilən veb-səhifə müəyyən dəsti ehtiva edir standart elementlər, hər bir İnternet resursunun məcburi komponentləridir.

Veb səhifənin ilk elementi onun başlığıdır. Saytın loqosu və ya adı onun üçün hər hansı qurumun girişində işarə kimi eyni rol oynayır. İnternet başqa məsələdir: burada əsas hərəkət üsulu teleportasiyadır və buna görə də hər səhifədə bu “işaranı” görməliyəm.

Sənədin əsas hissəsini sözdə Mətn sahəsi tutur - səhifənin semantik məzmununun yerləşdiyi sahə: mənalı məlumat mətni və illüstrasiyalar.

Sadalanan elementlər həmçinin "Məzmun" adlanır (ingilis dilindən, məzmun - Məzmun). Mətn sahəsinin yerləşdirilməsi ilk növbədə Veb dizaynerinin qalan sənəd elementlərini necə yerləşdirməsindən asılıdır.

Şəkil 1. Sayt məzmununun nümunəsi

Şəkil 2. Əlaqə məlumatları

Veb saytınızı yaratmağa başlamazdan əvvəl, səhifə elementlərinin təşkili probleminə çox məsuliyyətlə yanaşın. Ümumiyyətlə, veb səhifə səhifə məzmununa, naviqasiyaya və əlaqəli məlumatlara bölünür. Bu elementlər öz növbəsində daha kiçik elementlərə bölünür.

Nəticə etibarı ilə veb-saytın yaradılması üçün hərəkətlərin ardıcıllığı aşağıdakı sadə alqoritmə düşür:

1. Məqsədlərin qoyulması və əsas vəzifələrin müəyyən edilməsi.

2. Gələcək tematik bölmələrin siyahısının yaradılması.

3. Resursun məntiqi və fiziki strukturunun inkişafı.

4. Dizayn eskizinin, saytın planlaşdırılmasının, görünməz tərtibat cədvəlinin hazırlanması.

5. Mətn materiallarının hazırlanması.

6. Vektor formasında qrafik materialların hazırlanması.

7. Vektor təsvirlərini rastr formatına ixrac edin.

8. Bütün şəkillərin optimallaşdırılması.

9. Web səhifə şablonlarının yaradılması.

10. Web səhifələrinin yığılması və kodun düzəldilməsi.

11. Fərqli ekran həlləri və rəng palitrası və müxtəlif brauzerlərlə Web-səhifələrin ekran şəxsiyyətinin yoxlanılması.

İstənilən veb-səhifədə hər bir İnternet resursunun məcburi komponentləri olan müəyyən standart elementlər dəsti var. Əlbəttə ki, bu cür obyektlərin çeşidi və sayı saytın tematik diqqət mərkəzindən, orada dərc olunan materialların həcmindən, həmçinin bu resursun yaradıcısının qarşısına qoyduğu məqsəd və vəzifələrdən asılı olaraq dəyişə bilər. Bu cür elementlərin yerləşdirilməsi, onların nisbi mövqeyinin dizaynı vebmasterin əsas vəzifələrindən biridir.

Baxmalı olduğumuz veb səhifənin ilk elementi onun başlığıdır. O, həm mətn, həm də qrafik formada hazırlana bilər, lakin hər iki halda sənədin yuxarı hissəsində yerləşməlidir. Bəzən başlıq kiril kodlamasını seçmək üçün menyu və bu veb resurs iki dildə təqdim edildiyi təqdirdə saytın rus dilindən ingilis versiyasına keçid düymələri ilə birləşdirilir. Bilavasitə sənədin alt başlığının altında, bir qayda olaraq, reklam bannerinin yerləşdirilməsi üçün ayrılmış yerdir. Veb səhifənin yuxarı hissəsinə bannerin daxil edilməsi əksər hallarda banner mübadiləsi xidmətlərində saytın qeydiyyatdan keçməsi üçün ilkin şərtdir - banner mübadiləsi şəbəkəsində digər iştirakçıların reklamlarının səhifələrində nümayiş etdirilməsi müqabilində yaratdığınız resursu reklam edən sistemlər. saytınız. Sənəd başlığı altında dərc edilən bannerlərin standart ölçüsü adətən 468x60 pikseldir. Statik səhifə tərtibatından istifadə edirsinizsə, ilk növbədə sənədinizin 640x480 piksel monitorlarda düzgün göstərilməsini təmin etmək və baxmağı çətinləşdirən üfüqi sürüşdürmə çubuğunun olmaması üçün sənədinizin başlıq eni təxminən 640 piksel olacaq. Aydındır ki, bu vəziyyətdə bannerin eni başlığın genişliyindən xeyli az olacaq, buna görə səhifənin reklam üçün yer ayırmağı planlaşdırdığınız hissəsində boş yer görünəcək, onu doldurmaq olar. bu saytın sahibi olan şirkətin loqosu və ya interneti həyata keçirən serverə keçid. hosting. Əlbəttə ki, loqo həmişə lazım deyil: bir qayda olaraq, o, yalnız saytın kommersiya məqsədi daşıdığı təqdirdə veb-səhifəyə daxil edilir.

Sənədin əsas hissəsini sözdə mətn sahəsi tutur - səhifənin semantik məzmununun yerləşdiyi sahə: mənalı məlumat mətni və illüstrasiyalar. Sadalanan elementlərə “məzmun” da deyilir (ingilis dilindən, məzmun). Mətn sahəsinin yeri ilk növbədə veb-dizaynerin sənədin qalan elementlərini necə yerləşdirəcəyindən asılıdır.

Veb səhifənin növbəti məcburi komponenti naviqasiya elementləridir - bu sənədi saytın digər bölmələri ilə birləşdirən hiperlinklər. Naviqasiya elementləri mətn sətirləri, qrafik obyektlər, yəni düymələr və ya Java appletləri kimi aktiv komponentlər şəklində hazırlana bilər. Sonuncular, "ənənəvi" bacılarından fərqli olaraq, siçan hərəkətlərinə cavab verə bilən, kursor onların üzərinə gətirildikdə bəzi sadə hərəkətləri yerinə yetirə bilən eyni düymələrdir (arxa işığı yandırmaq, "klik" effekti yaratmaq, forma dəyişdirmək və s. ). d.). “Veb dizaynının əsas “postulatları”” bölməsində artıq qeyd etdiyim kimi, naviqasiya elementləri elə yerləşdirilməlidir ki, onlar həmişə “göz önündə”, “əldə” olsunlar, yəni istifadəçinin səhifəni geriyə "geri çəkmək" üçün , əgər mətn sahəsi hündürlükdə bir neçə fiziki ekran tutursa, o zaman digər bölmələrə keçidlər axtarmaq üçün uzun müddət sərf edin. Ən köklü yanaşma naviqasiya elementlərini səhifənin sol kənarında yerləşdirməkdir.

Sənədin aşağı hissəsində sayt tərtibatçıları haqqında məlumat və resursa daxil olanların səhifə sahiblərinə öz cavablarını, təklif və istəklərini göndərə biləcəyi e-poçt ünvanını dərc etmək adətdir. Veb səhifə başlanğıc sənədidirsə, onun aşağı hissəsində hit counter da yerləşdirilir - serverdə quraşdırılmış CGI skriptini çağıran, istifadəçi brauzerində sənədin hər açılışını qeyd edən, dəyərini dəyişdirən kiçik bir skript. sayğac göstəricisi. Bunun sayəsində veb-master müəyyən müddət ərzində onun səhifəsini ziyarət edənlərin sayını asanlıqla müəyyən edə bilər. Qeyd edim ki, ziyarət sayğacı yalnız sayta daxil olarkən çağırılan ilk səhifədə quraşdırılır, resursun digər sənədlərində yoxdur.

Beləliklə, biz veb səhifənin bütün əsas komponentlərini və onların bir-birinə nisbətən mümkün yerlərini araşdırdıq. Yuxarıda təsvir edilən komponentlərin tam dəstini ehtiva edən veb sayt tərtibatının nümunəsi Şəkil 1-də göstərilmişdir. 3.6. O, sənədin sol kənarında yerləşdiriləcək naviqasiya elementlərini seçir.

düyü. 3.6. Naviqasiya elementlərinin sola yerləşdirilməsi ilə veb səhifə tərtibatının nümunəsi

Praktikada biz tez-tez naviqasiya elementlərinin dizaynının ekranın sağ kənarında yerləşdirildiyi veb saytlarla qarşılaşırıq. Bu halda, mətn sahəsi sola sürüşdürülür, sənədin qalan komponentləri onların birləşməsinin maksimum estetikası prinsipi əsasında təşkil edilir. Belə bir saytın tətbiqinə bir nümunə Şəkildə göstərilmişdir. 3.7.

düyü. 3.7. Naviqasiya elementlərinin sağ tərəfdə yerləşdirilməsi ilə veb səhifə tərtibatının nümunəsi

Şəkildən göründüyü kimi, bu halda loqo sənədin başlığı ilə eyni səviyyədə, reklam banneri isə səhifənin mərkəzinə nisbətən yerləşdirilir. Bu yanaşma ilə reklam üçün başlığın, loqotipin və sahənin qrafik dizaynını vahid rəngdə və bədii üslubda saxlamaq tövsiyə olunur - onda bu obyektlərin mövqeyinin asimmetriyası o qədər də aydın olmayacaq və "gözlərə zərər verməyəcək" ” ciddi, “cədvəl” dizayn estetikasının tərəfdarları.

Naviqasiya elementləri yalnız səhifənin sağ və sol sərhədlərinin yaxınlığında deyil, həm də sənədin yuxarı hissəsində yerləşdirilə bilər. Bu layout seçimi, mənim fikrimcə, ana səhifələr yaratarkən ən uyğundur: bu halda, bütün səhifə obyektləri görünməz cədvəlin verilmiş eninə ahəngdar şəkildə "uyğunlaşır", cədvəlin özü hazırlanarkən çox sadələşdirilmişdir. Bu yanaşmanın yeganə çatışmazlığı sənədin altındakı naviqasiya elementlərinin dublikatına ehtiyacdır, çünki səhifədə şaquli olaraq sürüşdürdükdə onlar ekranın yuxarı sərhədinin arxasında yox olur və onlara çatmaq üçün istifadəçi lazım olacaq. Ekranı "geri çevirin", gördüyünüz kimi, çox əlverişsizdir. Üst naviqasiya elementləri olan bir səhifənin dizaynına bir nümunə Şəkildə göstərilmişdir. 3.8.

düyü. 3.8. Naviqasiya elementlərinin üst yerləşdirilməsi ilə veb səhifə tərtibatının nümunəsi

Əlbəttə ki, bu bölmədə deyilənlərin hamısı panacea deyil, fəaliyyət üçün bir bələdçidir. Mən yalnız saytın strukturunu tərtib edərkən istifadə olunan ümumi prinsipləri təsvir etməyə çalışıram, lakin son qərar həmişə veb ustasında qalır. Nəhayət, gələcək layihəniz üçün əsas kimi hansı dizayndan istifadə etməyinizdən asılı olmayaraq, işinizin nəticəsi yenə də düzgün olacaq: İnternetdə nə senzura, nə də sayt yaradıcısını bu və ya digər ciddi çərçivəyə məcbur edən hər hansı qaydalar var. Yuxarıda göstərilən kateqoriyaların heç birinə aid olmayan bir dizayn həllinə misal olaraq, təxmini diaqramı Şəkil 1-də göstərilən qarışıq layout adlanır. 3.9.

Şəkildən göründüyü kimi, bu nümunədə bəzi nəzarət elementləri birbaşa səhifə başlığına daxil edilmişdir - haqqında danışırıq saytın rus və ingilis versiyaları arasında keçid düymələri, habelə naviqasiya düymələri haqqında: bu, sənədin aşağı hissəsində təkrarlanan resurs yaradıcılarının e-poçt ünvanına keçid və onlardan birinə keçid ola bilər. tematik bölmələr, məsələn, xəbərlər səhifəsi. Naviqasiya elementlərinin əsas bloku sənədin sol haşiyəsinə nisbətən yerləşdirilib, lakin kiril kodlamasını seçmək üçün menyu birbaşa səhifənin yuxarı hissəsindəki reklam bannerinin altında yerləşir. Mətn sahəsi iki asimmetrik sütuna bölünür və sağ tərəfdə resursu təşkil edən tematik bölmələrin qısa elanları, o cümlədən bu bölmələrə keçidlər var.

Aydındır ki, veb səhifə üçün çoxlu “qarışıq tərtibat” variantları ola bilər: konkret həllər resursu təşkil edən bölmələrin sayından, saytda yerləşdirilmək üçün hazırlanmış mətnin həcmindən və nəhayət, dizaynerin özünün təxəyyülündən asılıdır. Yalnız bu vacibdir görünüş sayt ziyarətçilərin heç bir şikayətinə səbəb olmayıb. Sonda, yalnız siz bir tərtibatçı olaraq, siz və başqa heç kimin bütün qabiliyyət və istedadlarınızı göstərmək və səhifəni öz zövqünüzə uyğun təşkil etmək hüququ var. Bəzi ana səhifələrin yaradıcıları şübhələrdən əziyyət çəkmədən sənədin yuxarı sağ küncünə hit sayğacını yerləşdirirlər, saytın adı kiçik, səliqəli şriftlə yazılır və reklam banneri altında dərc edilir və nədənsə naviqasiya elementlər gözlənilmədən mətn blokunun düz ortasında, özünüz haqqında hekayə ilə layihə müəllifinin sevimli itinin fotoşəkilləri arasında görünür. Necə deyərlər, zövqə və rəngə görə yoldaş yoxdur. Amma şəxsən mənə bu xəstəlik sağalmaz görünür.