Кои се главните елементи на веб-страницата? Основни елементи на веб-страниците. Структура на HTML јазик: ознаки

Секоја веб-страница содржи одреден сет на стандардни елементи кои се задолжителни компоненти на секој ресурс Интернет мрежи. Распоредот на таквите елементи, дизајнирањето на нивната релативна положба е една од главните задачи на вебмастерот.

Првиот елемент на веб-страницата е нејзиниот Наслов. Може да се направи или во текст или во графичка форма, но во двата случаи треба да се наоѓа на врвот на документот. Понекогаш во комбинација со насловот Мени за избор на кирилично кодирањеИ копчиња за префрлување од руска на англиска верзија на страницата, ако овој веб-ресурс е претставен на два јазика.

Директно во поднасловот на документот, по правило, е просторот наменет за поставување рекламен банер. Вклучувањето банер на врвот на веб-страницата во повеќето случаи е предуслов за регистрирање локација во услуги за размена на банери - системи кои го рекламираат ресурсот што сте го создале во замена за прикажување реклами на други учесници во мрежата за размена на банери на страниците на вашиот сајт.

Главниот дел од документот е окупиран од т.н текстуално поле- областа каде што се наоѓа семантичката содржина на страницата: содржина информативен тексти илустрации. Наведените елементи се нарекуваат и „содржина“ (од англиски, содржина). Локацијата на полето за текст зависи првенствено од тоа како веб дизајнерот ќе ги постави преостанатите елементи од документот.

Следната задолжителна компонента на веб-страницата е елементи за навигација- се поврзуваат хиперврски овој документсо други делови на страницата. Елементите за навигација може да се направат во форма на текстуални низи, графички објекти, односно копчиња или активни компоненти.


nents, на пример Java аплети. Последните се истите копчиња кои, за разлика од нивните „традиционални“ сестри, можат да одговорат на движењата на глувчето, изведувајќи некои едноставни дејства кога курсорот лебди над нив (вклучување на позадинското осветлување, создавање ефект „клик“, менување на формата итн. г.).

Најпотврдениот пристап е да се постават елементите за навигација на левиот раб на страницата.

Вообичаено е да се објави на дното на документот информации за развивачите на страницата и адресата Е-пошта , преку кој посетителите на ресурсите можат да ги испратат своите одговори, предлози и желби до сопствениците на страницата.

Ако веб-страницата е почетен документ, на дното е исто така поставен удар контра- мала скрипта која повикува CGI скрипта инсталирана на серверот, која го снима секое отворање на документ во прелистувачот на корисниците, менувајќи ја вредноста на индикаторот за бројач. Не се препорачува поставување на неколку различни бројачи на една страница.

Веб-страниците се разликуваат едни од други:

Големини (од неколку страници до веб-сервери со гигабајти информации).

Дизајн (општа шема на бои, формат на фонт, употребени илустрации итн.).

Структура (систем на врски, поврзување на страници во рамките на страницата, како и поврзување со други сајтови).

Во исто време, секоја веб-страница е изградена од стандардни елементи, кои можат да се поделат во две групи:

Пасивни (илустративни) елементи

  • анимација

Активни елементи

  • полиња за внесување

    прекинувачи

Рамкирамка- рамка, рамка) е технологија која ви овозможува да поделите веб-страница на неколку делови (прозорци) и овозможува промена на содржината на секој дел без разлика на другите делови. Така, содржината на страницата често се става во една непроменлива рамка, а содржината во друга.

Тема 9. Електронска комуникација. Адреси на е-пошта

Електронската пошта (Е-пошта) е главниот тип на мрежна услуга. Пораки се врши преку системот сервери за пошта.

За секој корисник на серверот за пошта, постои посебен Поштенско сандачее локацијата на дискот на серверот каде што се чуваат е-пораките. При завршување на процедурата за регистрација на е-пошта, корисникот добива најава и лозинка, кои потоа ќе се користат за пристап до неговото поштенско сандаче. Името (најавата) на поштенското сандаче го дава самиот корисник. Серверот само се осигурува дека името е единствено.

Адресата за е-пошта се состои од два дела, одделени со знакот @ (овој знак најчесто се нарекува „куче“):

