/ Новости и уроки / Практика по HTML и CSS для начинающих

Практика по HTML и CSS для начинающих

337
Практика по HTML и CSS для начинающих
Это всегда волнительно, когда вы впервые пытаетесь освоить новый язык. Однако, если вы не практикуетесь, вы забываете большинство из того, что вы выучили. Поэтому в какой-то момент вы понимаете, что вам нужно попрактиковать то, что вы изучили. В противном случае вы забудете все изученное.

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

Для новичков выбор проектов, которые соответствуют их текущем знаниям, может быть пугающим. Вы можете выбрать проект, но он может оказаться слишком большим, чтобы быть реализованным с вашим знаниям.

Написать страницу, как дань уважения


Напишите дань уважения тому, кем вы восхищаетесь, и опубликуйте его как веб-страницу. Этот проект будет включать в себя работу с добавлением изображений, ссылок, списков и абзацев. Для создания этого проекта потребуется знания HTML. Тем не менее, вы можете использовать и CSS, чтобы проект выглядел лучше.

Форма опроса


Формы полезны для сбора данных в Интернете. Этот проект будет в основном проверять ваши знания input. Также это проверит ваше знание форм и структурирование веб-страницы. Форма не требуется для отправки каких-либо данных.

Для создания этого проекта потребуется знания html / html5.

Создание Landing Page


Это проверит ваши знания как HTML, так и CSS. Вы должны будете практиковаться в создании столбцов и выравнивании элементов в столбцах. Вам также нужно будет выполнить базовое редактирование изображений, например, обрезка и изменение размера, чтобы сделать идеальные изображения для вашей веб-страницы.

Вам понадобятся глубокие знания HTML / CSS.

Создайте страницу с документацией


Это потребует некоторых знаний HTML CSS и начальные знания JavaScript. Основная идея такова: когда вы нажимаете на любую тему слева, загружается контент подходящей выбранной темы справа.

Создайте страницу с портфолио


Для этого проекта вы будете практиковать все ваши накопившиеся знания по HTML и CSS. Вам также необходимо будет знать, как обрезать и изменять размеры изображений.

Страница Google.com


Да, вы видели это много раз. Но вы можете повторить это. Простая страница google.com с иконками, логотипом Google, текстовым полем и двумя кнопками. Вы можете сделать похожую страницу google.com.

Вам нужно знать как HTML, так и CSS.

google.com - Страница с результатами поиска


Вы создадите страницу в формате результатов поиска Google. Ваша страница должна иметь обычные 10 результатов и переход к следующим страницам внизу.

Это задача будет посложнее, чем простая страница google.com.

Также, реализуйте функциональность вашей странице.