Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

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

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

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

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

Презентация на тему Основы html

Содержание

ТегТег – указатель разметки
Основы HTMLHyper Text Markup Language ТегТег – указатель разметки КонтейнерКонтейнер – это элемент разметки HTMLсодержание контейнераweb-страницаабзацтаблица Есть не закрывающиеся теги: Правила организации разметки 1 2 3 4 Специальные символы CER (Character Entity Reference) Группы теговопределяющие структуру документа; оформление блоков гипертекста (параграфы, списки, таблицы, картинки); гипертекстовые Структура html-документаПростейший документ Пример простого документа Ссылки на документыcontact.htmlimage/contact.png../image/contact.png Используйте теги по назначению! Валидаторыэто программы, проверяющие веб-страницу на наличие ошибок.Примеры валидаторов:http://validator.w3.org/http://www.totalvalidator.com/плагины для браузеров Справочник и курсыhttp://htmlbook.ru/https://htmlacademy.ru/ Инструменты для создания html и css кодаБесплатные программы:Notepad++HTML-KitCoffeeCup Free HTML EditorTextWranglerEclipseAptana Studio Инструменты для создания html и css кодаКоммерческие программы:EditPlusCoffeeCuptextMateBBEditorDreamweaverExpression Web Designer Домашнее задание:Зарегистрироваться на сайте htmlacademy.ru/ Пройти курсы:ЗнакомствоСтруктура HTML-документаРазметка текста с помощью HTMLСсылки
Слайды презентации

Слайд 2 Тег
Тег – указатель разметки



ТегТег – указатель разметки

align=‘center’ border=6>


Слайд 3 Контейнер
Контейнер – это элемент разметки HTML


содержание

КонтейнерКонтейнер – это элемент разметки HTMLсодержание контейнераweb-страницаабзацтаблица

контейнера


web-страница
абзац
таблица

Слайд 4 Есть не закрывающиеся теги:




Есть не закрывающиеся теги:

Слайд 5 Правила организации разметки


1
2


3
4


Правила организации разметки 1 2 3 4

Слайд 6 Специальные символы CER (Character Entity Reference)

Специальные символы CER (Character Entity Reference)

Слайд 7 Группы тегов
определяющие структуру документа;
оформление блоков гипертекста (параграфы,

Группы теговопределяющие структуру документа; оформление блоков гипертекста (параграфы, списки, таблицы, картинки);

списки, таблицы, картинки);
гипертекстовые ссылки и закладки;
формы для

организации диалога;
и др.

Слайд 8 Структура html-документа




Простейший документ


Пример

Структура html-документаПростейший документ Пример простого документа

простого документа



Слайд 9 Ссылки на документы
contact.html
image/contact.png
../image/contact.png

Ссылки на документыcontact.htmlimage/contact.png../image/contact.png

Слайд 10 Используйте теги по назначению!

Используйте теги по назначению!

Слайд 11 Валидаторы
это программы, проверяющие веб-страницу на наличие ошибок.
Примеры валидаторов:
http://validator.w3.org/
http://www.totalvalidator.com/
плагины

Валидаторыэто программы, проверяющие веб-страницу на наличие ошибок.Примеры валидаторов:http://validator.w3.org/http://www.totalvalidator.com/плагины для браузеров

для браузеров

Слайд 12 Справочник и курсы
http://htmlbook.ru/

https://htmlacademy.ru/

Справочник и курсыhttp://htmlbook.ru/https://htmlacademy.ru/

Слайд 13 Инструменты для создания html и css кода
Бесплатные программы:
Notepad++
HTML-Kit
CoffeeCup

Инструменты для создания html и css кодаБесплатные программы:Notepad++HTML-KitCoffeeCup Free HTML EditorTextWranglerEclipseAptana Studio

Free HTML Editor
TextWrangler
Eclipse
Aptana Studio

Слайд 14 Инструменты для создания html и css кода
Коммерческие программы:
EditPlus
CoffeeCup
textMate
BBEditor
Dreamweaver
Expression

