Julia Jurievna
- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Технологии создания сайтов. Язык HTML, Java Script презентация
Содержание
- 1. Технологии создания сайтов. Язык HTML, Java Script
- 2. План лекции: Сайты. Основные понятия. История. Этапы
- 3. Сайт Сайт - совокупность логически связанных между
- 4. Первый Веб-сайт Первый в мире сайт info.cern.ch
- 5. Страницы сайтов Страницы сайтов – это набор
- 6. Язык HTML Язык HTML позволяет форматировать текст,
- 7. Основные понятия сайтов Веб-сервер Хостинг
- 8. Основные понятия сайтов Виртуальный хостинг Зеркало
- 9. Классификация сайтов по технологии отображения
- 10. 2. Основные этапы Веб-разработки Веб-разработка – процесс создания веб-сайта или веб-приложения
- 11. Основные этапы веб-разработки
- 12. Основные этапы веб-разработки
- 13. Основные этапы веб-разработки
- 14. Основные этапы веб-разработки
- 15. Язык HTML Непарные тэги Непарный тэг говорит
- 16. Простейшая веб-сраница
- 17. Цвет в языке HTML
- 18. Цвет в языке HTML По имени
- 19. Цвет в языке HTML Запись цвета
- 20. Тэги для определения свойств текста Body Тэг
- 21. Тэги для определения свойств текста Тэг Font
- 22. Тэги оформления текста ... (от английского bold),
- 23. Тэги оформления абзацев парный тэг (от английского
- 24. Тэги для гиперссылок Ссылка устанавливается с помощью
- 25. Тэги для списков Нумерованные списки. Каждый элемент
- 26. Тэги для рисунков На больших сайтах может
- 27. Тэги для таблиц
- 28. Тэги для таблиц Таблица начинается тэгом (от
- 29. 3. Веб-программирование Веб-программирование – раздел программирования, ориентированный
- 30. Веб-программирование
- 31. Серверные языки программирования. Расширения файлов
- 32. Скриптовые языки программирования PHP (Hypertext Preprocessor) –
- 33. Perl Perl – высокоуровневый интерпретируемый динамический язык
- 34. Python Python – высокоуровневый язык программирования общего
- 35. Языки программирования .NET Языки программирования .NET
- 36. Облачные платформы для создания сайтов
- 37. Wix.com
- 38. Ключевые возможности Wix
- 39. Ключевые возможности Wix
- 40. Ключевые возможности Wix
- 41. Сайты Google
- 42. Google сайты
- 43. uСos
- 44. Ключевые возможности uCos
- 45. Ключевые возможности uCos
- 46. Ключевые возможности uCos
- 47. Конструктор сайтов uCoz
Слайд 2План лекции:
Сайты. Основные понятия. История.
Этапы Веб-разработки. Язык HTML.
Веб-программирование.
Облачные платформы для создания
сайтов
Слайд 3Сайт
Сайт - совокупность логически связанных между собой веб-страниц; также место расположения
контента сервера. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое. Веб-сайты называются так, потому что доступ к ним происходит по протоколу HTTP.
Слайд 4Первый Веб-сайт
Первый в мире сайт info.cern.ch появился 20 декабря 1990 года.
Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии World Wide Web, основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML
Слайд 5Страницы сайтов
Страницы сайтов – это набор текстовых файлов, размеченных на языке
HTML. Эти файлы, будучи загруженными посетителем на его компьютер, понимаются и обрабатываются браузером и выводятся на средство отображения
Слайд 6Язык HTML
Язык HTML позволяет форматировать текст, различать в нём функциональные элементы,
создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы
Слайд 102. Основные этапы Веб-разработки
Веб-разработка – процесс создания веб-сайта или веб-приложения
Слайд 15Язык HTML
Непарные тэги
Непарный тэг говорит о том, что в этом месте
надо вставить какой-то элемент, например, рисунок или разделительную линию. Например, тэг
означает переход на новую строку в тексте (без абзацного отступа).
...
означает переход на новую строку в тексте (без абзацного отступа).
Парные тэги
Парный тэг состоит из двух частей – открывающего и закрывающего тэгов. Закрывающий тэг имеет то же самое имя, что и открывающий, но перед именем ставится знак / (слэш). Действие парного тэга распространяется на всё, что находится между ними.
Например, парный тэг:
...
Слайд 18Цвет в языке HTML
По имени
Green
Black
White
Red
Yellow
Blue
Шестнадцатеричный код
Цвет записывается в виде трех
пар шестнадцатеричных цифр, перед которыми ставится символ #.
Каждая пара цифр может принимать значения в интервале от 00 до FF (или от 0 до 255 в десятичной записи).
Каждая пара цифр может принимать значения в интервале от 00 до FF (или от 0 до 255 в десятичной записи).
Слайд 19Цвет в языке HTML
Запись цвета
Первая пара обозначает яркость красного (R
— red), вторая и третья - яркости зеленого (G — green) и синего (B — blue) в этом цвете. Всего такая форма записи позволяет задать более 16 миллионов разных цветов (режим True Color — истинный цвет)
Коды базовых цветов модели RGB
#FFFFFF — белый
#000000 — черный
#FF0000 — красный
#00FF00 — зеленый
#0000FF — синий
Слайд 20Тэги для определения свойств текста
Body
Тэг позволяет задать общие свойства для
всей страницы. Например, цвет текста (параметр TEXT) и цвет фона (параметр BGCOLOR). Например, тэг
...
...
Слайд 21Тэги для определения свойств текста
Тэг Font
имеет три основных параметра:
COLOR — цвет
текста
FACE — начертание (название) шрифта
SIZE — размер шрифта (принимает целые значения от 1 до 7)
Например, тэг:
...
устанавливает для текста внутри области действия тэга шрифт Courier желтого цвета размера 2.
FACE — начертание (название) шрифта
SIZE — размер шрифта (принимает целые значения от 1 до 7)
Например, тэг:
...
устанавливает для текста внутри области действия тэга шрифт Courier желтого цвета размера 2.
Слайд 22Тэги оформления текста
... (от английского bold), а также — это
жирный текст
... (от английского italic), а также — это курсив
... (от английского strike out) — это зачеркнутый текст
... (от английского underline) — это подчеркнутый текст
... (от английского italic), а также — это курсив
... (от английского underline) — это подчеркнутый текст
Слайд 23Тэги оформления абзацев
парный тэг (от английского paragraph — абзац), позволяющий
ограничить абзац.
У тэга
У тэга
есть параметр ALIGN, который может принимать значения:
LEFT — выровнять по левой границе
RIGHT — выровнять по правой границе
CENTER — выровнять по центру
JUSTIFY — выровнять по ширине (левая и правая границы).
Слайд 24Тэги для гиперссылок
Ссылка устанавливается с помощью парного тэга (от английского anchor - якорь). Тэг
имеет параметр HREF, который указывает адрес документа. Ссылкой является вся информация, расположенная между открывающим <А> и закрывающим тэгами.
Слайд 25Тэги для списков
Нумерованные списки. Каждый элемент такого списка имеет номер. Нумерация
может быть числовой или буквенной. Список ограничен парным тэгом
- (от английского ordered list — упорядоченный список).
- , после которого можно располагать текст, рисунки, таблицы и т.п. Список заканчивается закрывающим тэгом
Каждый элемент списка начинается с непарного тэга
- Вася
- Петя
- Коля
Слайд 26Тэги для рисунков
На больших сайтах может использоваться очень много рисунков. Чтобы
легче было разбираться в файлах, все рисунки обычно размещаются в отдельном подкаталоге, который часто называют IMAGES.
Рисунок можно установить в качестве фона страницы. Для этого используется параметр BACKGROUND тэга BODY. Если указано только имя файла, рисунок должен находиться в том же каталоге, что и сама Web-страница.
Рисунок можно установить в качестве фона страницы. Для этого используется параметр BACKGROUND тэга BODY. Если указано только имя файла, рисунок должен находиться в том же каталоге, что и сама Web-страница.
Слайд 27Тэги для таблиц
Таблица из одной строки
из
трех столбцов
без указания ширины таблицы и ячеек.
Слайд 28Тэги для таблиц
Таблица начинается тэгом (от английского table — таблица)
и заканчивается парным ему тэгом . Параметр BORDER тэга обозначает ширину рамки таблицы.
| (от английского table data — данные таблицы) и заканчивается парным ему тэгом | . В ячейку можно помещать все, что угодно, в том числе текст, рисунки и даже другие таблицы (вложенные таблицы).
