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Практическая работа


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

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

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

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

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


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

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