От 1993 г. започна нещо, което напълно ще промени начина на ежедневието ни и тогава беше пуснат браузърът Mosaic, давайки начало на това, което днес познаваме като уеб страници. Защо казваме, че това променя живота ни е просто, тъй като днес откриваме повече от 1 100 милиона уеб страници с всякакъв вид информация, дизайн, структури, езици и др.
Очевидно има професионални, междинни и други любителски уеб страници, но всички те имат за цел да предоставят някакъв вид информация на хората, които ги посещават. Ето защо, ако искате да знаете как да създадете уеб страница днес, Solvetic ще обясни по прост начин как да го направите, използвайки Notepad и HTML като език за програмиране.
HTML (HyperText Markup Language) е език за програмиране, който позволява динамично разработване на уеб страници с чудесни функции за редактиране.
1. Как да създадете уеб страница в Notepad
Етап 1
За достъп до бележника можем да използваме някоя от следните опции:
- Използвайте клавишите Windows + R и изпълнете командата "Notepad"
- Използвайте Cortana или полето за търсене на Windows 10.
Стъпка 2
След като отворим бележника, ще отидем в менюто Файл и там избираме „Запазване като“ или можем да използваме клавишите Ctrl + Shift + S:
Ctrl + Shift + S
Стъпка 3
Щраквайки там, отиваме на пътя, където трябва да бъде записан и по подразбиране ще видим следното:
Стъпка 4
Като бележник можем да видим, че стойността по подразбиране е .txt, за да редактираме това, показваме опциите в полето Type и избираме „Всички файлове“. Присвояваме името на файла, последвано от разширението .html:
Кликнете върху „Запазване“, за да приложите промените.
2. Вижте структурата на уебсайта
Етап 1
След като запазим файла с разширението .hmtl, е време да продължим с редактирането му, като добавим HTML езиков маркер за уеб страницата. За целта въвеждаме следното:
Стъпка 2
Сега ще добавим заглавни тагове или "глави", целта на тези тагове е да отбележат началото и края на заглавието на страницата, която да създадете. За да направите това, ще напишем след етикета "", натиснете два пъти клавиша Enter, за да оставите интервал и след това напишете отново:
Стъпка 3
Следващата стъпка ще бъде добавяне на заглавието на уеб страницата, това заглавие ще се намира между маркерите "" и ще мине под етикетите "head", както следва. Присвоеното заглавие ще бъде това, което ще видим в раздела на браузъра.
Стъпка 4
Време е да добавите маркерите „body“, които влизат под етикета, а функцията на body е да позволи на кода на уеб страницата да преминава между тези тагове и да бъде видим за потребителя:
Стъпка 5
Следващата стъпка ще бъде затварянето на HTML езиков маркер, това е последният маркер във файла и това е HTML маркер, който показва края на страницата. За целта ще напишем под маркера "", за да затворим HTML маркера:
Запазваме промените с помощта на Ctrl + G или от менюто File / Save.
Стъпка 6
Време е да добавите елементите към уеб страницата в процес, всички тези елементи трябва да отидат след маркера "" и преди маркера "", така че да са видими.
Първият елемент, който ще добавите, ще бъде основното заглавие на уеб страницата, за това влизаме между маркерите "" и въвеждаме желания текст между:
С този HTML език можем да използваме маркерите "" до "", за да създадете заглавен текст с по -малки размери.
Стъпка 7
След това ще добавим абзаци към уеб страницата, етикетите на абзаците са "" и между тях ще въведем текста на сайта:
Solvetic Internet, място за среща на професионалисти и любители на технологиите
Увеличете
Стъпка 8
За да добавим прекъсване на абзац на страницата, трябва да въведем
след затварящия маркер на реда, който сме добавили, например:
Solvetic Internet, място за среща на професионалисти и любители на технологиите
нОбщност, която ще изненада и ще ви помогне в повече от един случай
Увеличете
ЗабележкаМожем да добавим маркер "
Допълнително “за създаване на интервал между първия параграф и втория.
Стъпка 9
Сега е време да форматирате въведения текст, като удебелен, курсив, надпис, индекс или подчертаване, наличните етикети ще бъдат:
Удебелен текст Курсив текст Подчертан текст Горен индекс Подпис текст
Увеличете
3. Как да потвърдите уеб страницата
Етап 1
За да потвърдим, че всичко работи според очакванията, отиваме на пътя, където е записан HTML файла, щракнете с десния бутон върху него и изберете Отвори с и изберете желания браузър:
Стъпка 2
Щраквайки там, ще видим структурата, която сме създали:
Увеличете
Ето колко просто сте се научили да създавате уеб страница в Notepad с Solvetic и по този начин да можете да създадете основна мрежа за множество задачи, които може да ви трябват.
