ßê ñòâîðþâàòè ñàéò â áëîêíîò³

³äåî - "ßê ñòâîðèòè ïðîñòèé ñàéò ñàìîìó. Íà áëîêíîò³ HTML ÿê ñòâîðèòè ïðîñòèé ñàéò!"

Íà ñüîãîäí³øí³é äåíü â ³íòåðíåò³ ³ñíóº âåëè÷åçíà ê³ëüê³ñòü ð³çíèõ ³íòåðíåò ñàéò³â. ²ñíóº äóìêà, ùî ñòâîðåííÿ ñàéò³â öå äóæå ñêëàäíèé ïðîöåñ, ïðîòå öå íå òàê! Íàâ÷èòèñÿ ïèñàòè íàéïðîñò³øî¿ êîä, íàïðèêëàä, äëÿ «Ñàéòó â³çèòêà» (ñàéò ç 2 - 3 ñòîð³íîê ñòâîðåíèé ò³ëüêè çà äîïîìîãîþ HTML) ìîæå êîæåí. Áóäü-ÿêèé áàæàþ÷èé ìîæå ñòâîðèòè ñâ³é îñîáèñòèé ïðåäñòàâíèöòâî ó âñåñâ³òí³é ïàâóòèí³. Çàçâè÷àé äëÿ ñòâîðåííÿ ñàéò³â âèêîðèñòîâóþòü ñïåö³àëüí³ ïðîãðàìè, çðîáèòè öå ìîæíà ³ â çâè÷àéíîìó áëîêíîò³.  îñòàííüîìó âèïàäêó çíàäîáèòüñÿ çíàííÿ ìîâè HTML (HyperText Markup Language - «ìîâà ðîçì³òêè ã³ïåðòåêñòó»), à òàê æå ìîâè îïèñó çîâí³øíüîãî âèãëÿäó äîêóìåíòà CSS (Cascading Style Sheets - êàñêàäí³ òàáëèö³ ñòèë³â).
²íñòðóêö³ÿ



1
Ùîá çðîáèòè ñàéò íåîáõ³äíî áóäå íàïèñàòè êîä äëÿ êîæíî¿ ñòîð³íêè, ðåäàêòîðîì äëÿ íàïèñàííÿ öüîãî êîäó ³ áóäå ñëóæèòè Áëîêíîò. Íàïðèêëàä, âè õî÷åòå ñòâîðèòè ñàéò âñüîãî ç îäí³º¿ ñòîð³íêè. ³äêðèéòå Áëîêíîò ³ çàïèø³òü â íüîìó HTML êîä ö³º¿ ñòîð³íêè, íà ìàëþíêó íàâåäåíî ïðèêëàä ïðîñòîãî êîäó.
ßê ñòâîðþâàòè ñàéò â áëîêíîò³
2
Ùîá îòðèìàòè ãîòîâó ³íòåðíåò ñòîð³íêó íåîáõ³äíî çáåðåãòè íàïèñàíèé òåêñò â ôîðìàò³ HTML. Íàçâà ôàéëó ïîâèííà áóòè íàïèñàíà ëàòèíñüêèìè ë³òåðàìè, âîíî íå ïîâèííî ì³ñòèòè çíàê³â ïóíêòóàö³¿, ïðîãàëèí, ìàòåìàòè÷íèõ ñèìâîë³â. Ó íàçâ³ ôàéëó ìîæíà âèêîðèñòîâóâàòè çíàê «_» ³ öèôðè. Ôàéë ïîòð³áíî çáåðåãòè ç ðîçøèðåííÿì .html àáî .htm, íàïðèêëàä page.html.Ïîëó÷åííèé äîêóìåíò ìîæíà â³äêðèòè â áóäü-ÿêîìó ³íòåðíåò - áðàóçåð³, ðåçóëüòàò ïîêàçàíèé íà ìàëþíêó.
Âèêîðèñòîâóþ÷è áëîêíîò ìîæíà ñòâîðþâàòè ³ á³ëüø ñêëàäí³ ñàéòè ç áåçë³÷³ ñòîð³íîê, âèêîðèñòîâóþ÷è ñïåö³àëüí³ ìîâè ïðîãðàìóâàííÿ.
ßê ñòâîðþâàòè ñàéò â áëîêíîò³

Ïîä³ëèñÿ â ñîö ìåðåæàõ:

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!
Ñõîæ³
» » ßê ñòâîðþâàòè ñàéò â áëîêíîò³