Создание сайта с нуля Создание сайта самому ⇶ HTML и CSS уроки Для чего нужен html и css ? Урок ✦1

Автор Georgiy Dronov
Создание сайта с нуля Создание сайта самому ⇶ HTML и CSS уроки Для чего нужен html и css ? Урок ✦1

Здравствуйте меня зовут.

Михаил наводчик я с вами проведу курс создание сайтов для новичков то есть этот курс рассчитан для людей которые обладают минимальными знаниями по созданию сайтов и в итоге мы создадим несколько хороших красивых адаптивных от мобильного сайтов. И начнём — это делать с самого начала весить кот практически мы будем писать руками. мы не будем использовать каких-то конструктор приглашений типа джумла вордпресса битрикса вот я открыл страничку мы сделаем вот такой сайт — это страничка в магазин, а сверху нас будет видеть эти меню логотип корзину товаров дальше будет стоять у нас слайдер здесь буду на сайте карточки товаров со ссылками на.

Эти товары дальше у нас будет.

Витя компании и стоять карта карта. Гугл и внизу будет у нас так называемые футар то есть подвал сайта этот сайт у нас будет адаптивный на мобильных устройствах он будет уменьшаться и смотреться хорошо при уменьшении страницы. Алмаз уменьшается сам слайдер перестраивается конструкция нашего сайта здесь три товара стоят вариатор при уменьшении они будут перестраиваться у нас в отдельный столбик на мобильном устройстве не будет никаких прокруток видите снизу у нас нет прокрутки товары перестраиваться текст перестраивается сейчас одно из современных требований к сайту чтобы они были адаптивные — это сказывается на продвижение сайта то есть чтобы ваш сайт вы ходили люди используя поисковые системы и адаптивным сайтом гораздо лучше относится к поисковой системы как Google. Яндекс и другие, а есть ещё небольшой съел для нашего сайта то есть продвижения сделал этот сайт мы на базе конструкция этого сделаем ещё один сайт дальше. Вот я вам открою покажу здесь этот сайт будет у нас занимать полностью ширину вашего браузера и тоже будет первому сайте у нас меню пропадает при прокрутке страницы и остается за пределами видимости экрана во втором же сайте меню будет при прокрутке оставаться видеть всегда сверху вот здесь вот всё равно у нас будет. Вот сворачиваться и оставаться сверху здесь мы уже будем использовать дополнительные языки которые расширяют базовые возможности HTML язык разметки веб страниц также у нас везде стоит слайдер в карточке товаров также мы будем использовать новые возможности по анимации здесь у нас будет стоять идите музыкальные видео фрагменты это, что вы смотрите называется Landing page посадочная страница продающая стартовая страница которая не занимает много времени чтобы создать и она даёт быстро отдачу по привлечению клиентов и по продаже какого товара здесь у нас стоят видите музыка фрагменты также будет стоять видео на сайте при нажатии на кнопку я уменьшил звука то слишком громко. Как вы видите этот сайт посвящен продажа меда в данном случае первый сайт здесь по продукции Asus по ноутбукам 2 сайт несколько вариантов есть такое внешний вид и есть вариант когда он будет похож на продукцию вот с этими товарами. А дальше у нас внизу есть кнопка заказа идёт дальше у нас идёт информация о компании и стоит баннер на флеш на технологии Flash и в конце идёт форма заказа картой на всю ширину и соответственно форме заказа у нас будет стоять проверка на заполнение и у нас будет отправляться — это на почту также в этом сайте будет стоять при загрузчик вот если обновлю страницу. Кто идёт загрузка из музыкальные фрагменты начинает воспроизводиться и вот сейчас можно видеть как срабатывает видите выезжает у нас сбоку высота возможности анимации которые вложены язык который мы будем изучать тайский язык. Как называется CSS ты такой вот живой этот сайт так же будет адаптивным уменьшение здесь будет всё у нас перестраиваться выглядеть устройств правильно. Пусть как и положено современном базовый курс у нас будет состоять из трёх частей вот эти три части которые нам нужны чтобы создали сайты которые я показал то есть мы сначала проходим теорию вот этим трём моментом, а потом уже будем создавать сайты которые я вам показал 1 часть — это у нас HTML HTML — это язык разметки вот здесь можно посмотреть, что — это значит по буквам HTML английских слов от 10 написаны — это означает по русский язык маркировки гипер язык маркировки. маркировки разметки гипертекста. Это Давайте посмотрим вот когда ссылки на текст и либо на картинке называется у нас если брать текст — это гипертекст. Это стандартный язык разметки документов во всемирной паутине первую версию HTML разработал сотрудники. Европейские лаборатории физики элементарных частиц. Тим бернерс-ли мы будем заниматься создание веб-сайтов. Кто имеет смысл прояснить. Что такое веб-сайт, что вы понимаете в основном, что — это такое, но очень важно разбираться значение что. И что. И, что — это слово значит данном случае веб-сайт происходит от английского веб сайт веб. Паутина сеть в переводе сайт переводится как место или места сегмент часть сети обычно сайт представляет собой массив связанных данных имеющих уникальный адрес и воспринимаемый пользователем как единое целое, а дальше нам надо прояснить ещё одна понятие. Это веб-браузер либо браузер, но я думаю практически все понимают. О чем идет речь речь идёт о программе просматривают web-страницы нам нужно установить один либо несколько каких-то современных.

0 комментариев
0

Читайте также