Стварэнне новай вэб-старонкі з дапамогай нататніка

01 07

Змесціце файлы ў новую тэчку

Змесціце файлы ў новую тэчку. Джэніфер Kyrnin

Нататнік Windows з'яўляецца асноўнай праграмай апрацоўкі тэкстаў, якія можна выкарыстоўваць для напісання вэб-старонак. Вэб-старонка проста тэкст, і вы можаце выкарыстоўваць любую праграму апрацоўкі тэксту, каб напісаць свой HTML. Гэта кіраўніцтва правядзе вас праз працэс.

Першае, што трэба зрабіць пры стварэнні новага вэб-сайта ў нататніку, каб стварыць асобную тэчку для яго захоўвання. Як правіла, вы захоўваеце вашы вэб-старонкі ў тэчцы HTML ў папцы "Мае дакументы», але вы можаце захоўваць іх там, дзе вам падабаецца.

  1. Адкрыйце акно Мае дакументы
  2. Выберыце Файл> Стварыць> Тэчку
  3. Назавіце my_website тэчкі

Важнае заўвага: Імя вэб - тэчкі і файлы , выкарыстоўваючы ўсе малыя літары і без прабелаў і знакаў прыпынку. Хоць Windows дазваляе выкарыстоўваць прабелы, многія вэб-хостынг-правайдэраў няма, і вы зэканоміце сабе час і праблемы, калі вы называеце файлы і тэчкі, правільна з самага пачатку.

02 ад 07

Захаваць старонку як HTML

Захаваць старонку як HTML. Джэніфер Kyrnin

Першае, што вы павінны зрабіць пры напісанні вэб-старонкі ў нататніку, каб захаваць старонку ў фармаце HTML. Гэта эканоміць ваш час і праблемы пазней.

Як і з імем каталога, заўсёды выкарыстоўваць усе малыя літары без прабелаў і спецыяльных знакаў у імя файла.

  1. У Нататніку, выберыце ў меню Файл і абярыце пункт Захаваць як.
  2. Перайдзіце ў тэчку, у якой вы захоўваеце свае файлы сайта.
  3. Змена Save As Type ў расчыняецца меню для ўсіх файлаў (*. *).
  4. Імя падручнік file.This выкарыстоўвае імя pets.htm.

03 з 07

Пачатак Напісанне вэб-старонкі

Пачніце свой вэб-старонку. Джэніфер Kyrnin

Першае, што вы павінны ўвесці ў ваш Блокнот HTML дакумента з'яўляецца DOCTYPE. Гэта сведчыць браўзэры, які тып HTML чакаць. У гэтым кіраўніцтве выкарыстоўваецца HTML5.

Дэкларацыя DOCTYPE ня тэг. Ён паведамляе кампутара, што дакумент HTML5 прыбывае. Ён ідзе ў верхняй частцы кожнай старонкі HTML5 і прымае гэтую форму:

Пасля таго як вы DOCTYPE, вы можаце пачаць свой HTML. Увядзіце як пачатак

тэг і што зачыняе тэг і пакінуць прастору для вашага вэб-змесціва старонкі цела. Ваш нататнік дакумент павінен выглядаць наступным чынам:

04 з 07

Стварэнне Head для вашага вэб-старонкі

Стварэнне Head для вашага вэб-старонкі. Джэніфер Kyrnin

Кіраўнік з HTML-дакумента, дзе асноўная інфармацыя аб вашай вэб-старонцы захоўваецца-рэчы, як загаловак старонкі і, магчыма, мета-тэгі для пошукавай аптымізацыі. Каб стварыць частку галавы, дадайце

тэгі ў тэкставым дакуменце Notepad HTML паміж thetags.

як з

тэгі, пакінуць некаторы прастору паміж імі, каб у вас ёсць пакой, каб дадаць інфармацыю галаву.

05 07

Дадаць загаловак старонкі ў раздзеле Head

Дадаць загаловак старонкі. Джэніфер Kyrnin

Назва вашай вэб-старонкі, тэкст, які адлюстроўваецца ў акне браўзэра. Акрамя таго, што напісана ў закладках і выбраных, калі хто-то эканоміць ваш сайт. Захоўваеце тэкст загалоўка паміж

тэгі usingtags. Ён не будзе адлюстроўвацца на самой вэб-старонцы, толькі ў верхняй частцы браўзэра.

Гэты прыклад старонкі пад назвай «Мак-Кінлі, шась і іншыя хатнія жывёлы.»

Мак-Кінлі, шась і іншыя хатнія жывёлы

Гэта не мае значэння, як доўга ваш тытул або калі яна ахоплівае некалькі радкоў у вашым HTML, але больш кароткія загалоўкі лягчэй чытаць, і некаторыя браўзэры адрэзалі больш доўгія ў акне браўзэра.

06 з 07

Асноўная частка вашага вэб-старонкі

Асноўная частка вашага вэб-старонкі. Джэніфер Kyrnin

Цела вашай вэб-старонкі захоўваецца ўнутры

тэгі. Гэта дзе вы паклалі тэкст, загалоўкі, падзагалоўкі, малюнкі і графіку, спасылкі і ўсе іншыя матэрыялы. Гэта можа быць да тых часоў, як вам падабаецца.

Гэты ж фармат можа прытрымлівацца, каб напісаць вэб-старонку ў нататніку.

Ваша назва галава ідзе hereEverything на вэб-старонкі ідзе тут

07 07

Стварэнне малюнкаў тэчкі

Стварэнне малюнкаў тэчкі. Джэніфер Kyrnin

Перад тым, як дадаць змесціва ў целе вашага HTML-дакумента, вам трэба наладзіць каталогі такім чынам, што ў вас ёсць папка для малюнкаў.

  1. Адкрыйце акно Маіх дакументаў.
  2. Перайдзіце ў тэчку my_website.
  3. Выберыце Файл> Стварыць> Тэчку.
  4. Назва выявы тэчкі.

Захоўвайце ўсе вашыя выявы для вашага сайта ў тэчцы з выявамі, так што вы можаце знайсці іх пазней. Гэта дазваляе лёгка загружаць іх, калі вам трэба.