yulshaz@mail.ru

Брендированная страница

By yulshaz@mail.ru, in Макеты для вёрстки

Recommended Posts

yulshaz@mail.ru    0

yulshaz@mail.ru
Posted (edited)

Добрый вечер!

поступило тестовое задание - разработать адаптивную страницу вакансии. Дан текст вакансии и корпоративный сайт компании. ни макета, ни требований,только креатив и собственная смекалка.Подскажите,как правильно сделать эту страницу, и что там должно быть .спасибо.

Edited by yulshaz@mail.ru

Share this post

Link to post
Share on other sites

Колхозник деревенский    2

Колхозник деревенский
Posted
12 часов назад, yulshaz@mail.ru сказал:

Добрый вечер!

поступило тестовое задание - разработать адаптивную страницу вакансии. Дан текст вакансии и корпоративный сайт компании. ни макета, ни требований,только креатив и собственная смекалка.Подскажите,как правильно сделать эту страницу, и что там должно быть .спасибо.

Это вы на дизайнера, или верстальщику такое задают ?

Share this post

Link to post
Share on other sites

yulshaz@mail.ru    0

yulshaz@mail.ru
Posted
Только что, Колхозник деревенский сказал:

Странная компания...

Компания как раз-таки и престижная,больше,наверно,странное задание...

Share this post

Link to post
Share on other sites

Колхозник деревенский    2

Колхозник деревенский
Posted
Только что, yulshaz@mail.ru сказал:

Компания как раз-таки и престижная,больше,наверно,странное задание...

Возможно это намек на то что вы будете на должности верстальщика делать работу не верстальщика.

Share this post

Link to post
Share on other sites

yulshaz@mail.ru    0

yulshaz@mail.ru
Posted (edited)
1 минуту назад, Колхозник деревенский сказал:

Возможно это намек на то что вы будете на должности верстальщика делать работу не верстальщика.

Ну там джуна ищут,но суть задания пока мне не очень понятна. Либо все сильно легко,либо я преувеличиваю что от меня хотят. Но задание слово в слово

Edited by yulshaz@mail.ru

Share this post

Link to post
Share on other sites

klierik    416

klierik
Posted
В 11.05.2018 в 20:13, yulshaz@mail.ru сказал:

Подскажите,как правильно сделать эту страницу, и что там должно быть

Там должна быть страница корпоративного сайта, на которой присутвует Шапка и Футер, стилизированные (взятые) с оригинально сайта.

Между ними область с контентом с максимально допустимой шириной (скорее всего до 1170 px).
Если на корпоративном сайте нет адаптивности, то, как правило, дописать стили для шапки\футера проблем не составляет. Если же есть то считай пол дела сделанно — так как тебе надо просто скопировать Layout с блоками.

Далее, дан текст вакансии — чего, в общем, более чем достаточно. Требуется создать стандартную текстовую страницу в общем стиле корпоративного сайте.

Идешь в "Описании компании" или "О Нас" или что-то в таком духе. Это пример как должен выглядеть статичный контент (я имею ввиду стили форматирования абзацев, заголовков, списков, etc). Берешь эти стили и используешь у себя.

И последнее — надо же как-то предоставить текст вакансии красиво. Для примера бери вью вакансии с любого агрегатора вакансий в своей стране. Я же возьму за основу вервое что попалось под руку — https://jobs.dou.ua/companies/pg-group/vacancies/63243/?from=rs

И так, для тебя важно будет повторить:

  • Дата 
  • Заголовок
  • Оклад и формат сотрудничества
  • Перечень требований, навыков и бенефитов (отформатированный, спискоми)
  • Краткая информация о проекте
  • Кнопка отклика на информацию

Собственно всё.

Для повышения своих шансов могу рекомендовать:

  • Используй препроцессор SCSS
  • Оформи презентабельно файловую структуру проекта, на пример:
    Скрытый текст 
    
.
├── assets/			- ресурсы
│   ├── images/			- картинки
│   ├── js/			- js-скрипты проекта
│   └── scss/			- стили проекта
├── .gitignore			- список ресурсов, которые не следует добавлять в GIT
├── homepage-customer.html	- html файлы
├── node_modules/		- npm модули
├── package-lock.json
├── package.json		- файл, в котором описана информация о проекте и версиях npm модулей, который используются в проекте
└── public/			- директория, в которую будут генерироватся сжатые ресурсы

     

     

  • Создай сборщик который будет собирать ресурсы, обрабатывать и складывать в определенную директорию. На пример на базе GulpJS
  • Подключи стили в <head> а скрипты перед </body>

Дерзай ?

  • Like 1
  • Thanks 1

Share this post

Link to post
Share on other sites

yulshaz@mail.ru    0

yulshaz@mail.ru
Posted
4 часа назад, klierik сказал:

Там должна быть страница корпоративного сайта, на которой присутвует Шапка и Футер, стилизированные (взятые) с оригинально сайта.

Между ними область с контентом с максимально допустимой шириной (скорее всего до 1170 px).
Если на корпоративном сайте нет адаптивности, то, как правило, дописать стили для шапки\футера проблем не составляет. Если же есть то считай пол дела сделанно — так как тебе надо просто скопировать Layout с блоками.

Далее, дан текст вакансии — чего, в общем, более чем достаточно. Требуется создать стандартную текстовую страницу в общем стиле корпоративного сайте.

Идешь в "Описании компании" или "О Нас" или что-то в таком духе. Это пример как должен выглядеть статичный контент (я имею ввиду стили форматирования абзацев, заголовков, списков, etc). Берешь эти стили и используешь у себя.

И последнее — надо же как-то предоставить текст вакансии красиво. Для примера бери вью вакансии с любого агрегатора вакансий в своей стране. Я же возьму за основу вервое что попалось под руку — https://jobs.dou.ua/companies/pg-group/vacancies/63243/?from=rs

И так, для тебя важно будет повторить:

  • Дата 
  • Заголовок
  • Оклад и формат сотрудничества
  • Перечень требований, навыков и бенефитов (отформатированный, спискоми)
  • Краткая информация о проекте
  • Кнопка отклика на информацию

Собственно всё.

Для повышения своих шансов могу рекомендовать:

  • Используй препроцессор SCSS
  • Оформи презентабельно файловую структуру проекта, на пример:
      Показать содержимое 
    

.
├── assets/			- ресурсы
│   ├── images/			- картинки
│   ├── js/			- js-скрипты проекта
│   └── scss/			- стили проекта
├── .gitignore			- список ресурсов, которые не следует добавлять в GIT
├── homepage-customer.html	- html файлы
├── node_modules/		- npm модули
├── package-lock.json
├── package.json		- файл, в котором описана информация о проекте и версиях npm модулей, который используются в проекте
└── public/			- директория, в которую будут генерироватся сжатые ресурсы

     

     

  • Создай сборщик который будет собирать ресурсы, обрабатывать и складывать в определенную директорию. На пример на базе GulpJS
  • Подключи стили в <head> а скрипты перед </body>

Дерзай ?

Спасибо огромное за такое подробное объяснение!!!вы мой спаситель)

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Go To Topic Listing Макеты для вёрстки

  • Member Statistics

    46,382
    Total Members
    3,128
    Most Online
    VlGo
    Newest Member
    VlGo
    Joined

  • Recently Browsing   0 members

    No registered users viewing this page.