Ââåäåíèå â HTML
Ñ ïîìîùüþ ÷åãî ñîçäàþòñÿ Web-ñòðàíèöû
Ïåðåä òåì êàê íà÷àòü èçëîæåíèå ìàòåðèàëà õî÷ó ñäåëàòü ñóùåñòâåííîå çàìå÷àíèå.
Ñóùåñòâóåò íåñêîëüêî âåðñèé HTML. Ñòàíäàðò ÿçûêà íåïðåðûâíî îáíîâëÿåòñÿ è äîïîëíÿåòñÿ, ñëåäñòâèå ýòîãî - êàæäûé ãîä âûõîäèò íîâàÿ âåðñèÿ HTML. Ñ äðóãîé ñòîðîíû - âýá-áðàóçåðû, ñ ïîìîùüþ êîòîðûõ ïîëüçîâàòåëè ïðîñìàòðèâàþò html-ñòðàíèöû, òàêæå èìåþò ñâîè ðàçëè÷èÿ â ÷àñòè èíòåðïðåòàöèè è ïîääåðæêè îòäåëüíûõ òýãîâ. Ýòî îáóñëîâëåíî òåì, ÷òî ðàçðàáîòêîé áðàóçåðîâ çàíèìàþòñÿ ðàçëè÷íûå êîìïàíèè. ×òî èç ýòîãî ñëåäóåò? Ïîïðîñòó ãîâîðÿ, îäèí è òîò æå html-êîä ðàçíûå áðàóçåðû áóäóò îòîáðàæàòü ïî-ðàçíîìó, à íåêîòîðûå òýãè îòäåëüíûå áðàóçåðû âîîáùå "íå ïîíèìàþò".
Íà ñòðàíèöàõ ñâîåãî ñàéòà ÿ áóäó ðàññìàòðèâàòü äåñêðèïòîðû, ïîääåðæèâàåìûå Microsoft Internet Explorer 5.0 (IE 5.0). Ýòî ñëåäóåò ó÷èòûâàòü, êîãäà áóäåòå ðàçáèðàòü ïðèâîäèìûå ïðèìåðû.
×òî òàêîå HTML
HTML (HyperText Markup Language, ÿçûê ãèïåðòåêñòîâîé ðàçìåòêè) - ñïåöèàëüíûå èíñòðóêöèè áðàóçåðó, ñ ïîìîùüþ êîòîðûõ ñîçäàþòñÿ Âåá-ñòðàíèöû.
Ò.å. Web-ñòðàíèöû - ýòî äîêóìåíòû â ôîðìàòå HTML, ñîäåðæàùèå òåêñò è ñïåöèàëüíûå òýãè (äåñêðèïòîðû) HTML. Ïî áîëüøîìó ñ÷åòó òýãè HTML íåîáõîäèìû äëÿ ôîðìàòèðîâàíèÿ òåêñòà (ò.å. ïðèäàíèÿ åìó íóæíîãî âèäà), êîòîðûé "ïîíèìàåò" áðàóçåð. Äîêóìåíòû HTML õðàíÿòñÿ â âèäå ôàéëîâ ñ ðàñøèðåíèåì .htm èëè .html.
Òýãè HTML ñîîáùàþò áðàóçåðó èíôîðìàöèþ î ñòðóêòóðå è îñîáåííîñòÿõ ôîðìàòèðîâàíèÿ Âåá-ñòðàíèöû. Êàæäûé òýã ñîäåðæèò îïðåäåëåííóþ èíñòðóêöèþ è çàêëþ÷àåòñÿ â óãëîâûå ñêîáêè <>. Áîëüøèíñòâî òýãîâ ñîñòîÿò èç îòêðûâàþùåé è çàêðûâàþùåé ÷àñòåé è âîçäåéñòâóþò íà òåêñò, çàêëþ÷åííûé âíóòðè.
Äëÿ áîëåå áûñòðîãî çíàêîìñòâà ñ HTML-êîäîì ñîâåòóþ ïðîñìàòðèâàòü ïîíðàâèâøóþñÿ âàì ñòðàíèöó â ðåæèìå "Â âèäå HTML". Äëÿ ýòîãî â áðàóçåðå íàäî âûáðàòü ïóíêò ìåíþ "Âèä" - "Â âèäå HTML".
Ïîñëå ýòîãî îòêðîåòñÿ íîâîå îêíî ñ èñõîäíûì òåêñòîì HTML-êîäà. Ïðîñìàòðèâàÿ ãîòîâûé êîä HTML, âû óçíàåòå, êàê òýãè ÿçûêà ïðèìåíÿþòñÿ áîëåå îïûòíûìè ïðîãðàììèñòàìè. Êðîìå òîãî, ýòî îäèí èç ñïîñîáîâ ïðåîäîëåíèÿ ðàçëè÷íûõ ïðîáëåì, âîçíèêàþùèõ âðåìÿ îò âðåìåíè.
Ñ ïîìîùüþ ÷åãî ñîçäàþòñÿ Web-ñòðàíèöû
×òî òàêîå Âóá-ñòðàíèöà? Ïî ñóòè äåëà - ýòî ïðîñòîé òåêñòîâûé äîêóìåíò, ñîäåðæàùèé òýãè (êîòîðûå â ñâîþ î÷åðåäü ÿâëÿþòñÿ îáû÷íûì òåêñòîì, çàêëþ÷åííûì â ñêîáêè). Ò.å., èñõîäÿ èç âûøåèçëîæåííîãî, Âåá-ñòðàíèöû ìîæíî íàáðàòü â ëþáîì òåêñòîâîì ðåäàêòîðå (Áëîêíîò, WordPad, Word è ò.ä.).  ýòîì ñëó÷àå àáñîëþòíî âñå íàäî íàáèðàòü ñâîèìè ðó÷êàìè. Îñíîâíîé ïëþñ òàêîãî ìåòîäà - êîä ïîëó÷àåòñÿ àáñîëþòíî ìèíèìèçèðîâàííûì, ò.å. "âåñ" òàêîé html-ñòðàíèöû áóäåò ìèíèìàëüíûì. Ê íåäîñòàòêàì ñëåäóåò îòíåñòè òîò ôàêò, ÷òî ïîëüçîâàòåëü äîëæåí î÷åíü õîðîøî çíàòü ÿçûê html-ðàçìåòêè, äà è ðåçóëüòàòû ñâîåãî òðóäà íåëüçÿ áóäåò ñðàçó ïîñìîòðåòü. Ïîýòîìó òàêèì ìåòîäîì ñîçäàíèÿ Âýá-ñòðàíèö ïðàêòè÷åñêè íèêòî íå ïîëüçóåòñÿ. Ïîðåêîìåíäîâàòü åãî ìîæíî ðàçâå ÷òî äëÿ ñîçäàíèÿ ïðîñòåíüêèõ Âýá-ñòðàíè÷åê åñëè íåò âîçìîæíîñòè èñïîëüçîâàíèÿ ñïåöèàëèçèðîâàííûõ ïðîãðàìì.
Ïðàêòè÷åñêè âñå Âåá-äèçàéíåðû èñïîëüçóþò ñïåöèàëüíûå ïðîãðàììû, êîòîðûå íàçûâàþòñÿ HTML-ðåäàêòîðû. Íàèáîëåå ïîïóëÿðíûå - Macromedia HomeSite, Dreamweaver MX.
×åì æå îíè õîðîøè? Ïðåæäå âñåãî, òåì, ÷òî îíè êàê ðàç è ïðåäíàçíà÷åíû äëÿ ñîçäàíèÿ Âåá-ñòðàíèö. Ñèíòàêñèñ â òàêèõ ïðîãðàììàõ îáû÷íî âûäåëÿåòñÿ ðàçíûìè öâåòàìè, òàê ÷òî î÷åíü õîðîøî âèäíî ãäå íàõîäèòñÿ òåêñò, à ãäå äåñêðèïòîðû, à ãäå php-êîä. Ìíîãèå ñëîæíûå êîíñòðóêöèè òýãîâ ìîæíî ââîäèòü îäíèì ùåë÷êîì ìûøêè. Ðåçóëüòàò ñâîåãî òðóäà âèäåí òóò æå, â ñîñåäíåì îêîøêå. Åñëè âû ñåðüåçíî çàíèìàåòåñü âýá-äèçàéíîì, òî áåç òàêîé ïðîãðàììû âàì ïðîñòî íå îáîéòèñü.
Êðîìå âûøåóêàçàííûõ ïðîãðàìì ñóùåñòâóåò åùå îäèí òèï ñïåöèàëèçèðîâàííûõ ïðîãðàìì - ýòî, òàê íàçûâàåìûå, ñðåäñòâà âèçóàëüíîãî ïðîåêòèðîâàíèÿ (Microsoft FrontPage, HoTMetal Pro). Îíè ïîçâîëÿþò ñîçäàâàòü Âåá-ñòðàíèöû òàêèì îáðàçîì, ÷òîáû ïîëíîñòüþ èñêëþ÷èòü íåîáõîäèìîñòü íàáîðà òýãîâ HTML âðó÷íóþ. Ïîäîáíûå ïðîãðàììû âûïîëíÿþò âñå íåîáõîäèìûå îïåðàöèè àâòîìàòè÷åñêè, ïî ìåðå "ðèñîâàíèÿ" Âýá-ñòðàíèöû. Ê íåäîñòàòêàì òàêèõ ïðîãðàìì ñëåäóåò îòíåñòè òîò ôàêò, ÷òî "âåñ" òàêèõ ñòðàíèö îêàçûâàåòñÿ áîëüøèì èç-çà èçáûòî÷íîãî HTML-êîäà, äà è èçÿùíóþ ñòðàíè÷êó áåç ïîäïðàâêè êîäà "âðó÷íóþ" ñäåëàòü âåñüìà ïðîáëåìàòè÷íî.
Ñàì ÿ ïîëüçóþñü Macromedia HomeSite. Óæå ê íåé ïðèâûê è îíà ìíå î÷åíü íðàâèòñÿ. Ïðàâäà íà Ìèëëåíèóìå ó ìåíÿ áûëè ñ íåé ïðîáëåìû ñ èíñòàëëÿöèåé. Íî íà ÕÐ - ðàáîòàåò áåç ïðîáëåì. Åñëè ó âàñ íåò âîçìîæíîñòè ïðèîáðåñòè Macromedia HomeSite, ïîðîéòåñü â Èíòåðíåòå. Íà ëþáîì ñîôòàðõèâå íàéäåòå ìíîãî áåñïëàòíûõ HTML-ðåäàêòîðîâ. Ïîïðîáóéòå ðàçíûå è âûáåðèòå òîò, êîòîðûé âàì ïî äóøå.
