През миналия век оформлението на уеб страниците беше домейн на няколко професионалисти. Напредъкът в технологията значително опрости тази задача. Сега всеки потребител на интернет може да създаде уебсайт.
Необходимо е
- - софтуерен пакет за оформление на уеб страница;
- - растров графичен редактор за създаване на дизайнерски елементи.
Инструкции
Етап 1
Направете списък на елементите, които ще присъстват на сайта. Това могат да бъдат компоненти като меню за навигация, форма за търсене, рекламен или информационен банер, списък с приятели. Името на проекта обикновено е посочено в горната част на страницата, може да има хоризонтално меню за навигация. Централната част е отредена на основното съдържание на сайта. В долната част на страницата обикновено се поставят броячи на посещаемост, информация за контакт за обратна връзка.
Стъпка 2
Създайте оформление на уебсайт в графичен редактор. Основната задача тук е да се определи външният вид на елементите, тяхното относително разположение. Не използвайте прекалено ярки цветове. Неутралната цветова палитра се възприема най-добре. Използвайте последователен стил за блоковете. Опитайте се да направите дизайна възможно най-удобен за потребителя. Избягвайте елементи, които са трудни за внедряване в HTML и CSS.
Стъпка 3
Запазете оформлението на страницата в растерна форма без загуба на качество. Определете стилизиращите елементи, които да се изобразяват с помощта на HTML. Това могат да бъдат менюта, връзки, таблици, формуляри за търсене. Извлечете останалите елементи от оформлението и ги запазете в отделни файлове. Създайте два текстови документа на вашия твърд диск. Променете разширението на един от тях на.htm. Той ще съдържа кода, отговорен за относителното положение на елементите. Вторият файл ще съдържа таблиците със стилове.
Стъпка 4
Отворете първия файл в HTML редактор. Поставете върху елементите на дизайна на страницата, запазени по-рано в растерни файлове. Създавайте текстови връзки, таблици и други елементи, които трябва да бъдат изобразени в HTML. Атрибути на елементи, като цвят, размер на шрифта, наличие на граници, записвайте в CSS файл. Ако трябва да анимирате елементи на страницата, използвайте JavaScript.
