Разделы презентаций

Знакомство с технологиями WEB разработки

Содержание

ТехнологииFront end – клиентская часть. Все, что браузер может читать, выводить на экран и / или запускать. Back end – серверная часть. Все, что работает на сервере.Формирование макета сайта, шаблонов, интерфейса и скриптов, которые отвечают

Слайды и текст этой презентации

Слайд 1Знакомство с технологиями WEB разработки
Урок 1

Знакомство с технологиями WEB разработкиУрок 1

Слайд 2Технологии
Front end – клиентская часть. Все, что браузер может читать,

выводить на экран и / или запускать. 
Back end – серверная часть. Все,

что работает на сервере.

Формирование макета сайта, шаблонов, интерфейса и скриптов, которые отвечают за визуализацию. На этом этапе разработки также выполняется CSS-верстка.

Серверная составляющая создания веб-ресурса - разработка ядра, платформы, а также административной и функциональной составляющей.

ТехнологииFront end – клиентская часть. Все, что браузер может читать, выводить на экран и / или запускать. Back end –

Слайд 3Технологии
HTML5
CCS3
JavaScript
Jquery
BootStrap
SQL
C#
ASP.NET
PHP

Технологии HTML5 CCS3 JavaScript Jquery BootStrap SQL C# ASP.NET PHP

Слайд 4Три кита Front end
HTML – язык разметки гипертекста, набор

тегов, определяющих расположение элементов на WEB-странице
CCS – каскадные таблицы стилей

– надстройка к HTML для создания оформления WEB-страницы

JavaScript – язык программирования, исполняющий программы на устройстве пользователя. Объектно-ориентированный, интерпретируемый.

Три кита Front end HTML – язык разметки гипертекста, набор тегов, определяющих расположение элементов на WEB-страницеCCS –

Слайд 5Этапы создания сайта

Этапы создания сайта

Слайд 6Программное обеспечение
Браузер – программа для просмотра WEB-страниц
Редактор кода –

программа для верстки WEB-страниц
Графический редактор – программа для отрисовки

макета WEB-страницы
Программное обеспечениеБраузер – программа для просмотра WEB-страниц Редактор кода – программа для верстки WEB-страниц Графический редактор –

Слайд 7Знакомство с HTML
Урок 1

Знакомство с HTMLУрок 1

Слайд 8Полезные сочетания клавиш
CTRL + U – просмотр кода WEB-страницы в

браузере

Полезные сочетания клавишCTRL + U – просмотр кода WEB-страницы в браузере

Слайд 9Теги. Правила записи
Это надо подчеркнуть
Парные – открывающий

и закрывающий (контейнер)
Не парные – только открывающий

Теги. Правила записи Это надо подчеркнуть Парные – открывающий и закрывающий (контейнер)Не парные – только открывающий

Слайд 10Синтаксис HTML
HTML – не чувствителен к регистру (лучше использовать строчные

буквы)
Перевод строк – встроенный непарный тег

Дополнительный пробел – команда

 
При написании тегов обратить внимание:
наличие закрывающего тега;
наличие всех угловых скобок вокруг тегов;
наличие пары у каждой кавычки и апострофа.
Синтаксис HTMLHTML – не чувствителен к регистру (лучше использовать строчные буквы)Перевод строк – встроенный непарный тег Дополнительный

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

Практическая работаУрок 1

Слайд 12Практическая работа
1. Для сохранения работ создаем папку на рабочем столе
Называем

своей фамилией
2. В этой папке создаем папку 1_lesson
Файлы сегодняшней работы

будем сохранять в нее.
Практическая работа1. Для сохранения работ создаем папку на рабочем столеНазываем своей фамилией2. В этой папке создаем папку

Слайд 13Практическая работа
Открыть редактор Sublime Text.
Выполните File – New File.
Сохранить

свой (пока пустой) файл в папку 1_lesson с именем test.html

(подсветка! кода)
Практическая работаОткрыть редактор Sublime Text. Выполните File – New File.Сохранить свой (пока пустой) файл в папку 1_lesson

Слайд 14Практическая работа
Загрузить в папку 1_lesson файл с именем logo.png
Наберите текст,

представленный на следующем слайде
Сохраните изменения
Откройте файл test.html с помощью браузера

(двойной щелчок)
Практическая работаЗагрузить в папку 1_lesson файл с именем logo.pngНаберите текст, представленный на следующем слайдеСохраните измененияОткройте файл test.html

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

Практическая работа

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

Практическая работа

Слайд 17Практическая работа
абзац
Добавить на страницу 2 абзаца текста, отформатировав

его тегами



Создать гиперссылку на страницу google.com
Практическая работа абзац Добавить на страницу 2 абзаца текста, отформатировав его тегами

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

Их именами названы улицы города Омска 6в класс Их именами названы улицы города Омска 6в класс 324
Творчество древнеримского поэта Гая Валерия Катулла Творчество древнеримского поэта Гая Валерия Катулла 206
Физиологические механизмы зрения Физиологические механизмы зрения 459
Tretyakov Gallery. Museum Masterpiece Tour Tretyakov Gallery. Museum Masterpiece Tour 157
Западная философия XIX - XX вв Западная философия XIX - XX вв 405
Лысково Лысково 484
АСУ НТ АСУ НТ 214
Мастер-класс «Модульное оригами» Мастер-класс «Модульное оригами» 322
Владимир Сутеев Кто сказал мяу? Владимир Сутеев Кто сказал мяу? 259
План характеристики памятника культуры План характеристики памятника культуры 187
Искусство Анимации Живые рисунки на твоем компьютере Искусство Анимации Живые рисунки на твоем компьютере 140
Я самая подходящая кандидатура ! Я самая подходящая кандидатура ! 168
Музыка как вид искусства Музыка как вид искусства 235
Творчість Степана Руданського Творчість Степана Руданського 196
Лицензирование фармацевтической деятельности Лицензирование фармацевтической деятельности 261
Классификация колебаний Классификация колебаний 255
Вводное занятие Вводное занятие 160
Молекулярные машины Молекулярные машины 368
2Дб Рисунок 2Дб Рисунок 230
Знаменитые театры мира Знаменитые театры мира 261

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

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

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

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

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

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

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