На пример, ирина@ пошта. ru

Адресите на е-пошта се пишуваат без празни места со латински букви, бројки или симболи (дозволени за употреба).

Врз основа на податоците за регистрација на адресата за е-пошта на компјутерот на корисникот, аСметка , кој содржи информации неопходни за контактирање на услугата за пошта, вклучувајќи го и корисничкото име (Логирај Се) и лозинка.

Врз основа на овој запис, серверот го идентификува корисникот.

Планирање за заштита на интернет безбедност

Целта на нападот може да биде и информација пренесена преку мрежата и компјутер поврзан на Интернет.

Невозможно е да се обезбеди целосна безбедност при користење на Интернет, но однапред планирањето на безбедноста значително ја намалува веројатноста за напади. Бидејќи Интернетот постојано се развива, постојано се појавуваат нови безбедносни прашања, така што ажурирањето на безбедносните алатки е суштински дел од одржувањето на здравјето на вашиот компјутерски систем.

Линии на одбрана:

    Блокирање на можни напади:

        Користете специјален софтвер и хардвер што блокира небезбедни и непотребни податоци.

        Користете автентикација и шифрирање.

    Намалување на изворите на ризик:

        Користете ги само оние Интернет-услуги што навистина ви се потребни.

        Користете софтвер без грешки и редовно ажурирајте го.

        Правилно конфигурирајте го софтверот (колку помалку е дозволено, толку е поголема безбедноста).

        Не рекламирајте информации за себе на интернет.

        Ограничете го пристапот до ресурсите на вашиот компјутер.

    Подготовка за опоравување од напад:

        Создавајте и ажурирајте редовно резервни копииработни податоци.

        Секогаш имајте при рака комплети за дистрибуција на софтвер.

Автентикација (одrpеколошкиавтентични- автентичност) – потврда за автентичност.

Сите сме прочитале огромен број на написи за тоа како да изберете клучни зборови и правилно да составиме листа од нив, како да користите клучни зборови за да креирате веб-локација што е релевантна за одредени прашања за пребарување. Да го разгледаме подетално поставувањето клучни зборови на веб-страниците.

Знаејќи каде и како да поставите клучни зборови на веб-страница може да ја направи или да ја уништи вашата компанија за оптимизација.

Постојат 5 елементи на секоја веб-страница каде што треба да ги поставите вашите клучни зборови:

  1. Наслов на страницата (ознака за наслов)
  2. Клучни зборови на страницата (Клучни зборови за мета ознаки)
  3. Опис на страницата (ознака за мета опис)
  4. Алтернативен текст за слики (Alt ознака)
  5. Содржина на веб-страница (телесна ознака)

Од сите горенаведени елементи на веб-страницата, најважна од сите е содржината на страницата (точка 5). Повеќе за ова подолу.

Засега, да ја погледнеме оваа листа по редослед.

Елемент број 1. Наслов на страницата (ознака за наслов)

Прво, да го погледнеме насловот на страницата (ознака за наслов). Овој елемент е првиот и најважен од сите други елементи во главниот блок на која било веб-страница.

Насловот на веб-страницата можете да го видите во најгорната линија на Интернет-прелистувачот. За да го потврдите ова, стартувајте кој било прелистувач, на пример, Internet Explorer, опера или Mozilla Firefox, одете на која било веб-локација и споредете ја содржината на ознаката за наслов со најгорната линија во тие прелистувачи. Пребарувачите ја користат оваа ознака за свои цели - да собираат информации за страницата и да ја одредат нејзината тема, а исто така да ја користат во резултатите од пребарувачот (SERP) како име на веб-страницата.

Запомнете!Насловот на веб-страницата е негов Краток опис.

Покрај горенаведеното, содржината на ознаката за наслов се користи како наслов на веб-страницата кога се додава во Омилени на Интернет прелистувачот.

Елемент бр. 2. Клучни зборови на страницата (Клучни зборови за мета ознаки)

Сега ајде да зборуваме за клучните зборови и мета-ознаките за опис. Пред извесно време, ознаката за клучни зборови Мета се користеше при додавање на страница во индексот на пребарувачот. Но, тие времиња ги нема. Сега пребарувачите едноставно ја игнорираат оваа ознака, бидејќи ... има чести случаи на негова употреба за „валкани“ цели. Некои пребарувачи обрнуваат внимание на оваа ознака за да ја одредат темата на страницата.

Од сето она што е кажано, произлегува дека оваа ознака не е потребна, но можете да ја користите исклучиво за наменетата цел.

Клучните зборови треба да се одделат со запирка. Поставете ги најважните клучни зборови на почетокот на листата, а потоа по опаѓачки редослед по важност. Пребарувачите повеќе не обрнуваат внимание на буквите во кои се пишуваат клучните зборови, па сега сите клучни зборови може да се пишуваат со мали букви.

Елемент бр. 3. Опис на страницата (ознака за мета опис)

Мета-ознаката за опис е уште еден елемент на страницата во кој треба да се стават клучни зборови. Пребарувачите ја скенираат оваа ознака за присуство на клучни зборови, а исто така ја споредуваат нејзината содржина со содржината на самата страница (содржината на ознаката на телото). Многу важна околност е тоа што пребарувачите ја користат содржината на ознаката за опис како опис на веб-страницата во резултатите од пребарувањето (SERP).

Оваа ознака треба да содржи краток опис на веб-страницата, но не повеќе од 50 зборови.

Елемент бр. 4. Алтернативен текст за слики (Alt ознака)

Alt ознаките се текстуален опис на содржината на сликата, т.е. ако поради некоја причина сликата не се вчита, а оваа слика има алтернативен текст, тогаш овој текст ќе се прикаже наместо сликата.

Ако сликата е вчитана, а сликата има и алт-текст, тогаш можеме да ја видиме кога ќе го ставиме глувчето над сликата. Alt ознаките се користат за погодност на оние корисници на Интернет кои, поради некоја причина, не прикажуваат графика.

Многу пребарувачи ја индексираат содржината на оваа ознака, така што може да содржи клучни зборови. Само запомнете дека алтернативниот текст мора да одговара на сликата, да ја опишува и да биде негов текстуален еквивалент. Не користете ја ознаката alt со слики за обележување како што се линии на поделба, куршуми...

Елемент бр.5. Содржина на веб-страница (телесна ознака)

Така, конечно стигнавме до најосновниот елемент на страницата - ознаката на телото, елементот чија содржина е најинтересна за корисниците на Интернет. Главните пребарувачи повеќе нема да ви даваат прва позиција во SERP само затоа што има повеќекратни повторувања на клучни зборови на вашата веб-страница. Само најрелевантните за одредено барање за пребарувањевеб страна.

За да го постигнете ова, треба да ги имплементирате избраните клучни зборови во кодот на веб-страниците, набљудувајќи ја зачестеноста на нивното повторување. Постапете на следниов начин: за секоја специфична страница, изберете 1-2 клучни зборови и оптимизирајте ја соодветната страница за нив.

Замислете дека подготвувате презентација на вашата нова веб-страница или производ. Потоа, на пример, вашите слајдови PowerPoint презентации– ставови. Тие треба да бидат кратки и јасни. Исто како во презентација на PowerPoint, можете да користите списоци за да ги наведете придобивките од вашиот сајт или производ, секој пат кога ќе се фокусирате на избраните клучни зборови.

Имплементирајте ги избраните клучни зборови во горенаведените 5 елементи на секоја веб-страница и значително ќе ги подобрите вашите моментални рангирања и резултати.

HTML јазик

Веб-страниците можат да постојат во кој било формат, но стандардот е Hyper Text Markup Language, јазик за означување на хипертекст дизајниран да создава богат текст богат со слики, звук, анимација, видео клипови и хипертекст врски до други документи расфрлани низ веб-просторот, и се наоѓа на истиот сервер или е составен дел на истиот веб-проект.

Можете да работите на Интернет без знаење HTML јазик, бидејќи HTML текстовите можат да бидат креирани од различни специјални уредувачи и конвертори. Но, пишувањето директно во HTML не е тешко. Можеби е дури и полесно отколку да научите HTML уредник или конвертор, кои често се ограничени во нивните можности, кабриолет или произведуваат лош HTML што не работи на сите платформи.

