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

Содержание

1. Знакомство с технологиями WEB разработки
2. ТехнологииFront end – клиентская часть. Все, что
3. Технологии HTML5 CCS3 JavaScript Jquery BootStrap SQL C# ASP.NET PHP
4. Три кита Front end HTML – язык
5. Этапы создания сайта
6. Программное обеспечениеБраузер – программа для просмотра WEB-страниц
7. Знакомство с HTMLУрок 1
8. Полезные сочетания клавишCTRL + U – просмотр кода WEB-страницы в браузере
9. Теги. Правила записи Это надо подчеркнуть Парные – открывающий и закрывающий (контейнер)Не парные – только открывающий
10. Синтаксис HTMLHTML – не чувствителен к регистру
11. Практическая работаУрок 1
12. Практическая работа1. Для сохранения работ создаем папку
13. Практическая работаОткрыть редактор Sublime Text. Выполните File
14. Практическая работаЗагрузить в папку 1_lesson файл с
15. Практическая работа
16. Практическая работа
17. Практическая работа абзац Добавить на страницу 2
18. Скачать презентанцию

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

Главная
Разное
Знакомство с технологиями 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

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

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

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

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

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

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

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

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

макета WEB-страницы

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

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

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

браузере

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

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

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

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

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

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

Синтаксис HTMLHTML – не чувствителен к регистру (лучше использовать строчные буквы)Перевод строк – встроенный непарный тег Дополнительный

Слайд 11Практическая работа
Урок 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 с помощью браузера

(двойной щелчок)

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

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

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

его тегами

Создать гиперссылку на страницу google.com

Скачать презентацию

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

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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

браузере

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

его тегами

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

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

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

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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

браузере

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

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

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

буквы)Перевод строк – встроенный непарный тег Дополнительный пробел – команда

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

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

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

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

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

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

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

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

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

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

его тегами

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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