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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

анимација

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

полиња за внесување
прекинувачи

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

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

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

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

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

име поштенско сандачекорисник (избран од него, во нашиот пример - ирина).

Име на домен сервер за пошта(во нашиот пример - пошта. mk) .

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

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

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

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

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

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

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

Одбранбени линии:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Така, конечно, стигнавме до најосновниот елемент на страницата - ознаката на телото, елементот чија содржина најмногу ги интересира корисниците на Интернет. Главните пребарувачи повеќе нема да ви даваат 1 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 - 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. Примерок на содржина на страницата

Слика 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.

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

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