Структура на уеб сайт

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
Назад Алтернативен видео плеър
¿ Напред
В този модул ще продължим с изграждането на нашият сайт.
Както казах в първия модул използвайте курса наистина, за да създадете сайт, който ще ви е полезен на вас.
Ако имате някой проект, който отдавна отлагате или сайт, който бихте искали да направите.
Използвайте този курс не просто като демонстрационна цел с примерите, които използваме.
А за да създадете един ваш реален сайт, който ще бъде в интернет.
Независимо дали е за ваш проект или просто ваш личен блог, или ваш личен сайт.
Нека сега да видим каква ще бъде структурата на сайта, който ще създадем.
Избрахме темата за здравословно хранене.
И сега ще видим принципно как се разделят сайтовете чисто като структура.
Обикновено имаме заглавна част.
И ще напиша английските наименования, защото много често ще ги срещаме.
Това е "HEADER".
Тялото, което е "Body".
Може да го срещнете и като съдържание или "Content" на английски.
И долната част, която всъщност никой не нарича долна часа, а "FOOTER".
Тоест имаме "HEADER", тяло и "FOOTER".
Това са наименование, които са придобили популярност и българските им наименования, така да се кажа не се използват.
Всеки използва "HEADER" и "FOOTER", така че е хубаво да ги знаете.
Доста често разделяме тялото на странична лента и на тяло.
Тоест обикновено имаме "HEADER".
Нашата основна част, където има изображение и текст.
Една странична лента и "FOOTER".
Страничната лента е по желание.
Не винаги я слагаме, но често се слага странична лента.
Така че в най-груб вид това е структурата на един уеб сайт.
И ние трябва да преценим какво ще сложим в "HEADER".
Какво ще сложим в тялото.
Кои ще са елементите в страничната лента.
И какво ще има в нашия "FOOTER".
Предварително трябва да сме наясно какви части от сайта, ще слагаме там и каква информация ще слагаме там.
Нека да разгледаме как ще направим това в нашия блог за здравословно хранене, който ще правим в курса.
Ще видим първоначалната страница, защото за отделните типове страници може да имаме различна структура.
В началната страница ще сложим лого.
След което ще сложим и меню.
Например в нашето меню ще имаме начало, рецепти, съвети, магазин и контакти.
След което ще сложим извадка от статия.
След това още една извадка и още на извадка.
Обикновено слагаме между 5 и 7 извадки от статии.
Не слагаме цялата статия на заглавната или на челната страница, защото ако сложим цяла статия то самата страница ще стане много тежка, бавно ще се зарежда.
И за да си изберете статия, която да четете трябва да минете през цялата статия или през цялата рецепта В случая, или през цялата новина.
И ако те са по-дълги страницата става много трудна за навигиране.
Затова обикновено на началната страница не показваме целите статии или цялата информация.
А показваме само извадка от нея.
Така че хората с едни малки извадки да придобия представа за какво става въпрос.
И да мога да кликнат върху съответната статия, която са си харесали.
Ще добавим и странична лента.
И накрая ще добавим едни четири кутийки, с допълнителна информация.
Реално това ще бъде нашата структура, на началната страница.
Вече веднъж като кликна човек на извадка от статия, трябва да може да прочете цялата статия.
И затова ще направим структура на нашата публикация.
Това ще бъде отново логото и менюто.
Защото менюто е реално основният инструмент за навигиране в сайта.
Трябва да го имаме, за да може хората да се връща в началната страница.
Да избират отделни категории.
Ще има вече цялата статия.
Не е извадка от отделни статии.
Обикновено имаме коментари.
Коментарите по преценка за всеки един сайт е различно.
По преценка могат да бъдат изключване или включване.
И странична лента, която също ни помага с навигирането и допълнителна информация за нашия сайт.
Това е реално базовата структура която ще използваме за нашия сайт.
Нека сега да започнем да го изграждаме.

Тест за преминаване към следващия урок

 
Коя част от структурата на един сайт НЕ е задължителна?
Заглавна част - Header
Тяло - Body 
Долна част - Footer
Странична лента - Sidebar
 
Кое НЕ е част от страницата за дадена публикация?
Логото
Менюто
Цялото съдържание на статията
Коментарите под статията
Страничната лента
Извадката от статията
 
Кое от посочените НЕ е препоръчително да присъства на началната ни страница?
Логото
Лентата с меню за навигиране
Извадките от статиите на сайта
Пълният текст на статиите ни

Въпроси и отговори

  • Какво се учим да правим в момента?

    Красимира Кръстанова:

    Какво е това, което се учим да правим в момента, блог или сайт? Смятам, че е добре да се обяснят разликите и да се акцентира върху особеностите на всеки един от тях.

    Rumen Gotsev:

    Wordpress е платформа за създаване на динамични уеб сайтове и блогове. Ако не знаете какво искате да правите с Wordpress няма как да си отговорите. Моята молба към Вас е следната: Не се напрягайте, всяко нещо с времето си. Wordpress e платформа с отворен код.

    Георги Филипов:

    Блогът е вид сайт. Wordpress може да се използва за създаването на реално каквото и да е - блогове включително. Но освен блог, с Wordpress може да се създаде сайт-визитка, форум, онлайн каталог, е-магазин, knowledgebase и фактически почти всеки един друг вид сайт, за който може да се сетите.

    Първоначално инсталиран, да, Wordpress представлява вид блог, но това лесно може да се промени.

    Ана Йонкова:

    Разликата между сайт и блог е много малка. И двете се създават по един и същи начин. Сайта е по статичен, публикациите в него се подреждат по определен начин и така могат да си останат дълго време - посетителите виждат едно и също. Докато блогът е динамичен. Създателя му често прави публикации - например качва видео какво прави всеки ден и позволява коментари. Всяка нова публикация излиза най- отгоре, над предходните - като влезеш в блога виждаш първо нея.