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