Специализирани софтуерни средства за създаване на уебсайтове. Създаване на списъци и вътрешни страници в уебсайт с HTML

 

Теоретични материали

HTML (HyperText Markup Language)

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

 

CSS (Cascading Style Sheets)

CSS е език за стилизиране, който се използва за контрол на визуалния дизайн на уеб страниците. С CSS можете да зададете шрифтове, цветове, размери, разположение и други аспекти на елементите на страницата.

 

Основни елементи на HTML и примери за тагове:


<!DOCTYPE html>: Декларация, която показва на браузъра, че документът е HTML.
<html>: Отварящ таг, който дефинира началото на HTML документа.
<head>: Съдържа информация за документа, като заглавие, мета данни и стилове.
<title>: Заглавие на страницата, което се показва в горната част на браузъра.

<body>: Съдържа видимото съдържание на страницата, текст, изображения, таблици, формуляри и др.
<h1> - <h6>: Заглавия с различна големина.
<p>: Параграф.
</html>: Затварящ таг, който дефинира края на HTML документа.

 

Задача 1 : Създаване на вътрешни страници в уебсайт

Следвайте указанията стъпка по стъпка:

1. Създайте своя папка на учебния компютър с името index;

2. Преместете в папката вашата уебстраница, която направихте в предишния урок;

3. Преименувайте вашата страница от предишния урок на home.html;

4. Създайте 2 копия на страницата home.html и ги запазете в същата папка site, като ги наименувате about.html и contact.html;

5. Отворете с Notepad страницата about.html и я редактирайте, като напишете кратка информация за какво е вашият сайт и добавете кода, показан по-долу, след което я запазете с File - Save;

6. Отворете с Notepad страницата contact.html и я редактирайте, като напишете контакти за връзка (може и да не са истински) и добавете кода, показан по-долу, след което я запазете с File - Save;

7. Отворете с Notepad страницата home.html и я редактирайте, като добавите кода, показан по-долу, след което я запазете със File - Save;

 

Показания по-долу код следва да се добави някъде в тялото на страницата между двата тага <body> </body>:

 

Задача 2 : Добавяне на стилове и цветове

Добавете показания код във вашия HTML документи, като го поставите между двата тага <head> и </head> и замените цветовете с други по ваш избор. След това запазете документите и го визуализирайте в браузър.