ßê ðåäàãóâàòè øàáëîíè ôëåø-ñàéòó

 äàíèé ÷àñ çðîáèòè âëàñíèé ñàéò íå ñêëàäå òðóäíîù³â íàâ³òü äëÿ íîâà÷êà, ÿêèé íå âîëî䳺 ñïåöèô³÷íèìè çíàííÿìè ïðîãðàìóâàííÿ àáî âåá-äèçàéíó. Ìîæíà âèêîðèñòîâóâàòè ð³çí³ øàáëîíè ñàéò³â â ³íòåðíåò³ ³ íà ¿õ îñíîâ³ ñòâîðèòè, â³äðåäàãóâàòè ³ ðîçì³ñòèòè â ìåðåæ³ ñâ³é ñàéò.
ßê ðåäàãóâàòè øàáëîíè ôëåø-ñàéòó
²íñòðóêö³ÿ
1
Ñêà÷àéòå øàáëîí ñàéòó. Çíàéä³òü ôàéë style.css (çàçâè÷àé â³í çíàõîäèòüñÿ â ïàïö³ public html). ³äêðèéòå öåé ôàéë ³ çíàéä³òü ôðàãìåíò êîäó, ÿêèé â³äïîâ³äຠçà âèä âåðõí³é ÷àñòèí³ ñàéòó. ³í âèãëÿäຠòàê: #logotype {background: url (images / logotype.png) no-repeat left center # fff- width: 230px; height: 60px; margin: 10px 25px; position: relative-.


2
Òóò â ðÿäêó background: url âêàæ³òü øëÿõ äî çîáðàæåííÿ ôîíó ñòâîðþâàíîãî ñàéòó. Íàñòóïí³ ðÿäêè ïîçíà÷àþòü ðîçì³ðè çîáðàæåííÿ (äîâæèíó, âèñîòó). Ïóíêò margin âèçíà÷ຠ³íòåðâàëè â³äñòóï³â ìàëþíêà ïî ãîðèçîíòàë³ ³ âåðòèêàë³. Çíàéä³òü ôàéë logotype.png, ÿêèé âèêîðèñòîâóºòüñÿ ÿê ëîãîòèï, çàì³í³òü éîãî âëàñíèì ëîãîòèïîì â ò³é æå ïàïö³ ³ ç ò³ºþ æ íàçâîþ.
3
Çàâàíòàæòå ôîíîâå çîáðàæåííÿ â ïàïêó public html / tmpl / ³ìÿ_øàáëîíà / Images /. Ó ðÿäêó background: url çíîâó âêàæ³òü øëÿõ äî çîáðàæåííÿ. ßêùî ïîòð³áíî, ïåðåïèø³òü ïàðàìåòðè äîâæèíè, âèñîòè ³ â³äñòóïó êàðòèíêè. Ó öüîìó ðàç³ íå ÷³ïàéòå ðÿäîê position: relative. Çáåðåæ³òü âñ³ çì³íè ³ çàâàíòàæòå ôàéë íà ñåðâåð çàì³ñòü øàáëîíó.
4
Ïðè çì³í³ íèæíüîãî ëîãîòèïó ñàéòó çíàéä³òü ó ôàéë³ style.css ôðàãìåíò êîäó logotype-footer. Çáåðåæ³òü çîáðàæåííÿ, ÿêå ì³ñòèòü íîâèé ëîãîòèï, çàâàíòàæòå éîãî â ïàïêó âèêîðèñòîâóâàíîãî øàáëîíó Images. Çì³í³òü ïàðàìåòðè ðîçì³ð³â. Ùå ðàç çáåðåæ³òü ôàéë style.css ³ çàâàíòàæòå â³äðåäàãîâàíèé ñàéò íà ñåðâåð.
5
ijçíàéòåñÿ äîñòóïè (àäðåñà ñàéòó, ñèñòåìó àäì³í³ñòðóâàííÿ, ïàðîëü), áåç ÿêèõ âè íå çìîæåòå êåðóâàòè ñàéòîì. ¯õ âèäຠïðîãðàì³ñò àáî àäì³í³ñòðàòîð ñàéòó.
6
ϳäêëþ÷³òüñÿ äî ³íòåðíåòó, çàéä³òü íà ñàéò, â³äêðèéòå ó â³êí³ ñèñòåìó àäì³í³ñòðóâàííÿ, ÷åðåç ÿêó âè áóäåòå òåïåð êåðóâàòè ñàéòîì. Çàéä³òü â ðîçä³ë, çàì³í³òü òåêñò, êàðòèíêó àáî êîä ³ íàòèñí³òü êíîïêó «Çáåðåãòè». Îíîâèòè â³êíî, â ÿêîìó â³äêðèòî ñàéò.

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!