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