безплатни теми
за ученици и студенти

Създаване на първата Ви уеб страница с HTML, писан на Notepad

Тема 2 от курс "Уеб дизайн" - създаване на първата Ви уеб страница с Notepad. Що е то таг и атрибут.
Командите (tags) на езика HTML се затварят в ъглови скоби (< и >)

Повечето команди имат начален и краен (затварящ) таг.
Крайния таг е същия като началния, но с наклонена черта отпред.
Началния таг (команда) за създаване на html страница е
Крайния таг с който завършва html документа е
След като отворите Notepad напишете в него:
Това е моята първа HTML страница

HTML атрибути

Тема 3 от курс "Уеб дизайн" - HTML атрибути
Атрибутите са използвани да подсилят таговете. Това, което имам напредвид е, че когато web бразуъра интерпретира тага, той също така търси набор от атрибути и чак тогава показва елемента (тагове+атрибути) цялостно. В някои случаи може да желате да смените цвета на фона на body елемента или да промените широчината на таблицат.Тези и още много други неща могат да се осъществят с атрибутите.

Форматиране на текст в HTML

Тема 4 от курс "Уеб дизайн" - тагове за форматиране на текст. В урока са включени много практически примери за употребата на основните тагове, форматиращи текст - параграфи, удебеляване, накланяне, подчертаване и др.

Линкове (хипервръзки). Използване на блокове в дизайна (divisions)

Тема 5 - от курс "Уеб дизайн" - линкове (хипервръзки).
Интернет бива наричан още „глобалната мрежа” заради огромната мрежа от връзки между отделните web сайтове. Тези връзки са направени чрез тага anchor (буквално преведено „котва”), който създава линкове. Текстове, картинки и форми могат да бъда използвани за създаване на такива линкове.
Приложени са множество практически примери.

Аранжиране на съдържанието с таблици

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

Фреймове (frame, iframe) в HTML. Тагове Blockquote, fieldset, legend

В предните две теми разгледахме възможностите за аранжиране на съдържанието в една уеб страница посредством таблици и div блокове. Също така, споменахме, че съществува и трети вариант, наречен рамки (frames /фреймове/). Като цяло те се смятат за остарял похват и сравнително рядко можем да видим сайтове, които ги използват. Затова няма да се спираме подробно на тях, а само ще разгледаме 2 примера чисто информативно, тъй като е добре да имаме напредвид, че съществува и такава възможност в HTML.

Уеб формуляри

Тема 8 от курс "Уеб дизайн"
Формулярите са един от важните инструменти, особено когато става дума за изработване на интерактивна или комерсиална страница. Чрез формулярите вашите клиенти могат да дадат информация за себе си, да поръчат вашите продукти, да попълнят анкета, чрез която да се ориентирате какви са техните предпочитания, да дадат мнение по определен въпрос и пр. Т.е. формулярите са вид средство за обмяна на информация между разработчика на сайта и неговите посетители.

Уеб формуляри (част 2)

Тема 9 от курс "Уеб дизайн" - уеб форми
Ако желаете да предоставите възможност на посетителите си да оставят по-подробно мнение или коментар трябва да използвате многоредово поле за въвеждане на текст. Многоредовите полета се въвеждат чрез тага textarea, който притежава затварящ таг.

Упражнение по "Уеб дизайн"

HTML, което означава HyperText Markup Language , е език за създаване на web страници. Страниците създадени с HTML могат да съдържат графика, текст, музика, анимация, както и връзки към други страници(хиперлинкове).
От какво се нуждаете за да създадете такава страница? Трябват ви две неща - елементарен текстов редактор и интернет браузър. Ако сте потребители на Windows или Linux имате и двете! За текстов редактор използвайте вградения в Windows NOTEPAD или безплатният редактор със синтаксисно оцветяване Notepad++, а за браузър можете на използвате Internet Explorer, Mozilla Firefox или Opera.