Јазикот HTML доаѓа во неколку вкусови и продолжува да се развива, но HTML конструкциите најверојатно ќе продолжат да се користат во иднина. Со учење на HTML и подлабоко разбирање, создавање документ на почетокот на учењето HTML и проширување колку што е можно повеќе, ние сме во состојба да креираме веб-страници што можат да ги видат многумина Веб прелистувачи, и сега и во иднина. Ова не ја исклучува можноста за користење други методи, како што е напредниот метод обезбеден од Netscape Navigator, Internet Explorer или некои други програми.

Работата со HTML е начин да се научат деталите за креирање документи на стандардизиран јазик, користејќи екстензии само кога е навистина потребно.

HTML е ратификуван од страна на World Wide Web Consortium. Поддржан е од неколку широко користени прелистувачи и веројатно ќе биде основа на речиси сè софтвер, кој е поврзан со веб.

Принципи на креирање на веб-страница, основни елементи на веб-страница

За креирање на веб-страници, се користи посебен јазик наречен HTML (HyperText Markup Language). Овој јазик дефинира збир на специјални команди наречени ознаки кои се користат за одредување на форматирањето или целта на одредени елементи на веб-страницата. Специјални ознаки се користат за поставување на веб-страници графички слики, аудио и видео клипови и други таканаречени вградени објекти.

Веб-страниците се обични текстуални датотекисоздадена во стандарден Notepadили сличен едноставен уредувач на текст. И тие содржат текст, истиот текст што сакате да го ставите на страниците, само означен на посебен начин. Со цел да се различни програмиЗа да може веб-прелистувачите правилно да ја прикажуваат истата веб-страница, HTML мора да биде стандардизиран.

Во пракса, HTML стандардот е под големо влијание од присуството на ознаки предложени и поддржани од најпознатите прелистувачи, како што се Microsoft Internet Explorer и Google Chrom. Овие ознаки во овој моментможе или не може да биде дел од тековната HTML спецификација.

Постојат алатки за уредување дизајнирани специјално за пишување HTML. Тие заштедуваат време бидејќи содржат клучеви брз пристапза извршување на повторливи операции, како што е поставување на почетни поставки за документи, табели или едноставно примена на стилови на текст. Уредниците на HTML се разликуваат од алатките за пишување WYSIWYG по тоа што бараат познавање на правилата за рачно составување на HTML; уредниците само го поедноставуваат и забрзуваат овој процес. Покрај WWWC-стандардизираните HTML ознаки (стандардни ознаки), веб-прелистувачите поддржуваат многу нестандардни ознаки. Овие ознаки беа воведени од развивачите на одредена програма за веб-прелистувач за да добијат предност во однос на конкурентите. Тие се надеваа дека овие сопственички екстензии подоцна ќе станат дел од HTML стандардот, но овие надежи никогаш не се реализираа. Сепак, ознаките остануваат и сè уште се поддржани.

За да креирате веб-страници ќе ви треба кој било прелистувач - Internet Explorer или Гугл хром Mozilla Firefox, или уште подобро и двете, бидејќи многу HTML елементисе прикажуваат различно во различни програми за гледање и многу е пожелно да се контролира оваа разлика.

Дополнително, потребен ви е кој било уредувач на текст, на пример, за подготовка на HTML-датотеки и прелистувач за прегледување и контрола на направеното.

Со цел да се создаде веб-страница, првиот чекор е да се создаде структура на страницата. Веб-страницата е сервер со единствено име и постојана адреса, физички поврзан со WWW или виртуелно хостиран на друг, поголем сервер.

Откако ќе ја креирате структурата на страницата, стартувајте уредувач на текстЗборувај, создавај нов документи зачувајте ја како веб-страница, а потоа продолжете да креирате веб-страница. Тоа ни ја прави работата полесна и подобра. Во него го одредуваме времето на креирање на веб-страница, неговото дебагирање, нејзината тема, како и нејзиното пополнување.

Постојат неколку едноставни правила кои овозможуваат интерфејсот на страницата да биде разбран од посетителот [бр. 10].

