Обща информация за HTML, принципи за създаване на уеб сайт

Абстрактен портал

Препоръчва се

Лекция 1: Обща информациязаHTML, принципи на създаванеУеб сайт

Общи принципи за създаване на уеб сайт

промяна на имиджа и издигане престижа на фирмата;
промоция на марката;
наличие на информация за продукти и цени за клиентите;
поддръжка на дилърската мрежа, наличие на информация за продукти и цени за дилъри;
директна продажба на продукти в интернет, организиране на уеб магазин;
наличие на вътрешна информация за служители, работещи извън офиса.

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

Типична структураУеб сайт на фирмаобикновено се представя по следния начин:

Информация за фирмата. Трябва да се говори за целите и бизнес имиджа на компанията, нейната история и т.н. Покажете как клиентите ще се възползват от работата с вас, а не с други компании.

Информационна поддръжка. Този раздел съдържа допълнителна техническа информация, често задавани въпроси, съвети за отстраняване на проблеми и др.

Новини. Информирайте клиентите за нови продукти и услуги, предлагани от компанията, публикувайте прессъобщения и др.

Същото важи и за инструментите за навигация на страници. Не очаквайте посетителите да познават структурата на уеб сайта толкова добре, колкото и вие. Той трябва лесно да разбере къде се намира сега и какможете да отидете навсякъде другаде. Трябва да можете да навигирате до първия документ, програма за търсене или карта на уеб сайт.

Лого.Когато създавате уеб страница, трябва да се уверите, че името на компанията винаги присъства на екрана. За да направите това, цветно проектирано фирмено лого обикновено се поставя в началото на всеки уеб документ. Освен това името на фирмата трябва да присъства в отпечатъка на всички документи.

Лентата за навигация.Един от най-важните раздели на уеб документ е лентата за навигация или контролната лента. WWW завладя целия свят до голяма степен поради факта, че хипертекстовите връзки осигуряват пълна съгласуваност на публикуваните материали. Но същите тези връзки са изпълнени с опасността да се потопите в пълен хаос, когато, след като сте преминали през верига от три или четири документа, вече няма да можете да се върнете назад, заплетени в изобилие от връзки. Вашият уеб сайт трябва да предоставя на потребителя ясни и интуитивни пътища за навигация.

Често задаван въпрос относно размерите на документите е: какъв е оптималният брой страници? Отговорът на пръв поглед може да изглежда странен: една екранна страница или никакви ограничения. Многобройни проучвания показват, че потребителите не обичат да работят с ленти за превъртане на браузъра. Най-много харесват документи, които са разположени на една екранна страница. Така че в WWW -- няма начин да дадете на потребителя повече информация, отколкото в концентрирана презентация на една страница. Ако все пак не се вписвате в тази рамка, създайте друг документ. Една екранна страница се оказа подходяща мярка за представяне на информация. Ако документът е по-голям от една страница, тогава в повечето случаи той може да бъде разделен наняколко логически части, всяка от които ще заема не повече от една страница. Ако не е възможно да се направи логично разделяне на информацията, тогава е необходимо да се преработи стилът на представяне, а може би и самите материали. Вече има консенсус, че уеб сървърът трябва да бъде изграден около документи на един екран. Има само две изключения от това правило. Не се отнася за статии, публикувани в WWW, а второто изключение са формулярите за въпросници, които, разбира се, не могат да бъдат разкъсани.

След като създадете вашия уеб сайт, трябва да го поставите в интернет. Тук има два варианта: първият е да използвате компютър, който заедно с уеб сървър и уеб сайт се намира във вашия офис и е свързан към интернет чрез специална или комутируема линия; второто е да се използват услугите на специални организации за хостване на уеб сайта.

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

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

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

История на HTML

През 1989 г. Тим Бърнърс-Лий предлага на ръководството на Европейския център за ядрени изследвания (CERN) проект за разпределена хипертекстова система, която нарича World Wide Web (WWW), Световната мрежа. Първоначално идеята на системата беше да използва хипертекстова навигационна система, за да комбинира целия набор от информационни ресурси на CERN вединна информационна система. Технологията беше толкова успешна, че даде тласък на развитието на една от най-популярните глобални информационни системи в света. На практика в съзнанието на повечето потребители на глобалната компютърна мрежа Интернет самата тази мрежа се свързва с три основни информационни технологии:

файлови архиви FTP;

Освен това най-новите технологии постепенно излизат на първо място.

Успехът на технологията World Wide Web се определя от два основни фактора: простота и използването на интернет протоколи от семейството TCP / IP (Transmission Control Protocol, протокол за управление на предаването / Internet Protocol, Internet Protocol), които са в основата на Интернет.

HTML разработчиците успяха да разрешат два проблема:

предоставят на дизайнерите на хипертекстови бази данни прости средства за създаване на документи;
да направи този инструмент достатъчно мощен, за да отразява текущото разбиране на потребителския интерфейс на хипертекстовите бази данни.
По времето, когато HTML беше разработен, имаше американски стандарт за разработване на мрежови информационни системи - Z39.50, който определяше прост текстов файл, кодиран в LATIN1, който съответства на US ASCII, като единица за съхранение.

Принципи на хипертекстово маркиране

Например, когато описвате таблица, отварящият таг с атрибути може да изглежда така:

Този запис означава следното: таблица с ширина 570 пиксела, центрирана, поле между рамката и съдържанието на клетката 10 пиксела, поле на рамка 2 пиксела, ширина на границата 16 пиксела.

Атрибутите на етикета следват името и са разделени един от друг с един или повече табулатори, интервали или знаци в края. Ред на записванеатрибутите в етикета нямат значение. Стойността на атрибута, ако има такава, следва знака за равенство след името на атрибута. Ако стойността на атрибута е една дума или число, тогава тя може просто да бъде посочена след знака за равенство, без допълнително подчертаване. Всички други стойности трябва да бъдат затворени в единични или двойни кавички, особено ако съдържат няколко думи, разделени с интервал. Дължината на стойността на атрибута е ограничена до 1024 знака. Имената на етикети и атрибути са нечувствителни към главни и малки букви, но стойностите на атрибути не са. Например, особено важно е да използвате правилния регистър на буквите, когато въвеждате URL (Uniform Resource Locator) на други документи като стойност на атрибута HREF.

Трябва да се отбележи, че в литературата освен термина "контейнер" се използва и терминът "елемент". Трябва да внимавате да не объркате контейнера (например BODY) и етикета (BODY), използван при формирането на контейнера. Освен тагове, HTML елементите са CER (Character Entity Reference), те са предназначени да представят специални символи в HTML документ, които може да не бъдат обработени правилно от браузър. Да приемем, че създавате HTML документ, който говори за елементи от даден език. Ако посочите името на етикета просто в документа, браузърът може да го интерпретира като начален етикет. За показване на такива символи се използва CER. Например, за да представите знака " " -- на >. Тоест, ако посочите низа <BODY> в HTML текста, той ще изглежда като текст на екрана.