ßê çì³íèòè äèçàéí ñàéòó

Ãîëîâíå äëÿ áóäü-ÿêîãî ñàéòó êð³ì êîíòåíòó - öå äèçàéí. ×àñîì ïðèâàáëèâèé äèçàéí ñàéòó êîìïåíñóº áåçãëóçäî ï³ä³áðàíó ³íôîðìàö³þ íà ñàéò³. Ïðè îïðàöþâàíí³ ñàéòó, â ö³ëîìó, ïîòð³áíî çàçäàëåã³äü ïðîäóìóâàòè âåñü âèä äî äð³áíèöü. ßêèé çðîáèòè ôîí, ÿêó çðîáèòè øàïêó, êóäè ïîì³ñòèòè ôëåø-áàíåð. Òîìó ìຠñåíñ ïîäóìàòè ïðî çì³íó äèçàéíó.

³äåî - "ßê çì³íèòè øàáëîí Joomla! | HOSTiQ"

Âàì çíàäîáèòüñÿ
  • Ñàéò, âèõ³äíèé ôàë ñàéòó (html, php), ôàéë CSS, çíàííÿ îñíîâ HTML, CSS, PHP (íåîáîâ`ÿçêîâî), åëåìåíòè äèçàéíó
²íñòðóêö³ÿ

³äåî - "ßê çì³íèòè äèçàéí ñàéòó íà Ucoz"

1
Ïåðøå, ùî çì³íþºìî, - öå ôîí ñàéòó. Çà ôîí íà âàøîìó ðåñóðñ³ â³äïîâ³äຠòåã «background». Ïðèâ`ÿçêà â³äáóâàòèìåòüñÿ äî òåãó «body». ³äêðèâàºìî âèõ³äíèé css ôàéë ³ ïðîïèñóºìî body {background-color: # f6f6f6-} çáåð³ãàºìî, ³ íàø ôîí áóäå ïîñòàâëåíî ÿê ñâ³òëî ñ³ðèé. ßê âèäíî ôîí çàäàºòüñÿ ø³ñòíàäöÿòêîâèì çíà÷åííÿì, àëå ìîæíà ïðîïèñàòè ³ çâè÷àéíå çíà÷åííÿ êîëüîðó, íàïðèêëàä "green" àáî "red". ßêùî â ÿêîñò³ ôîíó ïîòð³áíî âñòàâèòè êàðòèíêó, òî ïðîïèñóºìî «background-image: url (ïîñèëàííÿ íà âàøå çîáðàæåííÿ)»



2
Äàë³ ñòâîðþºìî â âèõ³äíîìó ôàéë³ áëîê «div» ç ³äåíòèô³êàòîðîì «header», ïðîïèñóºìî éîãî â òàáëèöÿõ ñòèëþ «#header», çà áàæàííÿì ñòàâèìî ðàìêó ³ â³äñòóïè. Íå çàáóâàºìî ïðî øèðèíó áëîêó. Çà äîïîìîãîþ òåãà background çàäàºìî àáî êîë³ð, àáî çîáðàæåííÿ. Òàêèì ÷èíîì, âèõîäèòü øàïêà ñàéòó, ÿêó ìîæíà çì³íèòè öèì æå ñïîñîáîì. Íå çàáóâàéòå âêàçóâàòè ïàðàìåòðè çîáðàæåííÿ, êîëè ñòàâèòå éîãî íà øàïêó ñàéòó.
3
Çà äîïîìîãîþ áëîê³â div òàêîæ çàäàºìî äèçàéí ïðàâîãî êîíòåéíåðà, ë³âîãî (ÿêùî º), ïîëÿ äëÿ îñíîâíîãî êîíòåíòó ³ íèæí³é ÷àñòèí³ ñàéòó.
4
Âñòàâëÿºìî îá`ºêòè íà ñàéò. Âñòàâêà îá`ºêòà íà ñàéò â³äáóâàºòüñÿ çà äîïîìîãîþ òåãà «object». Óêëàäàþ÷è ì³æ íèì êîä, íàïðèêëàä ôëåø áàíåðà, ìè ïîñòàâèìî éîãî íà ñàéò.
5
Âñòàâëÿºìî ³êîíêó íà ñàéò. Äëÿ öüîãî ñòâîðåíèé ôàéë «favicon.ico» êîï³þºìî â êîðåíåâó ïàïêó íàøîãî ñàéòó.
6
ßêùî º íåîáõ³äí³ñòü âñòàâèòè php ñêðèïò, òî çàñòîñîâóºìî íàñòóïíó ôîðìó: èñõîäíèê ñêðèïòà?>. íåîáõ³äíî âðàõîâóâàòè, ùî âèõ³äíèé ôàéë ñàéòó ïîâèíåí áóòè ç ðîçøèðåííÿì .php, ³íàêøå ñêðèïò ïðàöþâàòè íå áóäå.

7
³äêðèâàºìî CSS ôàéë ³ çàäàºìî îñíîâí³ ïàðàìåòðè øðèôòó (font-family), éîãî ðîçì³ðó (font-size), ñòèëþ (font-style).

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

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!
Ñõîæ³
» » ßê çì³íèòè äèçàéí ñàéòó