1. Сајтот не треба да содржи бескорисни информации, фонтот треба да биде лесен за читање. Графичките елементи мораа да бидат јасни, експресивни и брзи за вчитување.

2. Човечкото око ги скенира страниците на веб-страниците од врвот до дното. Најмногу внимание е насочено на горната лева страна на страницата. Затоа, на врвот на страницата на страницата, по правило, најмногу важна информација: име на компанија, лого, име на веб-локација итн.

3. Посетителот на страницата треба лесно да ги најде информациите за кои е заинтересиран и да може да добие сеопфатни информации (опис во текст плус неколку фотографии).

4. Информациите треба да се дистрибуираат меѓу групите. Можно е да се обезбеди можност за пребарување на производи по име и опис.

5. Веб-страницата мора да има делови за информации:

со информации за компанијата (област на дејност, адреса, броеви за контакт и сл.);

Основни елементи на веб-страниците:

1. Заглавие / лого (Заглавие)

3. Содржина/Содржина (Текст-поле)

4. Елементи за навигација

5. Информации за развивачите на страницата

Секоја веб-страница содржи одреден сет стандардни елементи, кои се задолжителни компоненти на секој Интернет ресурс.

Првиот елемент на веб-страницата што треба да го погледнеме е нејзиниот наслов. Логото или името на страницата ја игра истата улога за него како знак на влезот во која било институција. Интернетот е друга работа: тука главниот метод на движење е телепортација, и затоа треба да го видам овој „знак“ на секоја страница.

Главниот дел од документот е окупиран од таканареченото поле за текст - областа каде што се наоѓа семантичката содржина на страницата: значаен информативен текст и илустрации.

Наведените елементи се нарекуваат и „Содржина“ (од англиски, содржина - Содржина). Поставувањето на полето за текст зависи првенствено од тоа како веб-дизајнер ги поставува останатите елементи на документот.

Слика 1. Пример за содржина на страницата

Следната задолжителна компонента на веб-страницата се елементите за навигација - хиперврски кои го поврзуваат овој документ со други делови на страницата. Елементите за навигација може да се направат во форма на текстуални низи, графички објекти, односно копчиња или активни компоненти, како што се Java аплети.

На дното на документот, вообичаено е да се објавуваат информации за развивачите на страницата и адреса на е-пошта на која посетителите на ресурсот можат да ги испратат своите одговори, предлози и желби до сопствениците на страницата. (сл. 2)


Слика 2. Контакт информации

Пред да започнете да ја креирате вашата веб-страница, земете многу одговорен пристап кон проблемот со уредување на елементите на страницата. Општо земено, веб-страницата е поделена на содржина на страница, навигација и поврзани информации. Овие елементи за возврат се поделени на помали елементи.

Како резултат на тоа, редоследот на активности за развој на веб-страница се сведува на следниот едноставен алгоритам:

1. Поставување цели и дефинирање на главните задачи.

2. Креирање листа на идни тематски делови.

3. Развој на логичката и физичката структура на ресурсот.

4. Подготовка на дизајнерска скица, распоред на локацијата, невидлива табела за распоред.

5. Подготовка на текстуални материјали.

6. Подготовка на графички материјали во векторска форма.

7. Извезете векторски цртежи во растерски формат.

8. Оптимизација на сите слики.

9. Креирање шаблони за веб-страници.

10. Склопување веб-страници и код за дебагирање.

11. Проверка на идентитетот на екранот на веб-страниците со различна резолуција на екранот и палети на бои и различни прелистувачи.

Секоја веб-страница содржи одреден сет на стандардни елементи кои се задолжителни компоненти на секој Интернет ресурс. Се разбира, опсегот и бројот на такви објекти може да варираат во зависност од тематскиот фокус на страницата, обемот на материјали објавени на неа, како и од целите и задачите што креаторот на овој ресурс си ги поставува. Распоредот на таквите елементи, дизајнирањето на нивната релативна положба е една од главните задачи на вебмастерот.

