ТЕХНОЛОГИЯ СОЗДАНИЯ САЙТОВ À.Â. Õóòîðñêîé, ä-ð ïåä. íàóê, À.Ï. Îðåøêî, êàíä. ôèç.-ìàò. íàóê
Ïîÿñíèòåëüíàÿ çàïèñêà Êîëè÷åñòâî ó÷åáíûõ ÷àñîâ: 70 ÷. Îáðàçîâàòåëüíàÿ îáëàñòü: èíôîðìàòèêà. Ïðîôèëü: òåõíîëîãè÷åñêèé. Âîçðàñòíàÿ ãðóïïà: 1011 êëàññû. ÌÅÑÒÎ ÊÓÐÑÀ  ÎÁÐÀÇÎÂÀÒÅËÜÍÎÌ ÏÐÎÖÅÑÑÅ
Îäíà èç çàäà÷ ïðîôèëüíîé øêîëû ñîäåéñòâîâàòü âîñïèòàíèþ íîâîãî ïîêîëåíèÿ, îòâå÷àþùåãî ïî ñâîåìó óðîâíþ ðàçâèòèÿ è îáðàçó æèçíè óñëîâèÿì èíôîðìàöèîííîãî îáùåñòâà. Äëÿ ýòîãî ó÷àùèìñÿ òåõíîëîãè÷åñêîãî ïðîôèëÿ ïðåäëàãàåòñÿ îñâàèâàòü ñïîñîáû ðàáîòû ñ èíôîðìàöèîííûìè ïîòîêàìè èñêàòü íåîáõîäèìóþ èíôîðìàöèþ, àíàëèçèðîâàòü åå, âûÿâëÿòü â íåé ôàêòû è ïðîáëåìû, ñàìîñòîÿòåëüíî ñòàâèòü çàäà÷è, ñòðóêòóðèðîâàòü è ïðåîáðàçîâûâàòü èíôîðìàöèþ â òåêñòîâóþ è ìóëüòèìåäèéíóþ ôîðìó, èñïîëüçîâàòü åå äëÿ ðåøåíèÿ ó÷åáíûõ è æèçíåííûõ çàäà÷. Óìåíèå ïðåäñòàâëÿòü èíôîðìàöèþ â âèäå, óäîáíîì äëÿ âîñïðèÿòèÿ è èñïîëüçîâàíèÿ äðóãèìè ëþäüìè, îäíî èç óñëîâèé îáðàçîâàòåëüíîé êîìïåòåíòíîñòè ó÷åíèêà òåõíîëîãè÷åñêîãî ïðîôèëÿ. Âåá-ñàéò íàèáîëåå ïîïóëÿðíîå è äîñòóïíîå ñòàðøåêëàññíèêàì ñðåäñòâî ïðåäñòàâëåíèÿ òåêñòîâîé, ãðàôè÷åñêîé è èíîé èíôîðìàöèè â ñåòè Èíòåðíåòà. Ýëåêòèâíûé êóðñ «Òåõíîëîãèÿ ñîçäàíèÿ ñàéòîâ» ÿâëÿåòñÿ ïðåäìåòîì ïî âûáîðó äëÿ ó÷àùèõñÿ 10 èëè 11 êëàññîâ ñòàðøåé ïðîôèëüíîé øêîëû. Êóðñ ðàññ÷èòàí íà 70 ÷àñîâ, êîòîðûå ïðîâîäÿòñÿ â òå÷åíèå ó÷åáíîãî ãîäà ïî 1 ÷àñó â íåäåëþ. Âîçìîæíî è áîëåå ñæàòîå ïî âðåìåíè èçó÷åíèå êóðñà ñ èñïîëüçîâàíèåì ïðîåêòíîãî ìåòîäà îáó÷åíèÿ èëè òåõíîëîãèè «ïîãðóæåíèÿ». Êîíöåíòðèðîâàííîå èçó÷åíèå êóðñà ïîçâîëÿåò ó÷àùèìñÿ áîëåå ïîëíî âûÿâèòü ñâîè ñïîñîáíîñòè â èçó÷àåìîé îáëàñòè çíàíèé, ñîçäàòü ïðåäïîñûëêè ïî ïðèìåíåíèþ îñâîåííûõ ñïîñîáîâ âåá-ñòðîèòåëüñòâà â äðóãèõ ó÷åáíûõ êóðñàõ, ïîäãîòîâèòü ñåáÿ ê îñîçíàííîìó âûáîðó Èíòåðíåò-ïðîôåññèé, ïðåäóñìàòðèâàþùèõ âåá-ìàñòåðèíã. Êóðñ âêëþ÷àåò â ñåáÿ ïðàêòè÷åñêîå îñâîåíèå òåõíèêè ñîçäàíèÿ âåáñòðàíèö, òåìàòè÷åñêèõ ñàéòîâ, âåá-êâåñòîâ, èíôîðìàöèîííî-ñïðàâî÷íûõ 50
è èíûõ ñàéòîâ. Åãî çàäà÷åé ÿâëÿåòñÿ òàêæå ïîäãîòîâêà øêîëüíèêîâ ê îñîçíàííîìó âûáîðó Èíòåðíåò-ïðîôåññèé, ïðåäóñìàòðèâàþùèõ âåá-ìàñòåðèíã. Êóðñ ñëóæèò ñðåäñòâîì âíóòðèïðîôèëüíîé ñïåöèàëèçàöèè â îáëàñòè íîâûõ èíôîðìàöèîííûõ òåõíîëîãèé, ÷òî ñïîñîáñòâóåò ñîçäàíèþ äîïîëíèòåëüíûõ óñëîâèé äëÿ ïîñòðîåíèÿ èíäèâèäóàëüíûõ îáðàçîâàòåëüíûõ òðàåêòîðèé ó÷àùèõñÿ òåõíîëîãè÷åñêîãî ïðîôèëÿ. Êóðñ ìîæåò ñ óñïåõîì èñïîëüçîâàòüñÿ íå òîëüêî â òåõíîëîãè÷åñêîì, íî è â äðóãèõ ïðîôèëÿõ ñòàðøåé øêîëû, ïîñêîëüêó âåá-ñòèëü äåÿòåëüíîñòè îòíîñèòñÿ êî âñåì ñôåðàì ñîâðåìåííîãî îáùåñòâà ãóìàíèòàðíûì, åñòåñòâåííî-íàó÷íûì, ñîöèàëüíûì, ýêîíîìè÷åñêèì, ñåðâèñíûì è äð.  îñíîâå ñîäåðæàíèÿ êóðñà ëåæèò 5-ëåòíèé îïûò ïðîâåäåíèÿ Öåíòðîì äèñòàíöèîííîãî îáðàçîâàíèÿ «Ýéäîñ» (www.eidos.ru) êóðñîâ, ïðîåêòîâ è îëèìïèàä ïî âåá-äèçàéíó è ñàéòîñòðîèòåëüñòâó. ÊÎÍÖÅÏÖÈß ÊÓÐÑÀ
Îñíîâà êóðñà ëè÷íîñòíàÿ, ïðàêòè÷åñêàÿ è ïðîäóêòèâíàÿ íàïðàâëåííîñòü çàíÿòèé. Îäíà èç öåëåé îáó÷åíèÿ èíôîðìàòèêå ïðåäîñòàâèòü ó÷åíèêàì âîçìîæíîñòü ëè÷íîñòíîãî ñàìîîïðåäåëåíèÿ è ñàìîðåàëèçàöèè ïî îòíîøåíèþ ê ñòðåìèòåëüíî ðàçâèâàþùèìñÿ èíôîðìàöèîííûì òåõíîëîãèÿì è ðåñóðñàì. Äëÿ äîñòèæåíèÿ äàííîé öåëè íåîáõîäèìî, ÷òîáû ïðè èçó÷åíèè îáùèõ äëÿ âñåõ ñåòåâûõ òåõíîëîãèé êàæäûé ó÷àùèéñÿ ìîã ñîçäàâàòü ëè÷íîñòíî çíà÷èìóþ äëÿ íåãî îáðàçîâàòåëüíóþ ïðîäóêöèþ. Òàêîé ïðîäóêöèåé â äàííîì êóðñå ÿâëÿåòñÿ âåá-ñàéò. Êàæäûé ó÷àùèéñÿ ñîçäàåò ëè÷íîñòíî çíà÷èìóþ äëÿ íåãî îáðàçîâàòåëüíóþ ïðîäóêöèþ ñíà÷àëà ïðîñòåéøèå âåá-ñòðàíèöû, çàòåì èõ îòäåëüíûå ýëåìåíòû è öåëîñòíûå âåá-ñàéòû. Îñâîåíèå çíàíèé è ñïîñîáîâ âåá-êîíñòðóèðîâàíèÿ îñóùåñòâëÿåòñÿ â õîäå ðàçðàáîòêè ó÷åíèêàìè ñàéòîâ íà òåìû, êîòîðûå îíè îïðåäåëÿþò äëÿ ñåáÿ ñàìîñòîÿòåëüíî. Îñîçíàíèå è ïðèñâîåíèå ó÷àùèìèñÿ äîñòèãàåìûõ ðåçóëüòàòîâ ïðîèñõîäÿò ñ ïîìîùüþ ðåôëåêñèâíûõ çàäàíèé. Òàêîé ïîäõîä ãàðàíòèðóåò ïîâûøåííóþ ìîòèâàöèþ è ðåçóëüòàòèâíîñòü îáó÷åíèÿ. Îáùåïåäàãîãè÷åñêàÿ íàïðàâëåííîñòü çàíÿòèé ñîïðÿæåíèå ñîöèàëèçàöèè è èíäèâèäóàëèçàöèè îáó÷åíèÿ ïî îòíîøåíèþ ê ñåòåâûì èíôîðìàöèîííûì òåõíîëîãèÿì. Çíàíèÿ, óìåíèÿ è ñïîñîáû êîíñòðóèðîâàíèÿ âåá-ñàéòîâ ÿâëÿþòñÿ ýëåìåíòàìè èíôîðìàöèîííîé êîìïåòåíöèè îäíîé èç êëþ÷åâûõ êîìïåòåíöèé ñòàðøåé ïðîôèëüíîé øêîëû. Óìåíèå íàõîäèòü, ñòðóêòóðèðîâàòü, ïðåîáðàçîâûâàòü è ñîõðàíÿòü èíôîðìàöèþ â html-ôîðìàòå è äðóãèõ Èíòåðíåò-ñîâìåñòèìûõ ôîðìàòàõ íåîáõîäèìîå óñëîâèå ïîäãîòîâêè âûïóñêíèêîâ òåõíîëîãè÷åñêîãî ïðîôèëÿ. Òàêèì îáðàçîì, îñâîåííûé èíñòðóìåíòàðèé ñïîñîáû âåá-êîíñòðóèðîâàíèÿ âûñòóïàåò îòäåëüíûì îáðàçîâàòåëüíûì ïðîäóêòîì ó÷åíèêîâ íàðÿäó ñ ðàçðàáîòàííûìè èìè ñàéòàìè. Îñîçíàíèå è ïðèñâîåíèå ó÷àùèìèñÿ äàííîãî òèïà ïðîäóêöèè ïðîèñõîäÿò ñ ïîìîùüþ ðåôëåêñèâíûõ çàäàíèé, âêëþ÷åííûõ â ñîäåðæàíèå çàíÿòèé. 51
Öåëè êóðñà: íàó÷èòü ó÷àùèõñÿ îðèåíòèðîâàòüñÿ è ïðîäóêòèâíî äåéñòâîâàòü â èíôîðìàöèîííîì Èíòåðíåò-ïðîñòðàíñòâå, èñïîëüçóÿ äëÿ äîñòèæåíèÿ ñâîèõ öåëåé ñîçäàâàåìûå âåá-ðåñóðñû; ñôîðìèðîâàòü ó íèõ öåëîñòíîå ïðåäñòàâëåíèå îá èíôîðìàöèîííîé êàðòèíå ìèðà ñðåäñòâàìè «Âñåìèðíîé ïàóòèíû». Íàó÷èòü ñïîñîáàì ïðåäñòàâëåíèÿ èíôîðìàöèè â ñåòè Èíòåðíåòà; ïîçíàêîìèòü ñî ñïîñîáàìè íàó÷íî-òåõíè÷åñêîãî ìûøëåíèÿ è äåÿòåëüíîñòè, íàïðàâëåííûìè íà ñàìîñòîÿòåëüíîå òâîð÷åñêîå ïîçíàíèå è èññëåäîâàíèå èíôîðìàöèîííîé ÷àñòè ñåòåâîãî ïðîñòðàíñòâà; ðåàëèçîâàòü êîììóíèêàòèâíûå, òåõíè÷åñêèå è ýâðèñòè÷åñêèå ñïîñîáíîñòè ó÷àùèõñÿ â õîäå ïðîåêòèðîâàíèÿ è êîíñòðóèðîâàíèÿ ñàéòîâ; ñôîðìèðîâàòü ýëåìåíòû èíôîðìàöèîííîé è òåëåêîììóíèêàöèîííîé êîìïåòåíöèé ïî îòíîøåíèþ ê çíàíèÿì, óìåíèÿì è îïûòó êîíñòðóèðîâàíèÿ âåá-ñàéòîâ. Çàäà÷è êóðñà: ïîçíàêîìèòü ñ âèäàìè âåá-ñàéòîâ, èõ ôóíêöèîíàëüíûìè, ñòðóêòóðíûìè è òåõíîëîãè÷åñêèìè îñîáåííîñòÿìè; ñôîðìèðîâàòü íàâûêè ýëåìåíòàðíîãî ïðîåêòèðîâàíèÿ, êîíñòðóèðîâàíèÿ, ðàçìåùåíèÿ è ñîïðîâîæäåíèÿ âåá-ñàéòà; äàòü ïåðâè÷íûå íàâûêè ïðîãðàììèðîâàíèÿ íà ÿçûêàõ HTML, Dynamic HTML, CSS; ïîçíàêîìèòü ñ îñíîâàìè âåá-äèçàéíà; íàó÷èòü îñíîâàì ðàáîòû ñ ïðîãðàììàìè Dreamweaver è Flash (èëè àíàëîãè÷íûìè); ñôîðìèðîâàòü íàâûêè ðàáîòû â êîëëåêòèâå ñ êîìïëåêñíûìè âåáïðîåêòàìè; ñîçäàòü è ðàçìåñòèòü â ñåòè Èíòåðíåòà ñîáñòâåííûé âåá-ñàéò ïî âûáðàííîé òåìàòèêå.
ÌÅÒÎÄÛ ÎÁÓ×ÅÍÈß
Îñíîâíàÿ ìåòîäè÷åñêàÿ óñòàíîâêà êóðñà îáó÷åíèå øêîëüíèêîâ íàâûêàì ñàìîñòîÿòåëüíîé èíäèâèäóàëüíîé è ãðóïïîâîé ðàáîòû ïî ïðàêòè÷åñêîìó êîíñòðóèðîâàíèþ ñàéòîâ. Èíäèâèäóàëüíîå îñâîåíèå êëþ÷åâûõ ñïîñîáîâ äåÿòåëüíîñòè ïðîèñõîäèò íà îñíîâå ñèñòåìû çàäàíèé è àëãîðèòìè÷åñêèõ ïðåäïèñàíèé, èçëîæåííûõ â ó÷åáíîì ïîñîáèè äëÿ øêîëüíèêîâ. Áîëüøèíñòâî çàäàíèé âûïîëíÿåòñÿ ñ ïîìîùüþ ïåðñîíàëüíîãî êîìïüþòåðà è íåîáõîäèìûõ ïðîãðàììíûõ ñðåäñòâ. Êðîìå èíäèâèäóàëüíîé, ïðèìåíÿåòñÿ è ãðóïïîâàÿ ðàáîòà.  çàäà÷è ó÷èòåëÿ âõîäèò ñîçäàíèå óñëîâèé äëÿ ðåàëèçàöèè âåäóùåé ïîäðîñòêîâîé äåÿòåëüíîñòè àâòîðñêîãî äåéñòâèÿ, âûðàæåííîãî â ïðîåêòíûõ ôîðìàõ ðàáîòû. Íà îïðåäåëåííûõ ýòàïàõ îáó÷åíèÿ ó÷àùèåñÿ îáúåäèíÿþòñÿ â ãðóïïû, ò.å. èñïîëüçóåòñÿ ïðîåêòíûé ìåòîä îáó÷åíèÿ. Âûïîëíåíèå ïðîåêòîâ çàâåðøàåòñÿ ïóáëè÷íîé çàùèòîé ðåçóëüòàòîâ è ðåôëåêñèåé. 52
Îòáîð ìåòîäîâ îáó÷åíèÿ îáóñëîâëåí íåîáõîäèìîñòüþ ôîðìèðîâàíèÿ èíôîðìàöèîííîé è êîììóíèêàòèâíîé êîìïåòåíòíîñòåé ñòàðøåêëàññíèêîâ. Ðåøåíèå äàííîé çàäà÷è îáåñïå÷åíî íàëè÷èåì â ïðîãðàììå êóðñà ñëåäóþùèõ ýëåìåíòîâ äàííûõ êîìïåòåíöèé: ñîöèàëüíî-ïðàêòè÷åñêàÿ çíà÷èìîñòü êîìïåòåíöèè (äëÿ ÷åãî íåîáõîäèìî óìåòü ñîçäàâàòü, ðàçìåùàòü è ïîääåðæèâàòü ñàéòû); ëè÷íîñòíàÿ çíà÷èìîñòü êîìïåòåíöèè (çà÷åì ó÷åíèêó íåîáõîäèìî áûòü êîìïåòåíòíûì â îáëàñòè ñàéòîñòðîèòåëüñòâà); ïåðå÷åíü ðåàëüíûõ îáúåêòîâ äåéñòâèòåëüíîñòè, îòíîñÿùèõñÿ ê äàííûì êîìïåòåíöèÿì (âåá-ñòðàíèöà, ñàéò, êîìïüþòåð, êîìïüþòåðíàÿ ïðîãðàììà, Èíòåðíåò è äð.); çíàíèÿ, óìåíèÿ è íàâûêè, îòíîñÿùèåñÿ ê äàííûì îáúåêòàì; ñïîñîáû äåÿòåëüíîñòè ïî îòíîøåíèþ ê äàííûì îáúåêòàì; ìèíèìàëüíî íåîáõîäèìûé îïûò äåÿòåëüíîñòè ó÷åíèêà â ñôåðå äàííîé êîìïåòåíöèè; èíäèêàòîðû ó÷åáíûå è êîíòðîëüíî-îöåíî÷íûå çàäàíèÿ ïî îïðåäåëåíèþ óðîâíÿ êîìïåòåíòíîñòè ó÷åíèêà. Îñâîåíèå êëþ÷åâûõ ñïîñîáîâ äåÿòåëüíîñòè ïðîèñõîäèò íà îñíîâå ñèñòåìû çàäàíèé è àëãîðèòìè÷åñêèõ ïðåäïèñàíèé, èçëîæåííûõ â ó÷åáíîì ïîñîáèè äëÿ øêîëüíèêîâ. Ìåòîäè÷åñêèå ðåêîìåíäàöèè ïî îðãàíèçàöèè èíäèâèäóàëüíûõ è ãðóïïîâûõ ôîðì çàíÿòèé, èñïîëüçîâàíèþ òåõ èëè èíûõ ìåòîäîâ îáó÷åíèÿ ñîäåðæàòñÿ â ïîñîáèè äëÿ ó÷èòåëÿ ïî äàííîìó êóðñó. ÔÎÐÌÛ ÎÐÃÀÍÈÇÀÖÈÈ Ó×ÅÁÍÛÕ ÇÀÍßÒÈÉ
Îñíîâíîé òèï çàíÿòèé ïðàêòèêóì. Áîëüøèíñòâî çàäàíèé êóðñà âûïîëíÿåòñÿ ñ ïîìîùüþ ïåðñîíàëüíîãî êîìïüþòåðà è íåîáõîäèìûõ ïðîãðàììíûõ ñðåäñòâ. Äîñòóï â Èíòåðíåò æåëàòåëåí, íî íå îáÿçàòåëåí. Ìíîãèå ðàáîòû ó÷åíèêè ìîãóò îñóùåñòâëÿòü áåç ïîäêëþ÷åíèÿ ê ñåòè. Åäèíèöåé ó÷åáíîãî ïðîöåññà ÿâëÿåòñÿ áëîê óðîêîâ (ãëàâà). Êàæäûé òàêîé áëîê îõâàòûâàåò èçó÷åíèå îòäåëüíîé èíôîðìàöèîííîé òåõíîëîãèè èëè åå ÷àñòè.  ïðåäëàãàåìîé ïðîãðàììå êîëè÷åñòâî ÷àñîâ íà èçó÷åíèå ìàòåðèàëà îïðåäåëåíî äëÿ áëîêîâ óðîêîâ, ñâÿçàííûõ ñ èçó÷åíèåì îñíîâíîé òåìû. Âíóòðè áëîêîâ ðàçáèâêà ïî âðåìåíè èçó÷åíèÿ ïðîèçâîäèòñÿ ó÷èòåëåì ñàìîñòîÿòåëüíî. Ñ ó÷åòîì ðåãóëÿðíîãî ïîâòîðåíèÿ ðàíåå èçó÷åííûõ òåì òåìï èçó÷åíèÿ îòäåëüíûõ ðàçäåëîâ áëîêà îïðåäåëÿåòñÿ ñóáúåêòèâíûìè è îáúåêòèâíûìè ôàêòîðàìè. Êàæäàÿ òåìà êóðñà íà÷èíàåòñÿ ñ ïîñòàíîâêè çàäà÷è õàðàêòåðèñòèêè îáðàçîâàòåëüíîãî ïðîäóêòà, êîòîðûé ïðåäñòîèò ñîçäàòü ó÷åíèêàì. Ñ ýòîé öåëüþ ó÷èòåëü ïðîâîäèò âåá-ýêñêóðñèþ, ìóëüòèìåäèéíóþ ïðåçåíòàöèþ, êîììåíòèðîâàííûé îáçîð ñàéòîâ èëè äåìîíñòðàöèþ ñëàéäîâ. Èçó÷åíèå íîâîãî ìàòåðèàëà íîñèò ñîïðîâîæäàþùèé õàðàêòåð. Ó÷åíèêè èçó÷àþò åãî ñ öåëüþ ñîçäàíèÿ çàïëàíèðîâàííîãî ïðîäóêòà ãðàôè÷åñêîãî ôàéëà, ýñêèçà âåá-ñòðàíèöû, ýëåìåíòà ñàéòà è ò.ï. Äàëåå ïðîâîäèòñÿ òðåíèíã ïî îòðàáîòêå óìåíèé âûïîëíÿòü òåõíè÷åñêèå çàäà÷è, ñîîòâåòñòâóþùèå ìèíèìàëüíîìó óðîâíþ ïëàíèðóåìûõ 53
ðåçóëüòàòîâ îáó÷åíèÿ. Òðåíèíã ïåðåõîäèò â êîìïëåêñíóþ òâîð÷åñêóþ ðàáîòó ïî ñîçäàíèþ ó÷åíèêàìè îïðåäåëåííîãî îáðàçîâàòåëüíîãî ïðîäóêòà, íàïðèìåð âåá-ñàéòà.  õîäå îáó÷åíèÿ ó÷àùèìñÿ ïåðèîäè÷åñêè ïðåäëàãàþòñÿ êîðîòêèå (5 10 ìèí) êîíòðîëüíûå ðàáîòû íà ïðîâåðêó îñâîåíèÿ èçó÷åííûõ ñïîñîáîâ äåéñòâèé. Ïðîâîäÿòñÿ êðàòêèå ñðåçîâûå ðàáîòû (òåñòû, òâîð÷åñêàÿ ðàáîòà) ïî îïðåäåëåíèþ óðîâíÿ çíàíèé ó÷åíèêîâ ïî äàííîé òåìå. Âûïîëíåíèå êîíòðîëüíûõ ñïîñîáñòâóåò áûñòðîé ìîáèëèçàöèè è ïåðåêëþ÷åíèþ âíèìàíèÿ íà îñìûñëèâàíèå ìàòåðèàëà èçó÷àåìîé òåìû. Êðîìå òîãî, òàêàÿ äåÿòåëüíîñòü âåäåò ê çàêðåïëåíèþ çíàíèé è ñëóæèò ðåãóëÿðíûì èíäèêàòîðîì óñïåøíîñòè îáðàçîâàòåëüíîãî ïðîöåññà. Ðåãóëÿðíîå ïîâòîðåíèå ñïîñîáñòâóåò çàêðåïëåíèþ èçó÷åííîãî ìàòåðèàëà. Âîçâðàùåíèå ê ðàíåå èçó÷åííûì òåìàì è èñïîëüçîâàíèå èõ ïðè èçó÷åíèè íîâûõ òåì ñïîñîáñòâóþò óñòðàíåíèþ âåñüìà ðàñïðîñòðàíåííîãî íåäîñòàòêà ôîðìàëèçìà â çíàíèÿõ ó÷àùèõñÿ è ôîðìèðóþò íàó÷íîå ìèðîâîççðåíèå ó÷åíèêîâ. Èíäèâèäóàëüíàÿ ó÷åáíàÿ äåÿòåëüíîñòü ñî÷åòàåòñÿ ñ ïðîåêòíûìè ôîðìàìè ðàáîòû ïî ñîçäàíèþ ñàéòà. Âûïîëíåíèå ïðîåêòîâ çàâåðøàåòñÿ èõ çàùèòîé è ðåôëåêñèâíîé îöåíêîé. Ó×ÅÁÍÎ-ÌÅÒÎÄÈ×ÅÑÊÈÉ ÊÎÌÏËÅÊÒ
Ïðîãðàììà êóðñà îáåñïå÷èâàåòñÿ ó÷åáíûì ïîñîáèåì äëÿ ó÷åíèêîâ, ìåòîäè÷åñêèìè ðåêîìåíäàöèÿìè äëÿ ó÷èòåëÿ, à òàêæå êîìïüþòåðàìè è êîìïüþòåðíûìè ïðîãðàììàìè, îáîçíà÷åííûìè â ïðîãðàììå êóðñà. Íàèáîëåå ýôôåêòèâíû çàíÿòèÿ ïðè íàëè÷èè âûõîäà â Èíòåðíåò.  òî æå âðåìÿ áîëüøàÿ ÷àñòü ðàáîòû äîñòóïíà øêîëüíèêàì áåç ïîäêëþ÷åíèÿ ê ñåòè. Ñàéòû ìîãóò ñîçäàâàòüñÿ ó÷àùèìèñÿ è â ëîêàëüíîé ñåòè.  êà÷åñòâå äîïîëíèòåëüíûõ èñòî÷íèêîâ èíôîðìàöèè ïî êóðñó ðåêîìåíäóþòñÿ ñïðàâî÷íèêè, äîïîëíèòåëüíàÿ ëèòåðàòóðà ñ îïèñàíèåì íîâûõ ïðîãðàììíûõ ñðåäñòâ (ìåíÿåòñÿ åæåãîäíî), à òàêæå ðàçäåëû «Ñïðàâêà» â èçó÷àåìûõ êîìïüþòåðíûõ ïðîãðàììàõ. Âûðàáîòêà íàâûêà ñàìîñòîÿòåëüíîãî èçó÷åíèÿ ïðîãðàììíûõ ñðåäñòâ ïîçâîëèò ó÷åíèêó ñàìîñòîÿòåëüíî ïðîäîëæàòü îáðàçîâàíèå ïîñëå îêîí÷àíèÿ äàííîãî êóðñà. Êóðñ ïðåäïîëàãàåò èíòåãðàöèþ ñ äðóãèìè ó÷åáíûìè ïðåäìåòàìè ïî ïðèíöèïó: òåõíîëîãèÿ ðàáîòû ñ èíôîðìàöèåé èç èíôîðìàòèêè, êîíêðåòíûå ïðèìåðû è çàäà÷è èç ñìåæíûõ ïðåäìåòîâ. Òàêèì îáðàçîì, èíôîðìàöèÿ èç òàêèõ ó÷åáíûõ ïðåäìåòîâ, êàê ìàòåìàòèêà, ôèçèêà, ëèòåðàòóðà, ðóññêèé è àíãëèéñêèé ÿçûêè, èñòîðèÿ è äð. âïîëíå ìîæåò èñïîëüçîâàòüñÿ ó÷àùèìèñÿ â ïðîöåññå êîíñòðóèðîâàíèÿ ñàéòîâ ñîîòâåòñòâóþùåé òåìàòèêè. ÏËÀÍÈÐÓÅÌÛÅ ÐÅÇÓËÜÒÀÒÛ ÊÓÐÑÀ
 ðàìêàõ äàííîãî êóðñà ó÷àùèåñÿ îâëàäåâàþò ñëåäóþùèìè çíàíèÿìè, óìåíèÿìè è ñïîñîáàìè äåÿòåëüíîñòè: 54
