лекция №1

Загружено:

Максим Баженов
0 просмотров29 страниц

Авторское право

© © All Rights Reserved

Этот документ был вам полезен?

Это неприемлемый материал?

Пожаловаться на этот документ

Авторское право:

© All Rights Reserved
Отметить как неприемлемый контент
0 просмотров29 страниц

лекция №1

Загружено:

Максим Баженов

Авторское право:

© All Rights Reserved
Отметить как неприемлемый контент
из 29

Frontend Разработка

Лекция 1
Баженов Максим Владимирович
WEB-Мастер.

Список технологий:
• HTML5, CSS3, JavaScript
• Figma, PhotoShop
• PHP
• MySQL, PHP My Admin
• WordPress
• GIT, GitHab
• Администрирования Доменов
Актуальные проекты
Профессиональный лицей №14 им. К. Дюшеева
Karakolpl14.kg
Туристической компания Neofit Neofit.kg
Туристическая компания Эко Трек Еcotrek.kg
Работы
моих
студентов
Бекжан
Польских Надежда
Юсупов Фикрат
Николаев Авенир
Юсупов Саид
Почему я это делаю?

• Я хочу работать в команде с профессионалами


• Мощнее команда – интереснее задачи
• Личное развитие
О чем курс?

• HTML, CSS
• JavaScript
• HTML5 & CSS3
• Bootstrap 3
Как все устроено?

• Web-дизайнер делает макет


• Frontend-разработчик верстает страничку
• Backend-разработчик реализует серверную
часть
Верстает? Это как?

• Что такое верстка веб-страниц?


• Чем отличается от полиграфической?
• В чем интерес?
Требования к верстке

• Попиксельное соответствие
• Кросс-браузерность
• Адаптивность
Основы разметки HTML

• Введение HTML
• Что такое теги?
• Стандарты, DOCTYPE, кодировки
• Основные теги
• Форматирование кода
8/46
HTML

• Автор: Тим Бернерс-Ли 1986г.


• Браузеры
• Теговый язык
Тэги
• <тег атрибут1="значение" атрибут2="значение“/>
• <тег атрибут1="значение" атрибут2="значение">...</тег>
Парные теги
С чего начинается страница?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01// EN "


"http://www.w3.org/TR/html4/strict.dtd">
А проще можно?

<!DOCTYPE html>
Кодировка

<head>
<meta charset="utf-8">
<title>Проставлять кодировки очень важно!</title>
</head>
Основные теги

<html></html>
<head></head>
<body></body>
<!DOCTYPE HTML>
<html>
<head>
<title>Тег BODY</title>
<meta charset="utf-8">
</head>
<body>
<p>Я изучил тег Body, но не знаю P</p>
</body>
</html>
Форматирование текста

<h1></h1>
<b></b>
<i></i>
Гиперссылки

<a href="vk.com"
title="Вконтакте">...</a>
Форматирование страницы

<p></p>
<ol></ol>
<ul></ul>
<li></li>
<div></div>
<!DOCTYPE HTML>
<html>
<head>
<title>Тег P</title>
<meta charset="utf-8">
</head>
<body>
<p>Я изучил тег P</p>
</body>
</html>
Вопросы?

Похожие интересы

Вам также может понравиться