ßê â³äðåäàãóâàòè html

³äåî - "Ðîáîòà ç ôîíîì - ÿê çì³íèòè êîë³ð ôîíó âåá-ñòîð³íêè (Îñíîâè HTML ³ CSS)"

HTML (Hypertext Markup Language) - ìîâà ã³ïåðòåêñòîâî¿ ðîçì³òêè. Ñàìå â³í íàäຠìîæëèâ³ñòü áà÷èòè ñòîð³íêè ð³çíèõ ñàéò³â òàê, ÿê ìè ¿õ áà÷èìî. Âñ³ êàðòèíêè, òåêñò, êîëüîðè, ïîñèëàííÿ, ð³çí³ êíîïî÷êè îïèñóþòüñÿ ìîâîþ html. Ôàéëè ç ðîçøèðåííÿì html â³äêðèâàþòüñÿ ÷åðåç ³íòåðíåò - áðàóçåð, ÿêèé, â ñâîþ ÷åðãó, ³íòåðïðåòóº éîãî ³ âèäຠñòîð³íêó. Ñàìà ìîâà ÿâëÿº ñîáîþ êîìàíäè - òåãè, óêëàäåí³ â òðèêóòí³ äóæêè < >. ßêùî òðîõè â³äðåäàãóâàòè ö³ òåãè â áóäü-ÿêó ñòîðîíó, çîâí³øí³é âèãëÿä ñòîð³íêè â³äðàçó æ çì³íèòüñÿ. Äëÿ çì³íè html-ôàéë³â ³ñíóº áåçë³÷ ð³çíèõ ðåäàêòîð³â. Îäíèì ç íàéïîïóëÿðí³øèõ º «Notepad ++» - â³í äîçâîëÿº ï³äñâ³÷óâàòè êîä, â³çóàëüíî â³äîêðåìëþþ÷è éîãî â³ä âì³ñòó êîíòåíòà. ßê æå â³äðåäàãóâàòè html-ôàéë?
Âàì çíàäîáèòüñÿ
  • Ïåðñîíàëüíèé êîìï`þòåð, ïðîãðàìè "Notepad ++" àáî "Áëîêíîò".
²íñòðóêö³ÿ
1



Ïåðø çà âñå, ïîòð³áíî â³äêðèòè html-ôàéë äëÿ ðåäàãóâàííÿ. Äëÿ öüîãî êëàöí³òü íà íüîìó ïðàâîþ êíîïêîþ ìèø³ ³ âèáåð³òü ïóíêò "³äêðèòè çà äîïîìîãîþ». Ó ñïèñêó êëàöíåòå íà «Notepad ++». ßêùî ïîòð³áíî¿ ïðîãðàìè íå âèÿâèëîñÿ â ñïèñêó, íàòèñí³òü íà «Âèáðàòè ïðîãðàìó» ³ çíàéä³òü ¿¿.
2
ϳñëÿ âèáîðó ó â³êí³ ïðîãðàìè â³äêðèºòüñÿ âì³ñò html-ôàéëó. ßê ïðàâèëî, äîêóìåíò ó ôîðìàò³ html ìຠîñíîâí³ òåãè. ² âèãëÿäຠòàê:
Òóò çàãîëîâîê ñòîð³íêè
Äàë³ îñíîâíèé êîíòåíò ñòîð³íêè:
3
Ìîæíà ì³íÿòè âì³ñò ñòîð³íêè ³ çàãîëîâîê. Ìîæíà äîäàòè êàðòèíêó àáî â³äåî-ôàéë. Ìîæíà îôîðìèòè òåêñò íà ñâ³é ñìàê. íàïðèêëàä:
ß âì³þ ðåäàãóâàòè html
Ìè ðåäàãóºìî html
4
Âíåñ³òü çì³íè â html-ôàéë ³ îáîâ`ÿçêîâî çáåðåæ³òü éîãî.
5
Çàïóñò³òü ïîäâ³éíèì êë³êîì ìèø³ àáî êëàâ³øåþ Enter ôàéë ç html. ³í ïîâèíåí â³äêðèòèñÿ â áðàóçåð³, ³ âè òóò æå ïîáà÷èòå ðåçóëüòàò ðîáîòè. Ìîæíà ì³íÿòè âì³ñò html-ôàéëó ³ îíîâëþâàòè ñòîð³íêó êëàâ³øåþ F5 àáî íàòèñíóâøè íà â³äïîâ³äíó êíîïêó áðàóçåðà.

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

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!
Ñõîæ³
» » ßê â³äðåäàãóâàòè html