çíàþò ïðèíöèïû è ñòðóêòóðó óñòðîéñòâà «Âñåìèðíîé ïàóòèíû», ôîðìû ïðåäñòàâëåíèÿ è óïðàâëåíèÿ èíôîðìàöèåé â ñåòè Èíòåðíåòà; óìåþò íàéòè, ñîõðàíèòü è ñèñòåìàòèçèðîâàòü íåîáõîäèìóþ èíôîðìàöèþ èç ñåòè ñ ïîìîùüþ èìåþùèõñÿ òåõíîëîãèé è ïðîãðàììíîãî îáåñïå÷åíèÿ; âëàäåþò áðîóçåðàìè IE, NN, Opera; óìåþò ñïðîåêòèðîâàòü, èçãîòîâèòü è ðàçìåñòèòü â ñåòè âåá-ñàéò îáúåìîì 510 ñòðàíèö íà çàäàííóþ òåìó; óìåþò ïðîãðàììèðîâàòü íà ÿçûêàõ HTML, Dynamic HTML, CSS íà óðîâíå ñîçäàíèÿ íå ìåíåå 35 ñîîòâåòñòâóþùèõ ýëåìåíòîâ ñàéòà; âëàäåþò ñïîñîáàìè ðàáîòû ñ èçó÷åííûìè ïðîãðàììàìè (ðåäàêòîðû ñàéòîâ, Flash, FTP è äð.); óìåþò ïåðåäàâàòü èíôîðìàöèþ â ñåòü Èíòåðíåòà ñ ïîìîùüþ ïðîòîêîëà FTP, ñïåöèàëüíûõ ïðîãðàìì, âåá-ôîðì; çíàþò è óìåþò ïðèìåíÿòü ïðè ñîçäàíèè âåá-ñòðàíèöû îñíîâíûå ïðèíöèïû âåá-äèçàéíà; âëàäåþò íåîáõîäèìûìè ñïîñîáàìè ïðîåêòèðîâàíèÿ, ñîçäàíèÿ, ðàçìåùåíèÿ è îáíîâëåíèÿ âåá-ñàéòà; çíàþò âèäû âåá-ñàéòîâ, ñïîñîáíû ïðîèçâåñòè àíàëèç è ñôîðìóëèðîâàòü ñîáñòâåííóþ ïîçèöèþ ïî îòíîøåíèþ ê èõ ñòðóêòóðå, ñîäåðæàíèþ, äèçàéíó è ôóíêöèîíàëüíîñòè; âëàäåþò ïðèåìàìè îðãàíèçàöèè è ñàìîîðãàíèçàöèè ðàáîòû ïî èçãîòîâëåíèþ ñàéòà; èìåþò ïîëîæèòåëüíûé îïûò êîëëåêòèâíîãî ñîòðóäíè÷åñòâà ïðè êîíñòðóèðîâàíèè ñëîæíûõ âåá-ñàéòîâ; èìåþò îïûò êîëëåêòèâíîé ðàçðàáîòêè è ïóáëè÷íîé çàùèòû ñîçäàííîãî ñàéòà; ñïîñîáíû îñóùåñòâëÿòü ðåôëåêñèâíóþ äåÿòåëüíîñòü, îöåíèâàòü ñâîè ðåçóëüòàòû, êîððåêòèðîâàòü äàëüíåéøóþ äåÿòåëüíîñòü ïî ñàéòîñòðîèòåëüñòâó. ÑÏÎÑÎÁÛ ÎÖÅÍÈÂÀÍÈß ÓÐÎÂÍß ÄÎÑÒÈÆÅÍÈÉ Ó×ÀÙÈÕÑß
Ïðåäìåòîì äèàãíîñòèêè è êîíòðîëÿ ÿâëÿþòñÿ âíåøíèå îáðàçîâàòåëüíûå ïðîäóêòû ó÷åíèêîâ (ñîçäàííûå âåá-ñòðàíèöû, ñàéòû è ò.ï.), à òàêæå èõ âíóòðåííèå ëè÷íîñòíûå êà÷åñòâà (îñâîåííûå ñïîñîáû äåÿòåëüíîñòè, çíàíèÿ, óìåíèÿ), êîòîðûå îòíîñÿòñÿ ê öåëÿì è çàäà÷àì êóðñà. Îñíîâîé äëÿ îöåíèâàíèÿ äåÿòåëüíîñòè ó÷åíèêîâ ÿâëÿþòñÿ ðåçóëüòàòû àíàëèçà åãî ïðîäóêöèè è äåÿòåëüíîñòè ïî åå ñîçäàíèþ. Îöåíêà èìååò ðàçëè÷íûå ñïîñîáû âûðàæåíèÿ óñòíûå ñóæäåíèÿ ïåäàãîãà, ïèñüìåííûå êà÷åñòâåííûå õàðàêòåðèñòèêè, ñèñòåìàòèçèðîâàííûå ïî çàäàííûì ïàðàìåòðàì àíàëèòè÷åñêèå äàííûå, â òîì ÷èñëå è ðåéòèíãè. Îöåíêå ïîäëåæèò â ïåðâóþ î÷åðåäü óðîâåíü äîñòèæåíèÿ ó÷åíèêîì ìèíèìàëüíî íåîáõîäèìûõ ðåçóëüòàòîâ, îáîçíà÷åííûõ â öåëÿõ è çàäà÷àõ êóðñà. Îöåíèâàíèþ ïîäëåæàò òàêæå òå íàïðàâëåíèÿ è ðåçóëüòàòû äåÿòåëüíîñòè ó÷åíèêîâ, êîòîðûå îïðåäåëåíû â ðàáî÷åé ïðîãðàììå ó÷èòåëÿ è â èíäèâèäóàëüíûõ îáðàçîâàòåëüíûõ ïðîãðàììàõ ó÷åíèêîâ. 55
Ó÷åíèê âûñòóïàåò ïîëíîïðàâíûì ñóáúåêòîì îöåíèâàíèÿ. Îäíà èç çàäà÷ ïåäàãîãà îáó÷åíèå äåòåé íàâûêàì ñàìîîöåíêè. Ñ ýòîé öåëüþ ó÷èòåëü âûäåëÿåò è ïîÿñíÿåò êðèòåðèè îöåíêè, ó÷èò äåòåé ôîðìóëèðîâàòü ýòè êðèòåðèè â çàâèñèìîñòè îò ïîñòàâëåííûõ öåëåé è îñîáåííîñòåé îáðàçîâàòåëüíîãî ïðîäóêòà ñîçäàâàåìîãî ñàéòà. Ïðîâåðêà äîñòèãàåìûõ ó÷åíèêàìè îáðàçîâàòåëüíûõ ðåçóëüòàòîâ ïðîèçâîäèòñÿ â ñëåäóþùèõ ôîðìàõ: 1) òåêóùèé ðåôëåêñèâíûé ñàìîàíàëèç, êîíòðîëü è ñàìîîöåíêà ó÷àùèìèñÿ âûïîëíÿåìûõ çàäàíèé; 2) âçàèìîîöåíêà ó÷àùèìèñÿ ðàáîò äðóã äðóãà èëè ðàáîò, âûïîëíåííûõ â ãðóïïàõ; 3) ïóáëè÷íàÿ çàùèòà âûïîëíåííûõ ó÷àùèìèñÿ òâîð÷åñêèõ ðàáîò (èíäèâèäóàëüíûõ è ãðóïïîâûõ); 4) òåêóùàÿ äèàãíîñòèêà è îöåíêà ó÷èòåëåì äåÿòåëüíîñòè øêîëüíèêîâ; 5) èòîãîâàÿ îöåíêà äåÿòåëüíîñòè è îáðàçîâàòåëüíîé ïðîäóêöèè ó÷åíèêà â ñîîòâåòñòâèè ñ åãî èíäèâèäóàëüíîé îáðàçîâàòåëüíîé ïðîãðàììîé ïî êóðñó; 6) èòîãîâàÿ îöåíêà èíäèâèäóàëüíîé äåÿòåëüíîñòè ó÷àùèõñÿ ó÷èòåëåì, âûïîëíÿåìàÿ â ôîðìå îáðàçîâàòåëüíîé õàðàêòåðèñòèêè. Ïðåäìåòîì êîíòðîëÿ è îöåíêè ÿâëÿþòñÿ âíåøíèå îáðàçîâàòåëüíûå ïðîäóêòû ó÷åíèêîâ. Êà÷åñòâî ó÷åíè÷åñêîé ïðîäóêöèè îöåíèâàåòñÿ ñëåäóþùèìè ñïîñîáàìè: ïî êîëè÷åñòâó òâîð÷åñêèõ ýëåìåíòîâ â ñàéòå; ïî ñòåïåíè åãî îðèãèíàëüíîñòè; ïî îòíîñèòåëüíîé íîâèçíå ñàéòà äëÿ ó÷åíèêà èëè åãî îäíîêëàññíèêîâ; ïî åìêîñòè è ëàêîíè÷íîñòè ñîçäàííîãî ñàéòà, åãî èíòåðàêòèâíîñòè; ïî ïðàêòè÷åñêîé ïîëüçå ñàéòà è óäîáñòâó åãî èñïîëüçîâàíèÿ. Âûïîëíåííûå ó÷àùèìèñÿ ðàáîòû âêëþ÷àþòñÿ â èõ «ïîðòôåëü äîñòèæåíèé». Óðîâåíü ðàçâèòèÿ ó ó÷àùèõñÿ ëè÷íîñòíûõ êà÷åñòâ îïðåäåëÿåòñÿ íà îñíîâå ñðàâíåíèÿ ðåçóëüòàòîâ èõ äèàãíîñòèêè â íà÷àëå è êîíöå êóðñà. Ñ ïîìîùüþ ìåòîäèêè, âêëþ÷àþùåé íàáëþäåíèå, òåñòèðîâàíèå, àíàëèç îáðàçîâàòåëüíîé ïðîäóêöèè ó÷åíèêîâ, ó÷èòåëü îöåíèâàåò óðîâåíü ðàçâèòèÿ ëè÷íîñòíûõ êà÷åñòâ ó÷åíèêîâ ïî ïàðàìåòðàì, ñãðóïïèðîâàííûì â îïðåäåëåííûå áëîêè: òåõíè÷åñêèå êà÷åñòâà, äèçàéíåðñêèå, êîììóíèêàòèâíûå, êðåàòèâíûå, êîãíèòèâíûå, îðãäåÿòåëüíîñòíûå, ðåôëåêñèâíûå. Èòîãîâûé êîíòðîëü ïðîâîäèòñÿ â êîíöå âñåãî êóðñà. Îí ìîæåò èìåòü ôîðìó çà÷åòà îëèìïèàäû èëè çàùèòû òâîð÷åñêèõ ðàáîò. Äàííûé òèï êîíòðîëÿ ïðåäïîëàãàåò êîìïëåêñíóþ ïðîâåðêó îáðàçîâàòåëüíûõ ðåçóëüòàòîâ ïî âñåì çàÿâëåííûì öåëÿì è íàïðàâëåíèÿì êóðñà. Ôîðìîé èòîãîâîé îöåíêè êàæäîãî ó÷åíèêà âûñòóïàåò îáðàçîâàòåëüíàÿ õàðàêòåðèñòèêà, â êîòîðîé óêàçûâàåòñÿ óðîâåíü îñâîåíèÿ èì êàæäîé èç öåëåé êóðñà è êàæäîãî èç íàïðàâëåíèé èíäèâèäóàëüíîé ïðîãðàììû ó÷åíèêà ïî êóðñó. 56
ÏÐÈÌÅÐÍÎÅ ÒÅÌÀÒÈ×ÅÑÊÎÅ ÏËÀÍÈÐÎÂÀÍÈÅ
Ãëàâà I. Ìîÿ âåá-ñòðàíè÷êà (6 ÷). Ãëàâà II. Ãðàôèêà (4 ÷). Ãëàâà III. Ãèïåðòåêñòîâûé äîêóìåíò (6 ÷). Ãëàâà IV. Âèäû ñàéòîâ (4 ÷). Ãëàâà V. Îñíîâû HTML (8 ÷). Ãëàâà VI. Ðåäàêòîðû ñàéòîâ (8 ÷). Ãëàâà VII. Äîïîëíèòåëüíûå âîçìîæíîñòè ñîçäàíèÿ âåá-ñòðàíèö (6 ÷). Ãëàâà VIII. Îñíîâû âåá-äèçàéíà (8 ÷). Ãëàâà IX. Ðàçìåùåíèå, «ðàñêðóòêà» è ïîääåðæêà ñàéòà â ñåòè (4 ÷). Ãëàâà X. Ïðîåêòèðîâàíèå ñàéòà (4 ÷). Ãëàâà XI. Çà÷åòíàÿ ðàáîòà (10 ÷). Ãëàâà XII. Îëèìïèàäà ïî âåá-äèçàéíó (2 ÷).
Ñîäåðæàíèå êóðñà Ãëàâà I. Ìîÿ âåá-ñòðàíè÷êà (6 ÷)  ýòîé ãëàâå âû óçíàåòå, ÷òî òàêîå ãèïåðòåêñò, êàê ñîçäàþòñÿ âåáñòðàíèöû, ÷òî äåëàþò áðàóçåðû. Ïîçíàêîìèòåñü ñ íåêîòîðûìè òåãàìè êîìàíäàìè ÿçûêà HTML. Íàó÷èòåñü ìåíÿòü öâåò øðèôòà è ôîíà. Ñîçäàäèòå ñâîþ «âèçèòêó» â âèäå ïðîñòåéøåé âåá-ñòðàíèöû. Îñíîâíûå ïîíÿòèÿ: ãèïåðòåêñò, HTML, òåã, áðàóçåð, âåá-ñòðàíèöà, ðàçìåòêà, ñòðóêòóðà äîêóìåíòà, çàãîëîâîê, òåëî. Ñîäåðæàíèå ãëàâû: Ââåäåíèå Òåõíè÷åñêàÿ ÷àñòü Òåãè HTML Ñòðóêòóðà âåá-ñòðàíèöû Çàãîëîâîê äîêóìåíòà Òåëî äîêóìåíòà Àòðèáóòû òåãîâ Öâåò ôîíà Èçîáðàæåíèå êàê ôîí Öâåò òåêñòà Öâåòà Ðàçìåð è ôîðìà øðèôòà Òåãè ôîðìàòèðîâàíèÿ òåêñòà Âçàèìîäåéñòâèå òåãîâ Òåêñòîâûå áëîêè Çàãîëîâêè Àáçàöû Ïåðåâîä ñòðîêè Ðàçäåëèòåëüíàÿ ëèíèÿ 57
Çàêëþ÷èòåëüíûé ýêñïåðèìåíò Äîïîëíèòåëüíàÿ èíôîðìàöèÿ Îáîáùåíèå Òâîð÷åñêàÿ ðàáîòà. Òåìà «Ñàìîïðåçåíòàöèÿ» Ñàìîîöåíêà Ðåôëåêñèÿ Ãëàâà II. Ãðàôèêà (4 ÷)  ýòîé ãëàâå âû ïîçíàêîìèòåñü ñ ôîðìàòàìè ãðàôè÷åñêèõ ôàéëîâ, èõ äîñòîèíñòâàìè è íåäîñòàòêàìè, âîçìîæíîñòÿìè äëÿ ïðèìåíåíèÿ íà âåáñòðàíèöàõ. Óçíàåòå, êàê âñòàâëÿòü èçîáðàæåíèÿ â HTML-äîêóìåíò, óïðàâëÿòü èõ âèäèìûìè ðàçìåðàìè è ðàñïîëîæåíèåì íà ñòðàíèöå. Äîïîëíèòå ñâîþ âèçèòêó ãðàôè÷åñêèìè ýëåìåíòàìè. Îñíîâíûå ïîíÿòèÿ: ðàñòðîâûé ôîðìàò, âåêòîðíûé ôîðìàò, ìåòàôàéëû, ðàìêà èçîáðàæåíèÿ, âûðàâíèâàíèå, îáòåêàíèå. Ñîäåðæàíèå ãëàâû: Ðèñóíêè è ôîòîãðàôèè â ñåòè Èíòåðíåòà Ïàðàìåòðû ãðàôè÷åñêîãî ôàéëà Ôîðìàòû ãðàôè÷åñêèõ ôàéëîâ Ðàñòðîâûå ôîðìàòû JPEG GIF PNG Äîñòîèíñòâà ðàñòðîâîãî ôîðìàòà Íåäîñòàòêè Âåêòîðíûå ôîðìàòû Äîñòîèíñòâà Íåäîñòàòêè Ìåòàôàéëû Äîïîëíèòåëüíàÿ èíôîðìàöèÿ Ãðàôè÷åñêèå ðåäàêòîðû Êàê ñîçäàòü ãðàôè÷åñêèé ôàéë äëÿ âåá-ñòðàíèöû Ïðîçðà÷íàÿ ãðàôèêà Ñâÿçûâàíèå ãðàôè÷åñêîãî ôàéëà ñ HTML-äîêóìåíòîì Èçîáðàæåíèÿ â HTML-äîêóìåíòå Äîïîëíèòåëüíàÿ èíôîðìàöèÿ  ïîìîùü ÷èòàòåëÿì âåá-ñòðàíèö  ïîìîùü äèçàéíåðàì Îáîáùåíèå Òâîð÷åñêàÿ ðàáîòà. Òåìà «Ñäåëàé êðàñèâî!» Ñàìîîöåíêà Ðåôëåêñèÿ Ãëàâà III. Ãèïåðòåêñòîâûé äîêóìåíò (6 ÷)  ýòîé ãëàâå âû ïîçíàêîìèòåñü ñî ñïîñîáàìè îðãàíèçàöèè èíôîðìàöèè íà ñàéòå, óçíàåòå îá óñòàíîâëåíèè ãèïåðòåêñòîâûõ ñâÿçåé ìåæäó 58
äîêóìåíòàìè, íàó÷èòåñü ñîçäàâàòü òåêñòîâûå ãèïåðññûëêè è èçîáðàæåíèÿ-ññûëêè, ìåíÿòü èõ âèä. Ñîçäàäèòå ñîáñòâåííûé íåáîëüøîé ïðîåêò ñàéòà. Îñíîâíûå ïîíÿòèÿ: îðãàíèçàöèÿ èíôîðìàöèè, ãèïåðòåêñòîâûå ññûëêè, âíóòðåííèå ññûëêè, àêòèâíûå ññûëêè, ïîñåùåííûå ññûëêè, àáñîëþòíûå àäðåñà, îòíîñèòåëüíûå àäðåñà. Ñîäåðæàíèå ãëàâû: Ñïîñîáû îðãàíèçàöèè ãèïåðòåêñòîâûõ äîêóìåíòîâ Ðàçðàáîòêà ñöåíàðèÿ ãèïåðòåêñòîâîãî äîêóìåíòà, ñîñòîÿùåãî èç íåñêîëüêèõ ôàéëîâ Ãèïåðòåêñòîâûå ññûëêè Çà ïðåäåëàìè äîêóìåíòà Òåêñòîâûå ññûëêè Èçîáðàæåíèÿ-ññûëêè À ïåðâàÿ áóêâà àëôàâèòà. Ãëàâíûé òåã Èíòåðíåòà. Àáñîëþòíûå àäðåñà Îòíîñèòåëüíûå àäðåñà Õîòèòå æèòü îòäåëüíî? Âîéäèòå â íîâîå îêíî Âíóòðåííèå ññûëêè. Íå ãîâîðè áàáóøêå, ÷òî î÷êè äîìà, ñêàæè, ãäå îíè ëåæàò Êàê â ãîñòÿõ ñðàçó ïðîéòè ê ñòîëó? ×òîáû íàéòè èãîëêó â ñåíå, îíà äîëæíà áûòü çàìåòíîé. Çàäàíèå öâåòà ññûëîê íà âåá-ñòðàíèöå Íå êàê âñå. Çàäàíèå öâåòà îòäåëüíûõ ññûëîê Öâåò è íàëè÷èå ðàìîê ó èçîáðàæåíèé ññûëîê Æäèòå îòâåòà. Ññûëêà íà àäðåñ ýëåêòðîííîé ïî÷òû Îáîáùåíèå Òâîð÷åñêàÿ ðàáîòà. Òåìà «Âûïîëíåíèå è çàùèòà íåáîëüøîãî ïðîåêòà» (ñàéò «Ìîé êëàññ», «Íàø ôýí-êëóá» è ò.ï.) Ñàìîîöåíêà Ðåôëåêñèÿ Ãëàâà IV. Âèäû ñàéòîâ (4 ÷)  ýòîé ãëàâå âû ïîçíàêîìèòåñü ñ ðàçëè÷íûìè âèäàìè ñàéòîâ, ðàññìîòðèòå ñëó÷àè, êîãäà âûáèðàåòñÿ òîò èëè èíîé âèä ñàéòà. Óçíàåòå, êàê ïðèâëå÷ü âíèìàíèå ïîñåòèòåëåé, îïòèìàëüíî îðãàíèçîâàòü èíôîðìàöèþ, îáåñïå÷èòü èíòåðàêòèâíîå âçàèìîäåéñòâèå ñ ïîñåòèòåëÿìè. Ïîçíàêîìèòåñü ñ íåêîòîðûìè êðèòåðèÿìè îöåíêè ñàéòîâ. Îñíîâíûå ïîíÿòèÿ: âèäû ñàéòîâ, êðèòåðèè îöåíêè, äèçàéí, íàâèãàöèÿ, ýðãîíîìèêà, þçàáèëèòè, ñêîðîñòü çàãðóçêè, èíòåðàêòèâíîñòü, ÷àò, ôîðóì, ãîñòåâàÿ êíèãà. Ñîäåðæàíèå ãëàâû: Âèäû ñàéòîâ, èõ íàçíà÷åíèå Ñïîñîáû óïðàâëåíèÿ âíèìàíèåì ïîñåòèòåëåé Ñïîñîáû îðãàíèçàöèè èíôîðìàöèè 59
Ïîëíîòà èíôîðìàöèè è åå îáíîâëåíèå Ãðàôè÷åñêèé è òåõíè÷åñêèé äèçàéí Íàâèãàöèÿ Ñêîðîñòü çàãðóçêè ñòðàíèö è îïðåäåëÿþùèå ôàêòîðû Èíòåðàêòèâíîñòü ñàéòà Èíòåðíåò-òåõíîëîãèè Èññëåäîâàíèå äåéñòâóþùèõ ñàéòîâ Êðèòåðèè îöåíêè ñàéòîâ Îáîáùåíèå Òâîð÷åñêàÿ ðàáîòà Ñàìîîöåíêà Ðåôëåêñèÿ Ãëàâà V. Îñíîâû HTML (8 ÷)  ýòîé ãëàâå âû íàó÷èòåñü ðàñïîëàãàòü èíôîðìàöèþ â íåîáõîäèìîì ìåñòå íà âåá-ñòðàíèöå; äåëèòü ýêðàí íà îòäåëüíûå îêíà ñ ñàìîñòîÿòåëüíîé èíôîðìàöèåé è âîçìîæíîñòüþ óïðàâëåíèÿ èõ ñîäåðæàíèåì; ñîçäàâàòü ðàçëè÷íûå èíòåðàêòèâíûå ýëåìåíòû è ïîëó÷àòü ñîîáùåíèå, êàê ñ íèìè ðàáîòàë ïîëüçîâàòåëü; äàâàòü óêàçàíèÿ ïîèñêîâûì ñèñòåìàì î ñàìîì âàæíîì íà âàøèõ âåá-ñòðàíèöàõ. Âûïîëíèòå ðÿä èíäèâèäóàëüíûõ òâîð÷åñêèõ ðàáîò ïî ðàçðàáîòêå ýëåìåíòîâ ñàéòà. Îáåñïå÷èòå èíòåðàêòèâíîå âçàèìîäåéñòâèå ñ ïîñåòèòåëÿìè âåá-ñòðàíèö. Îñíîâíûå ïîíÿòèÿ: ñïèñêè, òàáëèöû, ôðåéìû, ôîðìû, ìåòàòåãè, èíòåðàêòèâíîñòü. Ñîäåðæàíèå ãëàâû: Òàáëèöû «Ñòàðûå ïåñíè î ãëàâíîì» Ëèøíèå ÿ÷åéêè. Ïóñòûå ÿ÷åéêè Îáúåäèíåíèå ÿ÷ååê. Ñîãëàñóé ñ ñîñåäÿìè Ðàçäåëåíèå ÿ÷åéêè. Îïÿòü ñîãëàñîâûâàòü À ñòîèò ëè äåëèòü? Âëîæåííûå òàáëèöû Öâåòà ôîíà. Òàáëèöà ìîæåò áûòü ðàäóãîé Äëÿ ðàäóãè öâåòíóþ êëåòêó! Ïîëÿ.  òåñíîòå, äà íå â îáèäå Æèçíü ñ òàáëèöàìè Ôðåéìû Ôîðìû Ìåòàòåãè Îáîáùåíèå Òâîð÷åñêàÿ ðàáîòà. Òåìà «Âûïîëíåíèå è çàùèòà íåáîëüøîãî ïðîåêòà» Ñàìîîöåíêà Ðåôëåêñèÿ Ãëàâà VI. Ðåäàêòîðû ñàéòîâ (8 ÷) Èçó÷èâ ýòó ãëàâó, âû óçíàåòå, çà÷åì íåîáõîäèìî ïðèëîæåíèå Dreamweaver è äðóãèå ðåäàêòîðû ñàéòîâ; êàêîâû âîçìîæíîñòè 60
Dreamweaver ïðè ñîçäàíèè è ðåäàêòèðîâàíèè ñàéòîâ â îòëè÷èå îò ðåäàêòîðîâ HTML-êîäîâ; êàê íàñòðîèòü ïàðàìåòðû Dreamweaver; êàê ñîçäàâàòü ñ åãî ïîìîùüþ ðàçëè÷íûå èíôîðìàöèîííûå ðåñóðñû è ñâÿçûâàòü èõ äðóã ñ äðóãîì è ñ âíåøíèìè ðåñóðñàìè. Îñíîâíûå ïîíÿòèÿ: ðåäàêòîð âåá-ñòðàíèö, àêòèâíûå ýëåìåíòû, äèíàìè÷åñêèé ÿçûê, ñöåíàðèé, áàííåð, ñåðâåð, àäìèíèñòðèðîâàíèå. Ñîäåðæàíèå ãëàâû: Ñîçäàíèå íîâîãî ñàéòà Ñîçäàíèå íîâûõ ôàéëîâ è ïàïîê Íàñòðîéêà õàðàêòåðèñòèê âåá-ñòðàíèöû Ôîí Òåêñò Èçîáðàæåíèÿ Ãèïåðññûëêè Íàñòðîéêà ïðåäïî÷òåíèé äëÿ ðåäàêòèðîâàíèÿ ñàéòà Èñïîëüçîâàíèå òàáëèö Èñïîëüçîâàíèå ñëîåâ Èñïîëüçîâàíèå ôðåéìîâ Èñïîëüçîâàíèå ôóíêöèè Rollover Ïàíåëü íàâèãàöèè Äîñòóï ê HTML-êîäó âåá-ñòðàíèöû Îáîáùåíèå Òâîð÷åñêàÿ ðàáîòà. Òåìà «Âûïîëíåíèå è çàùèòà ïðîåêòà» Ñàìîîöåíêà Ðåôëåêñèÿ Ãëàâà VII. Äîïîëíèòåëüíûå âîçìîæíîñòè ñîçäàíèÿ âåá-ñòðàíèö (6 ÷)  ýòîé ãëàâå âû óçíàåòå, êàê áûñòðî è ýôôåêòèâíî èçìåíÿòü âèä ñðàçó âñåõ âåá-ñòðàíèö ñàéòà, îôîðìëÿòü èõ â îäíîì ñòèëå. Ïîçíàêîìèòåñü ñ îñíîâàìè ñîçäàíèÿ êàñêàäíûõ òàáëèö ñòèëåé CSS. Ñäåëàåòå ïðîñòóþ Flash-àíèìàöèþ. Íàó÷èòåñü ñîçäàâàòü äèíàìè÷åñêèå è èíòåðàêòèâíûå âåá-ñòðàíèöû. Îñíîâíûå ïîíÿòèÿ: êàñêàäíûå òàáëèöû ñòèëåé, CSS, ñåëåêòîð, Flash, ñèìâîë, êëèï, êíîïêà, àíèìàöèÿ äâèæåíèÿ, àíèìàöèÿ ôîðìû, Dynamic HTML, èíòåðàêòèâíîñòü, ñöåíàðèè, ñòàòè÷åñêèå è äèíàìè÷åñêèå ñòðàíèöû, àêòèâíûå ýëåìåíòû. Ñîäåðæàíèå ãëàâû: Íàçíà÷åíèå CSS Êàñêàäíûå òàáëèöû ñòèëåé Îñíîâû CSS Öâåò â CSS Ðàçìåð â CSS Êîììåíòàðèè Ñîçäàíèå òàáëèöû ñòèëåé Ñèíòàêñèñ 61
Íàñëåäîâàíèå Êîíòåêñòíûå ñåëåêòîðû Øðèôò è òåêñò áëèçíåöû áðàòüÿ Ôîí. Ïîìîãè Òîìó Ñîéåðó ïîêðàñèòü çàáîð Ïðèìåíåíèå òàáëèö ñòèëåé ê ÷àñòè ñòðàíèöû Êëàññû ýòî êëàññíî! Ïîäêëàññû. Ìîæåò áûòü, êîìó-òî ýòî íóæíî Ñâîé ëè÷íûé òåã? Âåá-ìàñòåð íå âîëøåáíèê, íî êîå-÷òî ìîæåò Ñòðîêîâûé ýëåìåíò <span> Áëî÷íûé ýëåìåíò
Ñâîéñòâà áëîêîâ Ãðàíèöà (border) Îáòåêàíèå áëîêà òåêñòà Ïîçèöèîíèðîâàíèå. Êàê ïîïàñòü òóäà, íå çíàþ êóäà Èçáðàííûå ñòðàíèöû. Ñòèëü ïåðñîíàëüíûé Ïðèìåíåíèå ñòèëÿ äëÿ òåãà. Øòó÷íàÿ ðàáîòà Âçàèìîäåéñòâèå ñòèëåé. Êòî íà íîâåíüêîãî? Êàñêàäíîñòü ñòèëåé è ïðèîðèòåòû. ×åì áîëüøå âëèÿíèå, òåì ìåíüøå çíà÷èìîñòü âñå íå êàê â æèçíè Ýòî èíòåðåñíî! Ññûëêè ìîãóò áûòü óêðàøåíèåì ID-êëaccû Îáîáùåíèå Òðè ñïîñîáà çàäàíèÿ ñòèëÿ Ïðèîðèòåòû Flash Îñíîâíûå ïîíÿòèÿ Òèïû ñèìâîëîâ Àíèìàöèÿ äâèæåíèÿ Àíèìàöèÿ ôîðìû Êíîïêè Äèíàìè÷åñêèé HTML Ðàáîòà ñî ñëîÿìè Ïðèìåðû èñïîëüçîâàíèÿ DHTML Òâîð÷åñêàÿ ðàáîòà. Òåìà «Òåõíè÷åñêèé ïðîåêò» Ñàìîîöåíêà Ðåôëåêñèÿ Ãëàâà VIII. Îñíîâû âåá-äèçàéíà (8 ÷)  äàííîé ãëàâå âû óâèäèòå, ÷òî ïðîåêòèðîâàíèå ñîäåðæèìîãî ñàéòà îäèí èç ñàìûõ îòâåòñòâåííûõ ìîìåíòîâ ïðè ñîçäàíèè ëþáîãî âåá-ðåñóðñà. Ïîñåòèòåëåé ïðèâëåêàåò â ïåðâóþ î÷åðåäü àêòóàëüíàÿ äëÿ íèõ èíôîðìàöèÿ, çàñòàâëÿþùàÿ èõ âíîâü è âíîâü âîçâðàùàòüñÿ íà ñàéò. Äèçàéí ëèøü ïîä÷åðêèâàåò ñîäåðæàíèå ñàéòà, îáëåã÷àåò åãî âîñïðèÿòèå, ïîìîãà62
åò îðèåíòèðîâàòüñÿ â íåì. Çäåñü æå âû ïîçíàêîìèòåñü, êàê ñ ïîìîùüþ âåáäèçàéíà äîñòèãíóòü ýòèõ öåëåé, ñîçäàäèòå ñàìè ðÿä ýëåìåíòîâ äèçàéíà. Îñíîâíûå ïîíÿòèÿ: äèçàéí, âåêòîðíàÿ è ðàñòðîâàÿ ãðàôèêà, ãðàôè÷åñêèé ðåäàêòîð, èíñòðóìåíòû, ôèëüòðû, ãðàôè÷åñêèå ïðèìèòèâû, ïàëèòðà öâåòîâ, ôîðìàò ãðàôè÷åñêîãî ôàéëà, çàãîëîâêè, òåêñò, ðàçäåëû, ññûëêè, òåðìèíû, ýôôåêòèâíîñòü ðåêëàìû. Ñîäåðæàíèå ãëàâû: Ëîãîòèï Ôèðìåííûé ñòèëü Öâåòîâàÿ ãàììà Ìàêåò äèçàéíà Âåðñòêà è îïòèìèçàöèÿ âåá-ñòðàíèö Èíôîðìàöèîííîå íàïîëíåíèå ñàéòà (êîíòåíò) Çàãîëîâêè Òåêñò Ïðèâëå÷åíèå âíèìàíèÿ Ñîîòâåòñòâèå ñîäåðæàíèþ Òåðìèíû Êîíêðåòíîñòü Ïðîñòîòà Êðàòêîñòü Ëîãè÷íîñòü èçëîæåíèÿ Îðôîãðàôèÿ Ðàñïîëîæåíèå ýëåìåíòîâ íà ñàéòå Ãðàôè÷åñêèå ýëåìåíòû Àíèìàöèÿ Áàííåðû Íàâèãàöèÿ Îáîáùåíèå Òâîð÷åñêàÿ ðàáîòà Âûïîëíåíèå è çàùèòà òâîð÷åñêèõ ðàáîò íà âûáðàííûå òåìû (ëîãîòèï, áàííåð, ôèðìåííûé ñòèëü, ìàêåò äèçàéíà è äð.) Ñàìîîöåíêà Ðåôëåêñèÿ Ãëàâà IX. Ðàçìåùåíèå, «ðàñêðóòêà» è ïîääåðæêà ñàéòà â ñåòè (4 ÷)  ýòîé ãëàâå âû íàó÷èòåñü ðàçìåùàòü ïîäãîòîâëåííûå âàìè ñàéòû â ñåòè Èíòåðíåòà. Îöåíèâàòü ïðåäëàãàåìûå ïðîâàéäåðàìè óñëîâèÿ ðàçìåùåíèÿ è âûáèðàòü îïòèìàëüíûå. Çàãðóæàòü íà ñåðâåð ñâîè ôàéëû ðàçíûìè ñïîñîáàìè è òåñòèðîâàòü âåá-ñòðàíèöû. Íàó÷èòåñü äåëàòü ñâîé ñàéò çàìåòíûì ñðåäè ìíîãèõ. Îñíîâíûå ïîíÿòèÿ: Èíòåðíåò, IÐ-àäðåñ, äîìåí, ïðîâàéäåð, õîñòèíã, òðàôèê, äîñòóï ïî êîììóòèðóåìûì êàíàëàì, âûäåëåííàÿ ëèíèÿ, ìîäåì, ñêîðîñòü ïåðåäà÷è èíôîðìàöèè, àäìèíèñòðèðîâàíèå ñàéòà, ïðîòîêîëû FTP, ÒÑÐ/IÐ, HTTP, ðåëåâàíòíîñòü çàïðîñîâ, ñêîðîñòü çàãðóçêè, êðèòè÷63
íîñòü ðàçìåðîâ ôàéëîâ èçîáðàæåíèé è âåá-ñòðàíèö, ýëåêòðîííàÿ ïî÷òà, ðåêëàìà, ñïàì, ñòàòèñòèêà, ïîñåùàåìîñòü ñòðàíèö ñàéòà, ñ÷åò÷èê, ïîèñêîâûå ñèñòåìû, ïîèñêîâûå ðîáîòû, ðåéòèíã ðåñóðñà, áàííåð, ìåòàòåãè, êëþ÷åâûå ñëîâà, ñîäåðæàíèå, çàãîëîâêè ñòðàíèö, ýôôåêòû äèçàéíà, èíòåðàêòèâíîñòü, áàííåðíûé îáìåí, îáìåí ñòðàíèöàìè. Ñîäåðæàíèå ãëàâû: Õîñòèíã Ðàçìåùåíèå ñàéòà ó ïðîâàéäåðà FTP ïåðåäà÷à ôàéëîâ Òåñòèðîâàíèå ñàéòà Óäîáñòâî íàâèãàöèè Öåëîñòíîñòü äàííûõ Êîððåêòíîñòü ññûëîê Îðôîãðàôèÿ Ãðàôèêà Ñêîðîñòü çàãðóçêè Äðóãèå âîçìîæíîñòè Ðåãèñòðàöèÿ ñàéòà â ïîèñêîâûõ ñèñòåìàõ Îáìåí ññûëêàìè Áàííåðíàÿ ðåêëàìà Ïðèíöèïû è òåõíîëîãèè îáíîâëåíèÿ ñàéòà Àâòîìàòè÷åñêèå ñèñòåìû îáíîâëåíèÿ ñàéòà Îáîáùåíèå Òâîð÷åñêàÿ ðàáîòà Ñàìîîöåíêà Ðåôëåêñèÿ Ãëàâà Õ. Ïðîåêòèðîâàíèå ñàéòà (4 ÷)  ýòîé ãëàâå âû óçíàåòå, ÷òî åñëè ïðîñòî ñðàçó ñäåëàòü ñàéò, òî âðÿä ëè îí áóäåò èíòåðåñåí áîëüøèíñòâó ïîñåòèòåëåé. ×òîáû âàø ñàéò óäîâëåòâîðÿë îáùåïðèíÿòûì êðèòåðèÿì, âû íàó÷èòåñü ðàçðàáàòûâàòü êîíöåïöèþ, öåëè è ñòðóêòóðó ñàéòà, ïðîäóìûâàòü åãî âíóòðåííèå è âíåøíèå ñâÿçè, íàçíà÷åíèå êàæäîé ñòðàíèöû è ýëåìåíòà íà íåé. Ýòè çàäà÷è íåîáõîäèìî ðåøèòü ïðåæäå, ÷åì ïðèñòóïèòü ê ïîñòðîåíèþ ñàìîãî ñàéòà. Îñíîâíûå ïîíÿòèÿ: êîíöåïöèÿ ñàéòà, öåëè ñàéòà, ñòðóêòóðà ñàéòà, ïîëüçîâàòåëè, íàâèãàöèÿ. Ñîäåðæàíèå ãëàâû: Êîíöåïòóàëüíîå ïðîåêòèðîâàíèå Îñíîâíûå è âòîðîñòåïåííûå öåëè Äåéñòâèÿ, êîòîðûå íåîáõîäèìî ïðåäïðèíÿòü äëÿ äîñòèæåíèÿ ïîñòàâëåííûõ öåëåé Ñîñòàâ ïîëüçîâàòåëåé Èíòåðåñû ãðóïï ïîëüçîâàòåëåé Ðàçäåëû ñàéòà Êðèòåðèè äîñòèæåíèÿ öåëè 64
Ëîãè÷åñêîå ïðîåêòèðîâàíèå Òèï ñòðóêòóðû ñàéòà (ëèíåéíàÿ, èåðàðõè÷åñêàÿ, êîíòåêñòíàÿ, äðóãàÿ) Íàçâàíèÿ ðàçäåëîâ ×òî áóäåò ñîäåðæàòü â ñåáå êàæäûé ðàçäåë Îðãàíèçàöèÿ è ñâÿçü ðàçäåëîâ ìåæäó ñîáîé Êàêàÿ èíôîðìàöèÿ áóäåò ðàçìåùåíà íà îïðåäåëåííûõ ñòðàíèöàõ ñàéòà Ôèçè÷åñêîå ïðîåêòèðîâàíèå Òåõíîëîãèè, êîòîðûå áóäóò ïðèìåíÿòüñÿ íà ñàéòå Èñïîëüçóåìîå ïðîãðàììíîå îáåñïå÷åíèå Âîçìîæíûå ïðîáëåìû è ñïîñîáû èõ óñòðàíåíèÿ Êàê áóäåò îáíîâëÿòüñÿ èíôîðìàöèÿ Îáîáùåíèå Òâîð÷åñêàÿ ðàáîòà Ñàìîîöåíêà Ðåôëåêñèÿ Ãëàâà XI. Çà÷åòíàÿ ðàáîòà (10 ÷) Ïðèøëî âðåìÿ âûïîëíåíèÿ âàøåãî èòîãîâîãî ïðîåêòà. Âû óæå èìååòå îïûò ñîçäàíèÿ ðàçëè÷íûõ ýëåìåíòîâ ñàéòà. Òåïåðü âñå âàøè çíàíèÿ è óìåíèÿ è ïðåäûäóùèå ðàçðàáîòêè íåîáõîäèìî ïðèìåíèòü äëÿ ñîçäàíèÿ êîìïëåêñíîãî ïðîåêòà âåá-ñàéòà íà âûáðàííóþ âàìè òåìó. Ñàéò ðàçðàáàòûâàåòñÿ â ãðóïïå èëè èíäèâèäóàëüíî.  ëþáîì ñëó÷àå îò âàñ ïîòðåáóåòñÿ ñïðîåêòèðîâàòü, èçãîòîâèòü è ðàçìåñòèòü ñâîé ñàéò â ñåòè. Âûïîëíåííûé ïðîåêò âàì íåîáõîäèìî çàùèòèòü ïåðåä ñâîèìè îäíîêëàññíèêàìè è ó÷èòåëåì. Âîçìîæíà è äèñòàíöèîííàÿ ôîðìà çàùèòû ñ ïðèâëå÷åíèåì óäàëåííûõ ñïåöèàëèñòîâ. Îñíîâíûå ïîíÿòèÿ: òåìà è ñòðóêòóðà âåá-ñàéòà, ïðîåêòèðîâàíèå, èçãîòîâëåíèå, ðàçìåùåíèå, òåñòèðîâàíèå ñàéòà, ýêñïåðòíàÿ îöåíêà. Ñîäåðæàíèå ãëàâû: Âûáîð òåìû òâîð÷åñêîãî ïðîåêòà ñàéòà Òåõíè÷åñêîå çàäàíèå Ðàñïðåäåëåíèå ðàáîòû ìåæäó ðàçíûìè ñïåöèàëèñòàìè (çàêàç÷èê, àðòäèðåêòîð, âåá-ìàñòåð, êîäåð, ïðîãðàììèñò, âåðñòàëüùèê, ìåíåäæåð), èõ ôóíêöèè â îáùåì ïðîåêòå Îñîáåííîñòè êîëëåêòèâíîé (ãðóïïîâîé) äåÿòåëüíîñòè ðàçðàáîò÷èêîâ ñàéòà Ïðîåêòèðîâàíèå, ñîçäàíèå è ðàçìåùåíèå ñàéòà â ñåòè Àêò ñäà÷è-ïðèåìêè ðàáîòû Çàùèòà âûïîëíåííûõ ïðîåêòîâ Ñàìîîöåíêà è îöåíêà. Ðåôëåêñèÿ Ãëàâà XII. Îëèìïèàäà ïî âåá-äèçàéíó (2 ÷) Îëèìïèàäà ïî êîìïüþòåðíîé ãðàôèêå è âåá-äèçàéíó õîðîøèé ñïîñîá ïðîÿâèòü õóäîæåñòâåííûå, ãðàôè÷åñêèå è òåõíè÷åñêèå ñïîñîáíî65
ñòè. Äàííàÿ îëèìïèàäà ìåæïðåäìåòíàÿ è ìîæåò ïðîâîäèòüñÿ â ðàìêàõ íåñêîëüêèõ ó÷åáíûõ ïðåäìåòîâ: èçî, æèâîïèñü, õóäîæåñòâåííîå òâîð÷åñòâî, äåêîðàòèâíî-ïðèêëàäíîå èñêóññòâî, ÌÕÊ, äèçàéí, èíôîðìàòèêà. Îñíîâíûå ïîíÿòèÿ: ëîãîòèï, ôèðìåííûé ñòèëü, áàííåð, ìàêåò, ãðàôèêà, äèçàéí. Ñîäåðæàíèå ãëàâû: Îëèìïèàäíûå çàäàíèÿ: 1. Ðàçðàáîòàéòå ìàêåò ñâîåé «âåá-âèçèòêè». Íàéäèòå íåîáõîäèìûå ñëîãàíû è èõ ãðàôè÷åñêîå ñîïðîâîæäåíèå. 2. Ðàçðàáîòàéòå ìàêåò ëîãîòèïà ñâîåé øêîëû (êëàññà) â ôîðìàòå jpg èëè gif. è ïðåäñòàâüòå åãî â öâåòíîì è ÷åðíî-áåëîì âàðèàíòàõ. 3. Èçãîòîâüòå äâà áàííåðà ðàçìåðîì 120õ60 àíèìèðîâàííûé è ñòàòè÷íûé. Öåëü áàííåðîâ âîçäåéñòâîâàòü íà ýìîöèîíàëüíóþ ñôåðó ïîòåíöèàëüíîãî çðèòåëÿ. 4. Ïðèäóìàéòå ãðàôè÷åñêóþ èëëþñòðàöèþ äëÿ ðàçäåëà þìîðèñòè÷åñêîãî ñàéòà. Èëëþñòðàöèÿ íåîáõîäèìà ñìåøíàÿ, çàíèìàòåëüíàÿ, îðèãèíàëüíàÿ. Ðàçìåð èëëþñòðàöèè 130õ190 ïèêñåëåé. Ôîðìàò ôàéëà jpg èëè gif. 5. Ðàçðàáîòàéòå òèòóëüíóþ âåá-ñòðàíèöó íà îäíó èç òåì: «Íàø êëàññ», «Íàøà øêîëà», «Ìû ôàíàòû!», «Èíòåðíåò-ãàçåòà», «Âåá-êëóá», «Ïóíêò ïðîäàæè ìîáèëüíûõ òåëåôîíîâ», «Ìàãàçèí öâåòîâ», «Ñëóæáà çíàêîìñòâ».
Ôðàãìåíò ïîñîáèÿ äëÿ ó÷åíèêîâ (èç ãëàâû 7 «Äîïîëíèòåëüíûå âîçìîæíîñòè ñîçäàíèÿ âåá-ñòðàíèö») Фон. Помоги Тому Сойеру покрасить забор Как писать надписи на Интернет заборах (веб страницах), вы уже научились. Какому либо тегу присваиваете значение атрибута COLOR в виде названия цвета или RGB-êîäà. И тег применяете к тексту. При изучении HTML-языка вы также научились задавать цвет фона и фоновое изображение. Рассмотрим, какие возможности для этого дают таблицы стилей. Параметрами фона можно управлять только для конкретного блоч ного элемента разметки. Таким элементом могут быть вся страница, таб лица, абзац, заголовок и др. Например, если мы зададим стиль:
h4
{
background-color:black;color:white;}
то все заголовки четвертого уровня будут отображаться белым цветом на черном фоне. Кроме цвета фона и его прозрачности, теперь можно управлять фоновой картинкой (координатами ее размещения и способами повто рения). 66
Для работы с фоновым изображением существует несколько атри бутов: background-image задает адрес изображения для фона; background-repeat определяет, как будут дублироваться изоб ражения на экране; имеет значения: repeat изображение дублируется по обоим направлениям; repeat-x изображение дублируется только по горизонтали; repeat-y изображение дублируется только по вертикали; no-repeat выводится одно изображение с его истинны ми размерами; background-attachment задает поведение фона, он либо фиксируется(fixed), либо прокручивается(scroll) вместе с картин кой. При помощи этого свойства можно создать неплохой эф фект; background-position определяет положение исходной картинки на экране. Значениями могут быть команды LEFT, RIGHT, CENTER, координаты в пикселах или пунктах, а также в процен тах. Можно указывать обе координаты, одну или ни одной. Отсут ствующая координата заменится значением по умолчанию, обыч но центрированием. Для краткости все свойства фона можно описать в общем атрибуте background:
background: position
transparent|color
url
repeat
scroll
Примеры:
p { background: gray http://www.eidos.ru/logo.gif no-repeat fixed 50% 30px; } body { url(«fon.gif»); background-repeat:repeat-x; background-attachment:fixed;} Какое богатство возможностей при использовании всего одного изображения для фона! Однако при всем изобилии возможностей зло употреблять ими не стоит. Задание. При изучении главы 2 вы создавали логотип и помещали его на веб страницу в файле vizitka-family.htm. Измените страницу. Сделайте логотип фоновым изображением, зафиксированным в одном из верхних углов. Дуб лирование и прокрутку этого изображения отключите.
Ïåðñïåêòèâû äëÿ âûïóñêíèêà êóðñà Äëÿ ó÷åíèêîâ ïðîôèëüíîé øêîëû, âûáèðàþùèõ òîò èëè èíîé ýëåêòèâíûé êóðñ, íåìàëîâàæíà êîíêðåòíàÿ ïîëüçà, ïðàêòè÷åñêàÿ âûãîäà äàííîãî êóðñà. Ïîýòîìó çàäà÷à ó÷èòåëÿ, ïðåçåíòóþùåãî äàííûé êóðñ, ðàñêðûòü ó÷åíèêàì ïåðñïåêòèâíûå ìîìåíòû äàííîãî êóðñà. 67
Ó÷åíèê, îêîí÷èâøèé êóðñ «Òåõíîëîãèÿ ñîçäàíèÿ ñàéòîâ» ñìîæåò â áóäóùåì: ó÷àñòâîâàòü â ðîññèéñêèõ è ìåæäóíàðîäíûõ îëèìïèàäàõ, êîíêóðñàõ è òåëåêîììóíèêàöèîííûõ ïðîåêòàõ, ãäå ðåçóëüòàòû îáû÷íî ïðåäñòàâëÿþòñÿ â âèäå âåá-ñòðàíèö; íåîãðàíè÷åííî ïóáëèêîâàòü â ñåòè Èíòåðíåòà ñâîè òâîð÷åñêèå ðàáîòû, ïîëó÷àÿ îòêëèêè ñàìîé øèðîêîé àóäèòîðèè; ñîçäàâàòü ñîâðåìåííûå ñàéòû ïî òðåáóåìîé òåìàòèêå äëÿ ñåáÿ, äëÿ ðîäíûõ, çíàêîìûõ, íà çàêàç; èçãîòàâëèâàòü ñàéòû íà êîììåð÷åñêèõ óñëîâèÿõ; ïðèîáðåñòè ñîâðåìåííóþ, ïðåñòèæíóþ è âûñîêîîïëà÷èâàåìóþ ïðîôåññèþ; íàéòè äèñòàíöèîííóþ ðàáîòó â ëþáîì ðåãèîíå ñòðàíû è ìèðà; óñòàíîâèòü äðóæåñêèå è äåëîâûå ñâÿçè ïî âñåìó ìèðó; âûãîäíî ïðåäñòàâèòü ñåáÿ, ñâîè âîçìîæíîñòè, óâëå÷åíèÿ âñåìó ìèðó; çàâîåâàòü óâàæåíèå êîëëåã è ðóêîâîäñòâà îðãàíèçàöèè, â êîòîðîé áóäåò ðàáîòàòü, îêàçûâàÿ ïîìîùü ïî ïðåäñòàâèòåëüñòâó îðãàíèçàöèè â Èíòåðíåòå, ïî ðåêëàìå åå ïðîäóêöèè è ïî íàëàæèâàíèþ äåëîâûõ êîíòàêòîâ ñ ïàðòíåðàìè.
Ìíåíèÿ ó÷àùèõñÿ î êóðñå «ß äàæå íå äóìàë, ÷òî ìîãó âûëîæèòüñÿ íàñòîëüêî. ß çàíèìàëñÿ, à òî÷íåå ñêàçàòü ó÷èëñÿ âåá-äèçàéíó. Ìîè ðîäèòåëè áûëè äîâîëüíû, ÷òî ÿ ñòàë èçó÷àòü õîòü ÷òî-òî (äî ýòîãî íà êîìïüþòåðå òîëüêî èãðàë è áåç êîíöà ùåëêàë ïî ìûøêå). ß èçó÷èë ìíîãî êíèã ïî âåá-äèçàéíó, êîìïüþòåðíîé ãðàôèêå, ïðîãðàììèðîâàíèþ. È âîò, íàêîíåö, åñòü âîçìîæíîñòü ïîêàçàòü óæå âñåì, íà ÷òî òû ñïîñîáåí. ß â êîìàíäå âûïîëíÿë ðîëü Java-ïðîãðàììèñòà â îòíîøåíèè âñåãî ñàéòà, à òàêæå HTML-ïðîãðàììèñòà è äèçàéíåðà ãëàâíîé è íîâîñòíîé ñòðàíèöû. Ïðè ðàáîòå ÿ èñïîëüçîâàë Macromedia Dreamweaver MX, Adobe Photoshop 7 è åùå ðÿä ìåëêèõ ïðîãðàìì, êîòîðûå òîæå ìíå ïîìîãëè â ðàçðàáîòêå ñàéòà». Äàíèëîâ ßðîñëàâ, 11 Á êëàññ, Ëèöåé ¹ 1, ã. Íåôòåêàìñê. «Âñå ÷ëåíû êîìàíäû åäèíîãëàñíî âûáðàëè òåìó ñàéòà î ñîòîâûõ òåëåôîíàõ. Ìû ðàñïðåäåëèëè äîëæíîñòè, çàíèìàåìûå êàæäûì ÷ëåíîì êîìàíäû. Èõ îêàçàëîñü ÷åòûðå: Ïðîãðàììèñò, Àðò-äèðåêòîð, Æóðíàëèñò, Òåêñòîâûé ðåäàêòîð. Ïðàâäà, ãðàíèöû äåÿòåëüíîñòè îêàçàëèñü óñëîâíûìè. Ïàðàäîêñ çàêëþ÷àëñÿ â òîì, ÷òî ñàìûì ëåãêèì îêàçàëîñü ðàáîòàòü â êîìàíäå, íî è ñàìûì ñëîæíûì îêàçàëîñü ðàáîòàòü â êîìàíäå. Ñ îäíîé ñòîðîíû îäèí ÷ëåí êîìàíäû âûïîëíÿåò ïåðâóþ ÷àñòü çàäàíèÿ, äðóãîé âòîðóþ. Ñ äðóãîé ñòîðîíû ñêîëüêî ëþäåé, ñòîëüêî è ìíåíèé. Áûëî íåëåãêî íàéòè îïòèìàëüíûé, ïîèñòèíå âåðíûé âàðèàíò. Ãîâîðÿ î áóäóùåì, íåëüçÿ íå îòìåòèòü òîò íåîöåíèìûé îïûò, êîòîðûé ìû ïîëó÷èëè, 68
ðàáîòàÿ âìåñòå. Óâåðåí, îí íàì ïðèãîäèòñÿ». Áî÷êîâ Ìèõàèë, 10 Â, Ãèìíàçèÿ ¹ 39, ã. Òîëüÿòòè. «Ìû ðåøèëè âûáðàòü òåìîé íàøåãî ñàéòà Åðãèíà Þðèÿ Âèêòîðîâè÷à, òàê êàê òàêèå âåëèêèå ëþäè, êàê Þðèé Âèêòîðîâè÷, äîëæíû áûòü èçâåñòíû ìèðó. Ýòî ñàìûé ëó÷øèé, óìíûé è óâàæàåìûé ôèçèê íàøåãî ãîðîäà. Ìîÿ ðàáîòà çàêëþ÷àëàñü â ñáîðå èíôîðìàöèè äëÿ ñàéòà. Íåëåãêî áûëî «ïîéìàòü» ñòîëü èçâåñòíîãî ÷åëîâåêà! Íî íàêîíåö-òî îí óäåëèë ìíå íåñêîëüêî ñâîèõ äðàãîöåííûõ ìèíóò äëÿ òîãî, ÷òîáû ðàññêàçàòü î ñåáå. ß äàæå íå ïîäîçðåâàëà, ÷òî ó ýòîãî ÷åëîâåêà ñòîëü óâëåêàòåëüíàÿ ñóäüáà. Ïîñëå âñòðå÷è ñ Åðãèíûì íåñêîëüêî ÷àñîâ ÿ ïîñâÿòèëà êëàññèôèêàöèè èíôîðìàöèè, ïîëó÷èëîñü ïÿòü ðàçäåëîâ: áèîãðàôèÿ, ïóáëèêàöèè, óâëå÷åíèÿ, ó÷åíèêè è ñîâåòû. Åùå íåêîòîðîå âðåìÿ óøëî íà îôîðìëåíèå: ïå÷àòü è íà õóäîæåñòâåííîå ðåäàêòèðîâàíèå. ß äóìàþ, ÷òî ëó÷øå âñåãî ó ìåíÿ ïîëó÷èëàñü õóäîæåñòâåííàÿ îáðàáîòêà èíôîðìàöèè». Æèáóðäà Îëåñÿ, 11 Á êëàññ, ãèìíàçèÿ 111, ã. Óôà. «Ðàáîòó ÿ âûïîëíÿë ñàìîñòîÿòåëüíî. Ñíà÷àëà ïîäáèðàë ðàçíûå âàðèàíòû ñòðàíèö â ãîëîâå, çàòåì ðåàëèçîâûâàë èõ çà êîìïüþòåðîì. Ïîëüçîâàëñÿ «Áëîêíîòîì» è íåêîòîðûìè html-ðåäàêòîðàìè. Òðóäíåå âñåãî áûëî äåëàòü ñàéò ïîä ðàçðåøåíèå 800õ600, ïðèõîäèëîñü ðåäàêòèðîâàòü ñàéò íà ðàçíûõ êîìïüþòåðàõ». Ñòàöåíêî Ðîìàí, 10 êëàññ, ÍÎÓ ÎØ «Ïàñèôèê Ëàéí Ñêóë», ã.Âëàäèâîñòîê. «Áëàãîäàðÿ îëèìïèàäå Öåíòðà «Ýéäîñ» ÿ ëèøíèé ðàç óáåäèëñÿ â òîì, ÷òî ÿ ìîãó è õî÷ó ñâÿçàòü ñåáÿ ñ web-äèçàéíîì åñòü ñèëû, óìåíèå, æåëàíèå è ãëàâíîå èäåè. Âåäü áåç èäåé, êàê áû ÷åëîâåê õîðîøî íè âëàäåë ñâîèì äåëîì, íè÷åãî ïóòíîãî íå ïîëó÷èòñÿ. Ìíîþ áûë âûïîëíåí òàêîé ýëåìåíò äèçàéíà, êàê öâåòíàÿ ïîëîñà ïðîêðóòêè åå ÿ âûïîëíèë â ñîîòâåòñòâèè ñ öâåòîâîé ãàììîé ñàéòà (áåëûé ñî ñâåòëîãîëóáûìè êîíòóðàìè)». Áåðøàê Îëåã, 11 Á êëàññ, ëèöåé ¹1, ã. Íåôòåêàìñê
Ñïèñîê èíôîðìàöèîííûõ ðåñóðñîâ Ðàçâèòèå èíôîðìàöèîííûõ òåõíîëîãèé ïðîèñõîäèò áûñòðûìè òåìïàìè. Íîâûå ñòàíäàðòû óñòàðåâàþò, íå óñïåâ ïðîéòè îôèöèàëüíîãî óòâåðæäåíèÿ. Îáíîâëÿåìûå ýëåêòðîííûå èçäàíèÿ â ýòîì ñìûñëå áîëåå ìîáèëüíû, ÷åì «áóìàæíûå» âàðèàíòû ó÷åáíûõ ïîñîáèé. Ïðèâåäåì àäðåñà Èíòåðíåò-ðåñóðñîâ, êîòîðûå ñîäåðæàò èíôîðìàöèþ, ïîëåçíóþ äëÿ ñîçäàíèÿ ñàéòîâ ëþáîãî óðîâíÿ ñëîæíîñòè è êà÷åñòâà. http://htmlbook.ru Ìåðæåâè÷ Âëàä. Êðàòêèé, íî èíôîðìàöèîííî íàñûùåííûé ó÷åáíèê ïî òåõíîëîãèè ñîçäàíèÿ ñàéòîâ, HTML, CSS, äèçàéíå, ãðàôèêå è äð. Âûïîëíåí â ñòèëå ðàñøèðåííîãî ñïðàâî÷íèêà ñ ïðèìåðàìè. Íàïèñàí äîñòóïíûì ÿçûêîì. Ïîäõîäèò äëÿ óãëóáëåííûõ çàíÿòèé êàê ïîä ðóêîâîäñòâîì ó÷èòåëÿ, òàê è èíäèâèäóàëüíî. 69
http://www.intuit.ru/ Ï.Á. Õðàìöîâ, Ñ.À. Áðèê, À.Ì. Ðóñàê, À.È. Ñóðèí. Ñàéò Èíòåðíåò-óíèâåðñèòåòà èíôîðìàöèîííûõ òåõíîëîãèé. Êóðñ ëåêöèé ïîñâÿùåí îñíîâàì âåá-òåõíîëîãèé. Ðàññ÷èòàí íà ñòóäåíòîâ âóçîâ, íî ìîæåò áûòü ïîëåçåí âñåì, êòî æåëàåò óãëóáèòü ñâîè çíàíèÿ â ýòîé îáëàñòè. http://www.postroika.ru/ Àëåíîâà Íàòàëüÿ. «Ó÷åáíèê (ðóêîâîäñòâî) ïî html. ß ïèñàëà ýòî ðóêîâîäñòâî â ðàñ÷åòå íà ëþäåé íà÷èíàþùèõ, âñïîìèíàÿ, êàê êîãäà-òî íà÷èíàëà ñàìà. Ýòî íå ñóõîå èçëîæåíèå âñåãî ïîäðÿä, ýòî ïîïûòêà ïîðàáîòàòü íà àññîöèàöèÿõ, ñäåëàòü âñå áîëåå ëåãêî çàïîìèíàþùèìñÿ. Ìíå êîå-ãäå íå óäàëîñü èçáåæàòü íóäíûõ ìîìåíòîâ, íî ÿ ñòàðàëàñü è áóäó ñòàðàòüñÿ, äîïîëíÿÿ è èñïðàâëÿÿ âñå íàïèñàííîå âðåìÿ îò âðåìåíè». http://html.manual.ru/ Ãîðîäóëèí Âëàäèìèð. «HTML-ñïðàâî÷íèê. Ýòî íå ïåðåâîä ñêó÷íîé ñïåöèôèêàöèè è íå ïîïûòêà íàïèñàòü ó÷åáíèê. Çàäà÷à ñïðàâî÷íèêà êîðîòêî è ÿñíî îïèñàòü äåéñòâèå âñåõ ýëåìåíòîâ ÿçûêà HTML, êîòîðûå âû ìîæåòå áåç îïàñêè èñïîëüçîâàòü ïðè ñîçäàíèè Èíòåðíåò-ñòðàíèö, íå áîÿñü, ÷òî êàêàÿ-òî âåðñèÿ êàêîãî-ëèáî áðàóçåðà ñäåëàåò âàì íåïðèÿòíûé ñþðïðèç. Èíà÷å ãîâîðÿ, çäåñü ïðåäñòàâëåí «êëàññè÷åñêèé» HTML, óïîòðåáëÿåìûé ïðîôåññèîíàëüíûìè web-ðàçðàáîò÷èêàìè. È íè÷åãî ëèøíåãî». http://winchanger.narod.ru À. Êëèìîâ Êðàòêèé ñïðàâî÷íèê ïî òåãàì HTML-ÿçûêà. http://www.w3.org/ World Wide Web Consortium. Î ñïåöèôèêàöèè HTML 4.0. Ïðîôåññèîíàëüíûé äîêóìåíò. Äëÿ òåõ, êîìó íåäîñòàòî÷íî ñïðàâî÷íèêîâ, èëè äëÿ ðåøàþùåãî àðãóìåíòà â ñïîðå. Åäèíñòâåííîé íîðìàòèâíîé âåðñèåé ÿâëÿåòñÿ àíãëèéñêàÿ âåðñèÿ äàííîãî äîêóìåíòà. Îäíàêî ïåðåâîäû ýòîãî äîêóìåíòà èìåþòñÿ ïî àäðåñó http://www.w3.org/MarkUp/html40-updates/translations.html
ñïîñîáîâ äåÿòåëüíîñòè ïðåâðàùàåò åãî â äèñöèïëèíó, èíòåãðèðóþùóþ ðàçëè÷íûå ïðåäìåòû øêîëüíîãî êóðñà, ïîñêîëüêó ïîìîãàåò ó÷åíèêàì ñïðàâëÿòüñÿ ñ îáðàáîòêîé è ïðåäñòàâëåíèåì ìíîãîïðåäìåòíîãî èíôîðìàöèîííîãî ïîòîêà. Óñïåõ äàííîãî êóðñà â ïðîôèëüíîé øêîëå îáóñëîâëåí åãî ïðîäóêòèâíîé ëè÷íîñòíîé îðèåíòàöèåé, âûñîêîé ñîöèàëüíîé îáóñëîâëåííîñòüþ, äåÿòåëüíîñòíûì ïîäõîäîì, à òàêæå ïðîôåññèîíàëèçìîì àâòîðîâ êóðñà, êîòîðûå ðàçðàáîòàëè åãî ñ îïîðîé íà ñâîé ìíîãîëåòíèé ïåäàãîãè÷åñêèé îïûò îáó÷åíèÿ øêîëüíèêîâ è ïåäàãîãîâ îñíîâàì ñàéòîñòðîèòåëüñòâà.
Çàêëþ÷åíèå Èíôîðìàòèêà èãðàåò îñîáóþ ðîëü â ñòàðøåé ïðîôèëüíîé øêîëå êàê ôóíäàìåíòàëüíàÿ íàóêà î ñïîñîáàõ îáðàáîòêè è èñïîëüçîâàíèÿ çíàíèé â îáùåñòâåííîé ïðàêòèêå. Òåõíè÷åñêèìè è ïðîãðàììíî-ìåòîäè÷åñêèìè ñðåäñòâàìè èíôîðìàöèîííûõ òåõíîëîãèé ó÷àùèåñÿ ïîëüçóþòñÿ êàæäîäíåâíî ñîîòâåòñòâåííî ñâîåìó âîçðàñòó è èìåþùèìñÿ óñëîâèÿì. Ïîâñåäíåâíî ïîëüçóÿñü ñîâðåìåííûì èíñòðóìåíòàðèåì èíòåëëåêòóàëüíîãî òðóäà, ó÷àùèéñÿ íå òîëüêî êîíñòðóèðóåò ñâîå âèäåíèå ìèðà, íî è ó÷èòñÿ ýôôåêòèâíîìó èñïîëüçîâàíèþ èíôîðìàöèîííûõ óñëóã â ñîáñòâåííîé æèçíè è ó÷åáíîé äåÿòåëüíîñòè. Ýëåêòèâíûé êóðñ «Òåõíîëîãèÿ ñîçäàíèÿ ñàéòîâ» âíîñèò ñâîþ ëåïòó â îáùåîáðàçîâàòåëüíóþ ïîäãîòîâêó ó÷àùèõñÿ òåõíîëîãè÷åñêîãî ïðîôèëÿ. Óíèâåðñàëüíîñòü áîëüøèíñòâà èçó÷àåìûõ â äàííîì êóðñå çíàíèé è 70
71
