Направете дизайн на сайта на STRESSWEB енджина

STRESSWEB е двигател за сайтове Lineage II, по-точно сървъри Lineage II. Плановете включват пускане на собствен сървър, като вече имаме опит в тази област. Една от ключовите характеристики на успешния сървър е неговият уебсайт. Не трябва да е твърде обемист, дизайнът не трябва да дразни посетителя.

Задача: привличане на потенциални играчи към сървъра

Хостинг на сайт

Подготовка на шаблон за дизайн

Направете копие на папката със стандартен шаблон за по-късна работа с нов дизайн.

Разработване на дизайна на основните модули

  1. Главна страница - index.tpl
  2. Статични страници - static.tpl
  3. Форма за вход - login.tpl
  4. Личен акаунт - profile.tpl, character.tpl
  5. Модул за новини - news.tpl, newsfull.tpl
  6. Страница за регистрация - register.tpl
  7. Форма за възстановяване на парола - lostpassword.tpl
  8. Блок - състояние на сървъра - server.tpl, server_item.tpl
  9. Страници със статистика - statistic.tpl, statistic_castle.tpl, statistic_menu.tpl
  10. Страница за дарения - unitpay.tpl

Създаване на каскаден стилов лист (CSS)

Каскадната маса включва следните елементи:

  1. backlayer - заден слой (гръб), абсолютна централна-горна позиция
  2. фон - фоново изображение, размер 900x280, позиция спрямо задния слой (по-нататък o.z.) с отстъп надолу с 30 пиксела
  3. sstatus - блок "състояние на сървъра", o.s позиция липсващи десни 450px
  4. rmenu - страничен блок на менюто, позиция на o.z., ляво поле 600 px, горно 300 px
  5. лого - блок с лого, позицията е относителна, насложено върху фона
  6. mmenu - хоризонтално меню за навигация на сайта, позиция о.з. подложка надолу 290 px, надясно 450 px
  7. contblock - основният блок на сайта, позиция oz. подложка надолу 325 px, надясно 450 px
  8. contleft - блок със съдържание (новини, информация и др.), позиция спрямо contblock, ширина 635 пиксела
  9. contright - блок с кратка информация, позиция спрямо contblock, ширина 265px, лява подложка 635px
  10. долен колонтитул - крайният блок, широк 900 пиксела.

Създаване на изображение

Дизайнът включва малък брой изображения:

  1. фонова картина
  2. Рамка за обяснителни изображения за новини
  3. Бутон в страничното меню
  4. Елементи от главното меню
  5. Икони на платежни системи

Дизайн за отстраняване на грешки I

Коригиране на грешки в CSS и HTML код

Изготвяне на дизайн за пълноценен уеб сайт

При използване на сайт е необходимо да се "съживи" дизайнът, да се попълни с данни, за да се види как ще изглежда в работно състояние.

Отстраняване на грешки в дизайна II

Коригиране на недостатъците, появили се след Етап 7.

Подгответе шаблон за дизайн за пълноценна работа

Свържете празни връзки, поставете банери за съобщения, персонализирайте своя личен акаунт и услуга за дарения.