Технологии создания сайтов. Язык HTML, Java Script

План лекции:

Сайты. Основные понятия. История.
Этапы Веб-разработки. Язык HTML.
Веб-программирование.
Облачные платформы для создания

Сайт

Сайт - совокупность логически связанных между собой веб-страниц; также место расположения

Первый Веб-сайт

Первый в мире сайт info.cern.ch появился 20 декабря 1990 года.

Страницы сайтов

Страницы сайтов – это набор текстовых файлов, размеченных на языке

Язык HTML

Язык HTML позволяет форматировать текст, различать в нём функциональные элементы,

Основные понятия сайтов

Веб-сервер

Хостинг

Основные понятия сайтов

Виртуальный хостинг

Зеркало

Классификация сайтов по технологии отображения

2. Основные этапы Веб-разработки

Веб-разработка – процесс создания веб-сайта или веб-приложения

Основные этапы веб-разработки

Основные этапы веб-разработки

Основные этапы веб-разработки

Основные этапы веб-разработки

Язык HTML

Непарные тэги

Непарный тэг говорит о том, что в этом месте

Простейшая веб-сраница

Цвет в языке HTML

Цвет в языке HTML

По имени

Green
Black
White
Red
Yellow
Blue

Шестнадцатеричный код

Цвет записывается в виде трех

Цвет в языке HTML

Запись цвета

Первая пара обозначает яркость красного (R

Тэги для определения свойств текста

Body

Тэг позволяет задать общие свойства для

Тэги для определения свойств текста

Тэг Font

имеет три основных параметра:
COLOR — цвет

Тэги оформления текста

... (от английского bold), а также — это

Тэги оформления абзацев

парный тэг

(от английского paragraph — абзац), позволяющий

Тэги для гиперссылок

Ссылка устанавливается с помощью парного тэга  (от английского anchor - якорь). Тэг

Тэги для списков

Нумерованные списки. Каждый элемент такого списка имеет номер. Нумерация

Тэги для рисунков

На больших сайтах может использоваться очень много рисунков. Чтобы

Тэги для таблиц

Тэги для таблиц

Таблица начинается тэгом

. Параметр BORDER тэга обозначает ширину рамки таблицы.
Содержимое таблицы описывается по строкам сверху вниз (начиная с верхней строки). Каждая строка начинается тэгом (от английского table row – строка таблицы) и заканчивается парным ему тэгом .

Ячейки в строке описываются слева направо. Каждая ячейка начинается тэгом

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

Слайд 29

3. Веб-программирование

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

функционирование динамических сайтов Всемирной паутины).

Слайд 30

Веб-программирование

Слайд 31

Серверные языки программирования. Расширения файлов

Слайд 32

Скриптовые языки программирования

PHP (Hypertext Preprocessor) – скриптовый язык общего назначения, интенсивно

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

Слайд 33

Perl

Perl – высокоуровневый интерпретируемый динамический язык программирования общего назначения, созданный Ларри

Уоллом, лингвистом по образованию. Название языка представляет собой аббревиатуру, которая расшифровывается как Practical Extraction and Report Language — «практический язык для извлечения данных и составления отчётов». Символом языка Perl является верблюд.

Слайд 34

Python

Python – высокоуровневый язык программирования общего назначения, ориентированный на повышение производительности

разработчика и читаемости кода. Python поддерживает несколько парадигм программирования, в том числе структурное, объектно-ориентированное, функциональное, императивное и аспектно-ориентированное. Код в Python организовывается в функции и классы, которые могут объединяться в модули (они в свою очередь могут быть объединены в пакеты).

Слайд 35

Языки программирования .NET

Языки программирования .NET (Языки с поддержкой CLI или

CLI-языки) – компьютерные языки программирования, используемые для создания библиотек и программ, удовлетворяющих требованиям Common Language Infrastructure

Слайд 36

Облачные платформы для создания сайтов

Слайд 37

Wix.com

Слайд 38

Ключевые возможности Wix

Слайд 39

Ключевые возможности Wix

Слайд 40

Ключевые возможности Wix

Слайд 41

Сайты Google

Слайд 42

Google сайты

Слайд 43

uСos

Слайд 44

Ключевые возможности uCos

Слайд 45

Ключевые возможности uCos

Слайд 46

Ключевые возможности uCos

Скачать

- Предыдущая

Наш край. Политико-административная карта России

Следующая -

Школа управленческого резерва

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

История ЭВМ

Zemax. Описание программы и ввод данных

Аттестационная работа. Методическая разработка по выполнению проекта Защита информации

Повторение курса информатики 9 класса

Системы программирования. Основные компоненты

BLU - RAY и DVD диски

Презентация

Инструкция по работе с веб-сайтом программного обеспечения Corel

Принципы устройства ЭВМ

Презентация "Подготовка и переподготовка ИТ-специалистов на базе центров образования и разработок в сфере информационных техн

CSS Properties. The position property

Тестирование ПО. Занятие №9

Библиография. ГОСТ Р 7.0.100–2018, общие требования и правила составления

Особенности организации дистанционного обучения на платформе Skype

Основные понятия баз данных

Расчёт надежности систем

Создание и редактирование видео в программе VSDCFree Video Editor

Информатика. Русский язык

Основные понятия системологии Системология – наука о системах Информатика 10 кл. учитель: Кирченко Людмила Владимировна

Итоги Башни

Двоичные деревья

Реляционная алгебра

SimMechanics

Информация и её свойства. Информационные процессы

Помехоустойчивое кодирование

Початки алгоритмізації та процедурного програмування. Циклічні програми

Геоинформационные системы

Алгоритмы обработки натуральных чисел

(от английского table data — данные таблицы) и заканчивается парным ему тэгом