Что такое 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
  • Количество просмотров: 105
  • Количество скачиваний: 0