Инструменты для создания html и css кодаКоммерческие программы:EditPlusCoffeeCuptextMateBBEditorDreamweaverExpression Web Designer

Web Designer

  • Имя файла: osnovy-html.pptx
  • Количество просмотров: 86
  • Количество скачиваний: 0
- Предыдущая Интегрированные занятия - одно из условий целостного развития личности ребенка
Следующая - БАНКОВСКИЕ ДЕПОЗИТЫ

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

Взаимодействие с социумом презентация по теме Взаимодействие с социумом презентация по теме 95
Немного о программе Школа 2100 презентация к уроку (1 класс) по теме Немного о программе Школа 2100 презентация к уроку (1 класс) по теме 83
kopiya kopiya portfolio 3a kopiya kopiya portfolio 3a 122
Презентация 8 марта презентация к уроку (старшая группа) Презентация 8 марта презентация к уроку (старшая группа) 170
Развертки поверхностей Развертки поверхностей 80
Студенттің өзіндік жұмысы Студенттің өзіндік жұмысы 155
Поняття моделі. Поняття предметної галузі Поняття моделі. Поняття предметної галузі 92
Презентация проекта Разноцветная радуга. занимательные факты (младшая группа) по теме Презентация проекта Разноцветная радуга. занимательные факты (младшая группа) по теме 121
Общешкольная родительская конференция Общешкольная родительская конференция 101
развитие речевого дыхания развитие речевого дыхания 134
Презентация Игры зимой презентация Презентация Игры зимой презентация 26
Рационал бөлшектерге амалдар қолдану Рационал бөлшектерге амалдар қолдану 156
Проект программы психолого-педагогического сопровождения проект Проект программы психолого-педагогического сопровождения проект 88
История телевидения История телевидения 78
Беременность и артериальная гипотония Беременность и артериальная гипотония 87
Важно знать!!! материал (1, 2, 3, 4 класс) Важно знать!!! материал (1, 2, 3, 4 класс) 86
Презентация Игровые педагогические технологии Презентация Игровые педагогические технологии 98
Народные игры учебно-методическое пособие (подготовительная группа) Народные игры учебно-методическое пособие (подготовительная группа) 125
Лучшие изобретения человечества Лучшие изобретения человечества 115
ПК 4.2 Предметно-развивающая среда кабинета начальных классов презентация к уроку (4 класс) по теме ПК 4.2 Предметно-развивающая среда кабинета начальных классов презентация к уроку (4 класс) по теме 80
Классный час тема Классный час тема 185
Тема: Организационно-правовые формы предприятий Тема: Организационно-правовые формы предприятий 75
ВСЕМИРНЫЙ ДЕНЬ МЕТРОЛОГИИ. ВСЕМИРНЫЙ ДЕНЬ МЕТРОЛОГИИ. 110
Crime and punishment Crime and punishment 94
Использование интеллект-карт в ДОУ методическая разработка (старшая группа) Использование интеллект-карт в ДОУ методическая разработка (старшая группа) 127
Новые аксессуары к сюжетно-ролевым играм Почта, Парикмахерская, Библиотека методическая разработка (младшая, средняя группа) Новые аксессуары к сюжетно-ролевым играм Почта, Парикмахерская, Библиотека методическая разработка (младшая, средняя группа) 110
Занятие : Русская матрёшка план-конспект занятия (средняя группа) по теме Занятие : Русская матрёшка план-конспект занятия (средняя группа) по теме 80
Scor-модель как основной инструмент планирования и контроллингацепей поставок Scor-модель как основной инструмент планирования и контроллингацепей поставок 98
Презентация для профориентации старшеклассников Профессиональные пробы Презентация для профориентации старшеклассников Профессиональные пробы 125
literaturnaya moskva prezentatsiya 2014 g podgotovitelnaya guppa literaturnaya moskva prezentatsiya 2014 g podgotovitelnaya guppa 143