WEBYK WEBYK Індивідуальні OnLine уроки з web технологій
+38 093 766 39 11
oleggpann@gmail.com

Давайте разберем 4 способа выравнивания блока при верстке

В данном видео хорошо описаны моменты основных способов, которыми есть смысл пользоваться при выравнивании блоков

 

Читать далее...

Валидация на HTML5

На html5 также есть валидация. Действительно есть возможность хоть как-то, но проверить информацию которую вводит пользователь.

Начнем:

Если мы хотим, чтобы данные могли проверяться мы обязательно должны создавать инпуты внутри формы.

Т.е:

<form>

.......

</form>

Читать далее...

Верстаем с помощью display, превращаем строчные теги в блочные

Здравствуйте! Сегодня будем говорить о расположении блоков  в ряд (слева направо) и вертикально сверху вниз. Как это делать быстро и красиво.

По большому счету в html существует много вариантов расположения блочных элементов, но один из актуальных и элегантных на сегодня - это с использованием свойства display.

Итак если есть три блока например:

<div class="leftbar></div>
<div class="content"></div>
<div class="rightbar"></div>

Чтобы расположить их слева направо давайте будем использовать свойство display:inline-block

<style>
   .leftbar,.content,.rightbar{
   display:inline-block;
   }
</style>

Тогда все они послушно встанут паровозиком и будут неплохо себя вести при изменении разрешения экрана. Это дает нам хорошую верстку главных родительских блоков при создании каркаса сайта

Если же какие-нибудь строчные теги наподобии <a href ></a> нужно расположить вертикально сверху вниз без оборачивания в блочные - то прибегаем к подобной схеме......

 

 

Читать далее...

Создаем простую форму html

 В этом уроке рассмотрим создание красивой формы регистрации html + css. 

Фомы нужны для получения различных данных от пользователя. Для создания форм в html есть тег <form>.

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

action - адрес страницы которая будет обрабатывать данные.

method -  метод протокола http, может быть GET или POST

  • GET- данные будут передаваться в адресной строке, например в форме будут введены имя ivan и пароль qwerty, в адресной строке мы увидим примерно следующее: http://site.ru/form.php?name=ivan&password=qwerty
  • POST- посылает на сервер данные в запросе браузера. Этот метод используется, если нам не нужно, чтобы в адресной строке были видны введенные данные.  Например нам не нужно чтобы было видно введенный пароль. В адресной строке мы получим http://site.ru/form.php

name  - имя формы, нужно для обработки данных. ...

Читать далее...

Учимся верстать на флексбоксах

Технология флексбокс в последнее время набрала популярность и заслуженно. Разберем это в видеоуроке.

 

 

Читать далее...
×
Підришіться на цікаві пости.
Підписатись