Технологии создания сайтов. Язык HTML, Java Script презентация
Содержание
- 2. План лекции: Сайты. Основные понятия. История. Этапы Веб-разработки. Язык HTML. Веб-программирование.
- 3. Сайт
- 4. Первый Веб-сайт
- 5. Страницы сайтов
- 6. Язык HTML
- 7. Основные понятия сайтов Веб-сервер
- 8. Основные понятия сайтов Виртуальный хостинг
- 9. Классификация сайтов по технологии отображения
- 10. 2. Основные этапы Веб-разработки
- 11. Основные этапы веб-разработки
- 12. Основные этапы веб-разработки
- 13. Основные этапы веб-разработки
- 14. Основные этапы веб-разработки
- 15. Язык HTML Непарные тэги
- 16. Простейшая веб-сраница
- 17. Цвет в языке HTML
- 18. Цвет в языке HTML По имени
- 19. Цвет в языке HTML Запись цвета
- 20. Тэги для определения свойств текста Body
- 21. Тэги для определения свойств текста Тэг Font
- 22. Тэги оформления текста <B>...</B> (от английского bold), а также <STRONG> —
- 23. Тэги оформления абзацев парный тэг <P> (от английского paragraph — абзац),
- 24. Тэги для гиперссылок Ссылка устанавливается с помощью парного тэга <A> (от английского anchor - якорь).
- 25. Тэги для списков Нумерованные списки. Каждый элемент такого списка имеет номер.
- 26. Тэги для рисунков На больших сайтах может использоваться очень много рисунков.
- 27. Тэги для таблиц <BODY> <TABLE BORDER="1"> <TR> <TD>Таблица из одной
- 28. Тэги для таблиц Таблица начинается тэгом <TABLE> (от английского table —
- 29. 3. Веб-программирование
- 30. Веб-программирование
- 31. Серверные языки программирования. Расширения файлов
- 32. Скриптовые языки программирования
- 33. Perl
- 34. Python
- 35. Языки программирования .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
- 48. Скачать презентацию
Слайды и текст этой презентации
Слайд 1
Описание слайда:
Лекция №6. Технологии создания сайтов. Язык HTML, Java Script
© Vizer Julia Jurievna
Слайд 2
Описание слайда:
План лекции:
Сайты. Основные понятия. История.
Этапы Веб-разработки. Язык HTML.
Веб-программирование.
Облачные платформы для создания сайтов
Слайд 3
Описание слайда:
Сайт
Слайд 4
Описание слайда:
Первый Веб-сайт
Слайд 5
Описание слайда:
Страницы сайтов
Слайд 6
Описание слайда:
Язык HTML
Слайд 7
Описание слайда:
Основные понятия сайтов
Веб-сервер
Слайд 8
Описание слайда:
Основные понятия сайтов
Виртуальный хостинг
Слайд 9
Описание слайда:
Классификация сайтов по технологии отображения
Слайд 10
Описание слайда:
2. Основные этапы Веб-разработки
Слайд 11
Описание слайда:
Основные этапы веб-разработки
Слайд 12
Описание слайда:
Основные этапы веб-разработки
Слайд 13
Описание слайда:
Основные этапы веб-разработки
Слайд 14
Описание слайда:
Основные этапы веб-разработки
Слайд 15
Описание слайда:
Язык HTML
Непарные тэги
Слайд 16
Описание слайда:
Простейшая
веб-сраница
Слайд 17
Описание слайда:
Цвет в языке HTML
Слайд 18
Описание слайда:
Цвет в языке HTML
По имени
Слайд 19
Описание слайда:
Цвет в языке HTML
Запись цвета
Слайд 20
Описание слайда:
Тэги для определения свойств текста
Body
Слайд 21
Описание слайда:
Тэги для определения свойств текста
Тэг Font
Слайд 22
Описание слайда:
Тэги оформления текста
<B>...</B> (от английского bold), а также <STRONG> — это жирный текст
<I>...</I> (от английского italic), а также <EM> — это курсив
<S>...</S> (от английского strike out) — это зачеркнутый текст
<U>...</U> (от английского underline) — это подчеркнутый текст
Слайд 23
Описание слайда:
Тэги оформления абзацев
парный тэг <P> (от английского paragraph — абзац), позволяющий ограничить абзац.
У тэга <P> есть параметр ALIGN, который может принимать значения:
LEFT — выровнять по левой границе
RIGHT — выровнять по правой границе
CENTER — выровнять по центру
JUSTIFY — выровнять по ширине (левая и правая границы).
Слайд 24
Описание слайда:
Тэги для гиперссылок
Ссылка устанавливается с помощью парного тэга <A> (от английского anchor - якорь). Тэг имеет параметр HREF, который указывает адрес документа. Ссылкой является вся информация, расположенная между открывающим <А> и закрывающим </A> тэгами.
Слайд 25
Описание слайда:
Тэги для списков
Нумерованные списки. Каждый элемент такого списка имеет номер. Нумерация может быть числовой или буквенной. Список ограничен парным тэгом <OL> (от английского ordered list — упорядоченный список).
Каждый элемент списка начинается с непарного тэга <LI>, после которого можно располагать текст, рисунки, таблицы и т.п. Список заканчивается закрывающим тэгом </OL>.
Слайд 26
Описание слайда:
Тэги для рисунков
На больших сайтах может использоваться очень много рисунков. Чтобы легче было разбираться в файлах, все рисунки обычно размещаются в отдельном подкаталоге, который часто называют IMAGES.
Рисунок можно установить в качестве фона страницы. Для этого используется параметр BACKGROUND тэга BODY. Если указано только имя файла, рисунок должен находиться в том же каталоге, что и сама Web-страница.
<BODY BACKGROUND="lake.jpg">
Слайд 27
Описание слайда:
Тэги для таблиц
<BODY>
<TABLE BORDER="1">
<TR>
<TD>Таблица из одной строки</TD>
<TD>из трех столбцов</TD>
<TD>без указания ширины таблицы и ячеек.</TD>
</TR>
</TABLE>
</BODY>
Слайд 28
Описание слайда:
Тэги для таблиц
Таблица начинается тэгом <TABLE> (от английского table — таблица) и заканчивается парным ему тэгом </TABLE>. Параметр BORDER тэга <TABLE> обозначает ширину рамки таблицы.
Содержимое таблицы описывается по строкам сверху вниз (начиная с верхней строки). Каждая строка начинается тэгом <TR> (от английского table row – строка таблицы) и заканчивается парным ему тэгом </TR>.
Слайд 29
Описание слайда:
3. Веб-программирование
Слайд 30
Описание слайда:
Веб-программирование
Слайд 31
Описание слайда:
Серверные языки программирования. Расширения файлов
Слайд 32
Описание слайда:
Скриптовые языки программирования
Слайд 33
Описание слайда:
Perl
Слайд 34
Описание слайда:
Python
Слайд 35
Описание слайда:
Языки программирования .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
Скачать презентацию на тему Технологии создания сайтов. Язык HTML, Java Script можно ниже:
