Windows Notepad е основна програма за текстообработка, която можете да използвате, за да напишете вашите уеб страници. Уеб страниците са само текст и можете да използвате всяка програма за текстообработка, за да пишете HTML. Този урок ще ви преведе през процеса.
01 от 07Поставете вашите файлове в нова папка
За да създадете нов уебсайт в Notepad, първо създайте отделна папка, за да го запазите. Обикновено съхранявате уеб страниците си в папка, наречена HTML в папката "Моите документи", но можете да ги запазите там, където желаете.
- ОтвориМоите документи прозорец.
- Кликнете досие > нов > Folder.
- Наименувайте папката my_website.
Важна забележка: Посочете уеб папките и файловете с всички малки букви и без интервали или препинателни знаци. Докато Windows ви позволява да използвате пространства, много уеб хостинг услуги не, и вие ще спестите малко време и проблеми, ако наименовате файловете и папките правилно от самото начало.
Запазете страницата като HTML
Както и при името на директорията, когато запазвате страницата, използвайте всички малки букви, без интервали или специални символи в името на файла.
- В Notepad, кликнете върху досие и тогава Запази като.
- Отворете папката, където запазвате файловете на уебсайта си.
- Променете Запазване като тип падащото меню до Всички файлове (*.*).
- Името на файла. Този урок използва името pets.htm.
03 от 07
Започнете да напишете уеб страницата
Първото нещо, което трябва да въведете в документа си в Notepad HTML5, е DOCTYPE. Това показва на браузърите какъв тип HTML код да очаквате.
Декларацията за доктеп не е маркер. Той разказва на компютъра, че документът HTML5 пристига. Той върви в горната част на всяка HTML5 страница и отнема тази форма:
След като имате DOCTYPE, можете да стартирате HTML. Въведете началния маркер и крайния маркер и оставяйте малко място за съдържанието на тялото на уеб страницата. Вашият документ на Notepad трябва да изглежда така:
Създайте главата за вашата уеб страница
Главата на HTML документ е мястото, където се съхранява основната информация за вашата уеб страница - неща като заглавието на страницата и евентуално мета маркери за оптимизиране на търсачките. За да създадете секция за главата, добавете главните маркери в текстовия документ на Notepad HTML между html таговете.
Както при html таговете, оставете малко пространство между тях, за да имате възможност да добавите информация за главата.
05 от 07Добавете заглавие на страница в главата
Заглавието на уеб страницата ви е текстът, който се показва в прозореца на браузъра. Също така е това, което е написано в отметки и любими, когато някой запази вашия сайт. Запазете заглавния текст между заглавните етикети. Тя няма да се показва на самата уеб страница, само в горната част на браузъра.
Тази примерна страница е озаглавена "McKinley, Shasta и други домашни любимци".
Няма значение колко дълго е заглавието ви или дали се разпростира на няколко реда в HTML, но по-кратките заглавия са по-лесни за четене и някои браузъри прекъсват дългите в прозореца на браузъра.
06 от 07Основното тяло на вашата уеб страница
Тялото на вашата уеб страница се съхранява в маркерите на тялото. Трябва да дойде след главните маркери, но преди крайния HTML етикет. Тук поставяте текст, заглавия, подтестове, изображения и графики, връзки и всяко друго съдържание. Може да е толкова дълго, колкото искате.
Оставете допълнително пространство между началните и крайните маркировки на тялото.
Същият формат може да се следва, за да напишете вашата уеб страница в Notepad.
07 от 07Създаване на папка с изображения
Преди да добавите съдържание към тялото на вашия HTML документ, трябва да настроите директории, така че да имате папка за изображения.
- Отвори Моите документи прозорец.
- Промяна на my_website папка.
- Кликнете досие > нов > Folder.
- Наименувайте папката снимки.
Запазете всички изображения за уебсайта си в папката с изображения, за да ги намерите по-късно. Това ви улеснява да ги качите, когато е необходимо.
