- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Web development презентация
Содержание
- 1. Web development
- 2. Site structure
- 3. Прототипирование (mockups)
- 6. …
- 7. Аттрибуты какой-то текст какой-то текст
- 12. windows-1251 koi8-r UTF-8
- 14. HTML tags html head body meta
- 15. CSS selector { key:
- 17. F12
- 18. Network – правильно ли прописаны пути
- 19. Developer tools / Network
- 20. HTML escape & < > " & " space
- 21. Практическое задание
- 24. «Ручками» создать Web-страничку «Резюме», содержащую: информацию
- 25. .
- 26. «Ручками» создать Web-страничку «Резюме», содержащую: информацию
- 27. .
- 28. Формы в HTML и элементы форм
- 29. Формы в HTML и элементы форм
- 30. Формы в HTML и элементы форм
- 31. Формы в HTML и элементы форм Однострочные поля:
-
32.
Формы в HTML и элементы форм
Скрытый текст: Логин:
Пароль: -
33.
Формы в HTML и элементы форм
- 34. Формы в HTML и элементы форм Флажки
- 35. Формы в HTML и элементы форм Флажки
-
36.
Формы в HTML и элементы форм Выпадающий список:
текст: - 37. Формы в HTML и элементы форм
- 38. Практическая работа
Слайд 14HTML tags
html
head
body
meta
script
style
link
title
br
a
p
hr
h1 .. h6
b
i
img
ul, ol
li
table
tr, th, td
div, span
form
Слайд 18Network – правильно ли прописаны пути
плюс проверка
скорости загрузки
HTML (elements) – изучаем структуру и стили
Scripts – отлаживаем скрипты
Console – проверяем на наличие ошибок
HTML (elements) – изучаем структуру и стили
Scripts – отлаживаем скрипты
Console – проверяем на наличие ошибок
Слайд 24«Ручками» создать Web-страничку «Резюме», содержащую:
информацию о Вас
Ваше фото (выровнять по
левому краю)
список технологий, которыми Вы владеете (по ключевым словам), использовать ссылки на соответствующие сайты
контакты
время работы.
Применить CSS для украшения резюме.
список технологий, которыми Вы владеете (по ключевым словам), использовать ссылки на соответствующие сайты
контакты
время работы.
Применить CSS для украшения резюме.
Домашнее задание
Слайд 26«Ручками» создать Web-страничку «Резюме», содержащую:
информацию о Вас
Ваше фото (выровнять по
левому краю)
список технологий, которыми Вы владеете (по ключевым словам), использовать ссылки на соответствующие сайты
контакты
время работы.
Применить CSS для украшения резюме.
список технологий, которыми Вы владеете (по ключевым словам), использовать ссылки на соответствующие сайты
контакты
время работы.
Применить CSS для украшения резюме.
Домашнее задание
Слайд 30Формы в HTML и элементы форм
...
Параметры:
action="mailto:info@programming.kr.ua"
action="http://www.programming.kr.ua/имя программы"
method="post"
target="_blank"
Слайд 32Формы в HTML и элементы форм
Скрытый текст:
value="1111“ size=4 maxlength=8>
Выберите файл: size=4 maxlength=8>
Пароль:
Слайд 33Формы в HTML и элементы форм
Текст сообщения:
rows=4 wrap=off
value="Memo">
value="Memo">
Многострочные поля:
Слайд 34Формы в HTML и элементы форм
Флажки
текст:
checked> метка
метка
...
метка
...
Укажите Ваш пол:
мужской
женский
Слайд 35Формы в HTML и элементы форм
Флажки
текст:
checkbox name=… checked> метка
метка
...
метка
...
Интересы:
Сис.программирование
Web-программирование
Моб.программирование