Првиот елемент на веб-страницата што треба да го погледнеме е нејзиниот наслов. Може да се направи или во текст или во графичка форма, но во двата случаи треба да се наоѓа на врвот на документот. Понекогаш заглавието се комбинира со мени за избор на кирилично кодирање и копчиња за префрлување од руската на англиската верзија на страницата, доколку овој веб-ресурс е претставен на два јазика. Директно под поднасловот на документот, по правило, се наоѓа просторот наменет за поставување на рекламен банер. Вклучувањето банер на врвот на веб-страницата во повеќето случаи е предуслов за регистрација на страница во услуги за размена на банери - системи кои го рекламираат ресурсот што сте го создале во замена за прикажување реклами на други учесници во мрежата за размена на банери на страниците на вашиот сајт. Стандардната големина на банери објавени под насловот на документот е обично 468x60 пиксели. Ако користите статичен распоред на страницата, ширината на заглавието на вашиот документ ќе биде приближно 640 пиксели, првенствено за да се осигура дека вашиот документ се прикажува правилно на мониторите со 640x480 пиксели и да се избегне хоризонтална лента за лизгање што го отежнува прегледот. Очигледно, ширината на банерот во овој случај ќе биде значително помала од ширината на заглавјето, поради што во делот од страницата каде што планирате да одвоите простор за рекламирање, ќе се појави незафатен простор, кој може да се пополни со лого на компанијата што ја поседува оваа страница или врска до серверот што ја имплементира веб.хостинг. Се разбира, логото не е секогаш неопходно: по правило, тоа е вклучено во веб-страница само ако страницата има комерцијален фокус.

Главниот дел од документот е окупиран од таканареченото поле за текст - областа каде што се наоѓа семантичката содржина на страницата: значаен информативен текст и илустрации. Наведените елементи се нарекуваат и „содржина“ (од англиски, содржина). Локацијата на полето за текст зависи првенствено од тоа како веб дизајнерот ќе ги постави преостанатите елементи од документот.

Следната задолжителна компонента на веб-страницата се елементите за навигација - хиперврски кои го поврзуваат овој документ со други делови на страницата. Елементите за навигација може да се направат во форма на текстуални низи, графички објекти, односно копчиња или активни компоненти, како што се Java аплети. Последните се истите копчиња кои, за разлика од нивните „традиционални“ сестри, можат да одговорат на движењата на глувчето, изведувајќи некои едноставни дејства кога курсорот лебди над нив (вклучување на позадинското осветлување, создавање ефект „клик“, менување на формата итн. г.). Како што веќе спомнав во делот „Основни „постулати“ на веб-дизајнот, елементите за навигација треба да бидат позиционирани на таков начин што тие секогаш се „на повидок“, „при рака“, односно за корисникот да нема за да ја „премотате“ страницата назад, ако полето за текст зафаќа неколку физички екрани во висина, тогаш поминете долго време барајќи врски до други делови. Најпотврдениот пристап е да се постават елементите за навигација на левиот раб на страницата.

На дното на документот, вообичаено е да се објавуваат информации за развивачите на страницата и адреса на е-пошта на која посетителите на ресурсот можат да ги испратат своите одговори, предлози и желби до сопствениците на страницата. Доколку веб-страницата е почетниот документ, на дното од неа се поставува и бројач за посети - мала скрипта која повикува CGI скрипта инсталирана на серверот, која го снима секое отворање на документот во прелистувачот на корисниците, менувајќи ја вредноста на индикаторот за бројач. Благодарение на ова, вебмастерот може лесно да го одреди бројот на посетители кои ја посетиле неговата страница во одреден временски период. Забележувам дека бројачот за посети е инсталиран само на првата страница што се нарекува при пристап до страницата; тој не е присутен во другите документи на ресурсот.

Значи, ги испитавме сите главни компоненти на веб-страницата и нивната можна локација меѓусебно. Пример за распоред на веб-локација кој содржи целосен сет на компоненти опишани погоре е прикажан на сл. 3.6. Ги избира елементите за навигација што треба да се позиционираат по левиот раб на документот.

Ориз. 3.6. Пример за распоред на веб-страница со лево позиционирање на елементите за навигација

