Как да адаптирате шаблона

Съдържание:

Как да адаптирате шаблона
Как да адаптирате шаблона

Видео: Как да адаптирате шаблона

Видео: Как да адаптирате шаблона
Видео: [Урок AutoCAD] Пошаговый план создание шаблона Автокад 2024, Може
Anonim

Най-лесният начин за начинаещ да създаде уебсайт е да използва стандартен шаблон. Уникалността на ресурса може да бъде постигната чрез извършване на редица козметични и организационни промени в стандартния дизайн.

Как да адаптирате шаблона
Как да адаптирате шаблона

Необходимо

  • - шаблон на сайта;
  • - програма Photoshop;
  • - разширение за браузъра FireBug;
  • - Notepad ++ редактор.

Инструкции

Етап 1

Намерете подходящ за вас шаблон за уебсайт в интернет. Разгледайте предложените шаблони, като обърнете внимание на тяхната адаптивност към размера на монитора, спецификата на подреждането на колони и менюта. Изтеглете избраната опция. Проверете ефективността му, като качите файлове в корена на създавания сайт. Ако шаблонът съдържа грешки, които излизат на бял свят в работата, по-добре е да намерите друга опция.

Стъпка 2

Променете повечето изображения в шаблона. Заменете всяка снимка, както следва. Стартирайте Photoshop и отворете един от графичните файлове с шаблони в него. Потърсете в менюто "Изображение" в колоната "Размер" параметрите на картината. Отворете нов лист със същите размери и създайте върху него изображението, от което се нуждаете. Запазете резултата в папката на шаблона под името на графичния файл, който ще бъде заменен. Следователно е необходимо да се заменят всички смислени изображения.

Стъпка 3

Променете останалите параметри, като използвате каскадни таблици style.css, официален език за програмиране, който описва външния вид на документ. По-удобно е да правите такива промени през администраторския панел и е по-добре да видите резултатите на локален хостинг, за да не качвате всяка актуализация на сървъра.

Стъпка 4

Изтеглете и инсталирайте безплатното разширение FireBug за вашия браузър. В горния десен ъгъл на прозореца на браузъра трябва да се появи икона с жълта грешка. Щракнете върху иконата и натиснете F12. Кодът на свитата страница се появява в долната част на екрана. Може да се разшири, като задържите курсора на мишката над знаците плюс. Като щракнете върху реда на елемент, можете да видите как той е маркиран в горната част на екрана. В дясната част на прозореца с кода има стилове, указващи редовете, отговорни за появата на страницата.

Стъпка 5

Отворете шаблона в редактора на Notepad ++. Използвайте FireBug, за да намерите параметрите, които трябва да бъдат променени, и да ги редактирате в Notepad ++.

Стъпка 6

Запазете резултата и качете създадения сайт на сървъра.

Препоръчано: