yulshaz@mail.ru

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

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

Рекомендованные сообщения

yulshaz@mail.ru    0

yulshaz@mail.ru
Опубликовано: (изменено)

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

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

Изменено пользователем yulshaz@mail.ru

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

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

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

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

yulshaz@mail.ru    0

yulshaz@mail.ru
Опубликовано:
2 часа назад, Колхозник деревенский сказал:

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

Верстальщику 

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

yulshaz@mail.ru    0

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

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

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

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

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

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

yulshaz@mail.ru    0

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

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

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

Изменено пользователем yulshaz@mail.ru

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

klierik    394

klierik
Опубликовано:
В 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

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

yulshaz@mail.ru    0

yulshaz@mail.ru
Опубликовано:
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>

Дерзай 👍

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

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
Перейти к списку тем Макеты для вёрстки
The Beginner JavaScript Programming Course