Во пракса, често се среќаваме со веб-локации во кои дизајнот на елементите за навигација е поставен по десниот раб на екранот. Во овој случај, полето за текст се префрла налево, останатите компоненти на документот се наредени врз основа на принципот на максимална естетика на нивната комбинација. Пример за таква имплементација на локацијата е прикажан на сл. 3.7.

Ориз. 3.7. Пример за распоред на веб-страница со десно позиционирање на елементите за навигација

Како што може да се види од сликата, во овој случај логото е поставено на исто ниво со насловот на документот, а рекламниот банер е поставен во однос на центарот на страницата. Со овој пристап, се препорачува да се одржи графичкиот дизајн на насловот, логото и полето за рекламирање во една боја и уметнички стил - тогаш асиметријата на положбата на овие предмети нема да биде толку очигледна и нема да ги „повредува очите “ на поддржувачи на строга, „табеларна“ дизајнерска естетика.

Елементите за навигација може да се постават не само во близина на десната и левата граница на страницата, туку и на врвот на документот. Оваа опција за распоред е најпогодна, според мое мислење, при креирање на почетни страници: во овој случај, сите објекти на страницата хармонично „се вклопуваат“ во дадената ширина на невидливата табела, додека подготовката на самата табела е значително поедноставена. Единствениот недостаток на овој пристап е потребата да се дуплираат елементите за навигација на дното на документот, бидејќи при вертикално лизгање на страницата, тие исчезнуваат зад горната граница на екранот, а за да дојде до нив, корисникот ќе мора да „премотајте“ екранот, што, гледате, е многу незгодно. Пример за дизајн на страница со врвни елементи за навигација е прикажан на сл. 3.8.

Ориз. 3.8. Пример за распоред на веб-страница со врвно позиционирање на елементите за навигација

Се разбира, сè што е кажано во овој дел не е лек, туку водич за акција. Се обидувам да ги наведам само општите принципи што се користат при поставување на структурата на страницата, но конечната одлука секогаш останува на вебмастерот. На крајот на краиштата, без разлика кој дизајн го користите како основа за вашиот иден проект, резултатот од вашата работа сепак ќе биде точен: на Интернет нема ниту цензура, ниту прописи што го принудуваат креаторот на страницата во една или друга строга рамка. Пример за дизајнерско решение кое не спаѓа во ниту една од горенаведените категории е таканаречениот мешан распоред, чиј приближен дијаграм е прикажан на сл. 3.9.

Како што може да се види од сликата, во овој пример некои од контролните елементи се вградени директно во заглавието на страницата - ние зборуваме заза копчињата за префрлување помеѓу руската и англиската верзија на страницата, како и за копчињата за навигација: ова може да биде врска до адресата на е-пошта на креаторите на ресурсите, дупликат на дното на документот и врска до една од тематски делови, на пример, страница со вести. Главниот блок на навигациски елементи е позициониран во однос на левата граница на документот, но менито за избор на кирилично кодирање се наоѓа директно под рекламниот банер на врвот на страницата. Текстуалното поле е поделено на две асиметрични колони, а десната содржи кратки соопштенија за тематските делови што го сочинуваат ресурсот, вклучително и врски до овие делови.

Очигледно, може да има голема разновидност на опции за „мешан распоред“ за веб-страница: конкретни решенијазависат од бројот на делови што го сочинуваат ресурсот, обемот на текстот подготвен за поставување на страницата и, конечно, од имагинацијата на самиот дизајнер. Важно е само тоа изгледстраницата не предизвика никакви поплаки од посетителите. На крајот, само вие како програмер, вие и никој друг, имате право да ги покажете сите ваши способности и таленти и да ја уредите страницата по ваш вкус. Креаторите на некои почетни страници, без сомнежи, го ставаат бројачот на удари во горниот десен агол на документот, името на страницата е напишано со мал, уреден фонт и објавено под рекламен банер, а поради некоја причина и елементи за навигација неочекувано се појави токму во средината на текстуалниот блок, помеѓу приказната за себе и фотографиите на саканото куче на авторот на проектот. Нема другари за вкус и боја, што се вели. Но, лично оваа болест ми изгледа неизлечива.

Ориз. 3.9. Пример за „мешан“ распоред на веб-страница




Врв