Продолжим создавать оригинальные веб-страницы. Теперь тебе предстоит создать собственный сайт!
В терминале выполните команду: npm install
Выполните работу в файле: index.html
и index.css
Подумай, что бы ты хотел рассказать на собственном сайте-визитке о себе? Можешь сделать наброски сайта на листе бумаги.
Создай файл index.html
. Подготовь структуру сайта: создай необходимые блоки, параграфы, картинки и т.д.
Добавь на сайт следующую информацию::
- имя
- фото
- информацию о себе: что ты любишь, чем увлекаешься, интересные факты
Расскажи про себя так, как тебя бы описали твои друзья. Отлично!
А теперь стилизуй свой сайт, используя имеющиеся знания CSS
.
На данном этапе у тебя может получиться не все, что желает твоё воображение, но расстраиваться не стоит - мы только начали изучать стилизацию, всё еще впереди.
Не забудь использовать такие свойства как display
, margin
, padding
, width
, height
и другие.
Этот релиз опционален. Если ты чувствуешь,что тебе мало просто стилизовать страницу
- попробуй добавить анимации
И наконец, не забудь сделать "Pull request" своего проекта прежде, чем приступать к следующему заданию.