Web development презентация

Содержание

Site structure

Слайд 1Web development Ш++

Слайд 2Site structure

Слайд 3Прототипирование (mockups)

Слайд 4





…

…



…




Слайд 7Аттрибуты

какой-то текст



какой-то текст

Слайд 12windows-1251
koi8-r

UTF-8

Слайд 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

Слайд 15CSS
selector
{
key: value;
key: value;
}
.class

#id tag

Слайд 18Network – правильно ли прописаны пути
плюс проверка

скорости загрузки

HTML (elements) – изучаем структуру и стили

Scripts – отлаживаем скрипты

Console – проверяем на наличие ошибок

Слайд 19Developer tools / Network

Слайд 20HTML escape
&
<
>
"
 
&


"
space

Слайд 21Практическое задание

Слайд 24«Ручками» создать Web-страничку «Резюме», содержащую:

информацию о Вас
Ваше фото (выровнять по

левому краю)
список технологий, которыми Вы владеете (по ключевым словам), использовать ссылки на соответствующие сайты
контакты
время работы.

Применить CSS для украшения резюме.

Домашнее задание

Слайд 26«Ручками» создать Web-страничку «Резюме», содержащую:

информацию о Вас
Ваше фото (выровнять по

левому краю)
список технологий, которыми Вы владеете (по ключевым словам), использовать ссылки на соответствующие сайты
контакты
время работы.

Применить CSS для украшения резюме.

Домашнее задание

Слайд 28Формы в HTML и элементы форм

Слайд 29Формы в HTML и элементы форм

Слайд 30Формы в HTML и элементы форм


...


Параметры:

action="mailto:info@programming.kr.ua"

action="http://www.programming.kr.ua/имя программы"

method="post"

target="_blank"

Слайд 31Формы в HTML и элементы форм
Однострочные поля:


name=
value=
size=
maxlength=
>

Слайд 32Формы в HTML и элементы форм

Скрытый текст:


value="1111“ size=4 maxlength=8>


Выберите файл: size=4 maxlength=8>


Пароль:

Слайд 33Формы в HTML и элементы форм

Текст сообщения:

rows=4 wrap=off
value="Memo">


Многострочные поля:



Слайд 34Формы в HTML и элементы форм
Флажки


текст:

checked> метка
метка
...



Укажите Ваш пол:
мужской
женский

Слайд 35Формы в HTML и элементы форм
Флажки



текст:

checkbox name=… checked> метка

метка

...


Интересы:

Сис.программирование

Web-программирование

Моб.программирование


Слайд 36Формы в HTML и элементы форм
Выпадающий список:


текст:

>

...



Ваш уровень:

Слайд 37Формы в HTML и элементы форм


name=reset>





…

Кнопки:

Контейнер:

Слайд 38Практическая работа

Похожие презентации

Локальные и глобальные переменные, классы памяти 403
Основы XML-технологий 692
Политика безопасности 259
Виды геометрических моделей, их свойства, параметризация моделей 396
Основы логики (Решение заданий ЕГЭ и ОГЭ по информатике с использованием элементов алгебры логики) 611
Алгоритмическая культура учащихся как исходный базис для формирования целей обучения информатике в школе 361

Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.

Для правообладателей

Яндекс.Метрика