Структура на ефективен уеб сайт

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

Съставете проста структура на сайта си. Ето една, която работи винаги - "Ту партс", както обича да казва Христо Стоичков. Първо - Начало, Продукти, Блог, За нас, Контакти. И второ - подструктура на продукти. Примерно категории продукти. В нашия случай можем да разделим продукти на две части - шунка и деликатесни колбаси.

И така, мисля, че е време да погледнем съвсеееем малко технически над нещата, които правим до тук. Моля, обърнете внимание на потъмнения текст от примерите досега. Ако сте били достатъчно внимателни, щяхте да забележите, някои особености. Ако не сте били - няма значение. Сега ще ви разкажа. Започвам със структурата (и в частност навигацията).

Моля, обърнете внимание на текста между редовете "Навигацията поставете тук" и "навигацията до тук". До този момент там имаме 3 реда (3 бутона). Това е нашата навигация, която можем лесно да трансформираме в нова, подчинена на нашите нужди. И така - имаме:

	<!--Навигацията поставете тук-->
		<a href="/">Начало</a>
		<a href="/kontakti.htm">Свържете се с месокомбината</a>
	<!--...навигацията до тук!-->
		

В първата част на всеки ред имаме нещо от рода на <a href="...">, като потъмнения текст е името на файла, който сме създали, както и пътят до него. Правилно не виждате файла index.html, тъй като това име се взема по подразбиране. Втория потъмнен текст на реда е текстът, който виждаме в нашия сайт и върху когото кликаме, за да стигнем до съответната страница. Сега нека преработим малко навигацията в модела, описан по-горе. Понеже няма да Ви е интересно да разписвам 55 продукта, ще се задоволим само с по 3 от категория:

	<!--Навигацията поставете тук-->
		<ul>
		<li><a href="/">Начало</a></li>
		<li><a href="/produkti.htm">Продукти</a>
			<ul>
			<li><a href="/shunka.html">Шунка</a>
				<ul>
				<li><a href="/shunka/vkusen-prascho.html">Шунка "Вкусен Прасчо"</a></li>
				<li><a href="/shunka/mama-praska.html">Шунка "Мама Праска"</a></li>
				<li><a href="/shunka/stopanski-dvor.html">Шунка "Стопански двор"</a></li>
				</ul></li>
			<li><a href="/delikatesni-kolbasi.htm">Деликатесни колбаси</a>
				<ul>
				<li><a href="/delikatesni-kolbasi/sazdarma-podsmarchasht-puyak.htm">Създърма "Подсмърчащ пуяк"</a></li>
				<li><a href="/delikatesni-kolbasi/sushenica-kravun-bezpodobni.htm">Сушеница "Кравун безподобни"</a></li>
				<li><a href="/delikatesni-kolbasi/lukanka-bicheto.htm">Луканка "Бичето"</a></li>
				</ul></li>
			</ul>
		<li><a href="/blog.htm">Блог</a></li>
		<li><a href="/za-nas.htm">За нас</a></li>
		<li><a href="/kontakti.htm">Свържете се с месокомбината</a></li>
		</ul>
	<!--...навигацията до тук!-->
		

Новата навигация можете да видите тук. Аууу, ми хич не е ясна! Да, засега. В същност вече е ясна за някои, а за останалите ще стане ясна в следващата глава или след още десетина минутки работа ;)

« Напишете съдържание на сайта ... Направете сайта си приветлив »