Вебсайтты түзүүнүн эң оңой жолу - шаблонду колдонуу. Бирок, ресурс чыгып турушу үчүн, демейки макетти өзгөртүү керек. Бул жерде HTML жана CSS билими жок кыла албайсыз.
Нускамалар
1 кадам
Интернеттен өзүңүзгө ылайыктуу веб-сайт шаблонун табыңыз. Анын мүмкүнчүлүктөрүнө, монитордун көлөмүнө ылайыкташуу мүмкүнчүлүгүнө, менюнун өзгөчөлүктөрүнө жана мамычалардын жайгашуусуна көңүл буруңуз. Өзүңүзгө жаккан версияны компьютериңизге жүктөп алыңыз, архивди ороп алыңыз. Файлдарды сайттын тамырына жүктөө менен анын аткарылышын текшериңиз. Балким шаблондо каталар бар жана туура орнотулбай калса, анда келечекте аны менен иштөөнүн эч кандай мааниси болбойт.
2-кадам
Шаблонду толугу менен кайталабасаңыз дагы, сүрөттөрдүн көпчүлүгүн, айрыкча логотип катары жайгашкан сүрөттөрдү алмаштырыңыз. Ар бир сүрөттү мындай жол менен алмаштырыңыз:
- графикалык файлды Photoshop программасында ачуу;
- "Сүрөт" менюсунда - "Сүрөттүн көлөмү" анын параметрлерин карап чыгуу;
- так бирдей өлчөмдөгү жаңы баракты ачуу;
- колдонмо куралдарын колдонуу менен керектүү сүрөттү түзүүгө;
- бардык катмарларды тегиздеп, түпнуска форматты орнотуп, ошол эле аталыштагы жана ошол эле папкадагы жаңы сүрөттү (веб үчүн эмес) сактап коюңуз.
Ошентип, бир сүрөттүн ордуна экинчиси пайда болушу керек.
3-кадам
Бардык сүрөттөрдү алмаштыраарыңыз менен, папканы файлдар менен zip (Joomla мисалында) жана "Кеңейтүүлөр" менюсунда сайттын администратор панели аркылуу жүктөп бериңиз. Жаңы иллюстрациялар менен теманын туура көрсөтүлүп жаткандыгын караңыз.
4-кадам
Параметрлердин калган бөлүгүн style.css ичинде өзгөртүңүз. Анын үстүнө муну администратор панели аркылуу эмес, компьютерден жасоо кыйла ыңгайлуу. Трансформациялардын натыйжасын мүмкүн болушунча эртерээк көрүү үчүн localhost (Денвер) колдонууга болот. Натыйжаны кийинки түзөтүүдөн кийин көрүү үчүн, серверге ар бир жолу жүктөө зарылдыгы болбойт.
5-кадам
Mozilla Firefox үчүн акысыз FireBug плагинин жүктөп алыңыз. Орнотуудан кийин, браузердин жогорку оң бурчунда сары мүчүлүштүктөрдүн сүрөтчөсү пайда болот. Аны чыкылдатыңыз же F12 баскычын басыңыз жана экрандын ылдый жагында, барак коду кыйраган нускасында пайда болот. Аны чычканды кошуу белгилеринин үстүнө жылдырып ачса болот. Жана элементтин сабын бассаңыз, ал экрандын жогору жагында белгиленет. Терезенин оң жагында коду бар тышкы көрүнүшү үчүн жооптуу болгон сызыктарды көрсөткөн стилдерди табасыз. Дизайнды өзгөртүү үчүн стиль файлын кайда редакциялоо керектиги дароо эле айкын болот.
6-кадам
Notepad ++ дан style.css ачуу. Кодду түзөтүү үчүн иштелип чыккан башка программаларды колдонсоңуз болот, бирок бул үчүн стандарттык "Блокнотту" колдоно албайсыз, антпесе кодлоодон улам каталар кетет. Өзгөртүүнү каалаган параметрлерди таап, аларды Notepad ++ программасында бир эле убакта түзөтүү үчүн FireBug колдонуңуз.
7-кадам
Акыркы CSSти сактап, файлды серверге жүктөңүз.
