352635
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 6.900 руб.;
- курсы повышения квалификации от 1.500 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 50%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

ИнфоурокИнформатикаПрезентацииРазработка Web-сайтов с использованием языка разметки HTML

Разработка Web-сайтов с использованием языка разметки HTML

библиотека
материалов
Разработка Web-сайтов с использованием языка разметки HTML.
Для создания Web-страниц используют язык разметки гипертекста HTML (Hyper Tex...
Команды HTML задаются с помощью специальных элементов – тегов, которые заключ...
Структура программы на языке HTML:  	 		 Заголовок документа  	  	 	 … Тело д...
… - первый тег, который должен 				находиться в любом HTML 				документе. … -...
… - тег абзаца … - тег заголовка 	H1 – самый большой размер шрифта 	H6 – самы...
Атрибуты Выравнивание текста: align=“center”- по центру align=“right” – по пр...
 Выделение фрагментов текста: … - полужирный … - курсив … - подчеркнутый
Атрибуты Атрибуты шрифта: Color=“#...” – изменяет цвет шрифта, вместо точек –...
На Web-страницах могут реализоваться файлы трех форматов: GIF, JPG, PNG.  - т...
ALIGN – атрибут расположения рисунка 	относительно текста. TOP - верх MIDDLE...
Гиперссылки указатель
-цвет текста -цвет фона -фоновая картинка … -бегущая строка Height=“16”-высот...

Описание презентации по отдельным слайдам:

1 слайд Разработка Web-сайтов с использованием языка разметки HTML.
Описание слайда:

Разработка Web-сайтов с использованием языка разметки HTML.

2 слайд Для создания Web-страниц используют язык разметки гипертекста HTML (Hyper Tex
Описание слайда:

Для создания Web-страниц используют язык разметки гипертекста HTML (Hyper Text Markup Language), созданный Тимом Бернерсом в 1989 году. Код страницы набирается в любом текстовом редакторе (например, Блокнот) и оформляется с помощью команд языка HTML. Тестируются HTML-файлы с помощью любого браузера. Формат Web-страниц: *.htm или *.html.

3 слайд Команды HTML задаются с помощью специальных элементов – тегов, которые заключ
Описание слайда:

Команды HTML задаются с помощью специальных элементов – тегов, которые заключаются в угловые скобки. Типы тегов: Непарные, например, <BR> - тег перевода строки. Парные, <B> класс </B> - выделение слова «класс» полужирным шрифтом. Признаком окончания действия парного тега является слэш /.

4 слайд Структура программы на языке HTML:  	 		 Заголовок документа  	  	 	 … Тело д
Описание слайда:

Структура программы на языке HTML: <html> <head> <title> Заголовок документа </title> </head> <body> … Тело документа </body> </html> Программа

5 слайд … - первый тег, который должен 				находиться в любом HTML 				документе. … -
Описание слайда:

<html>…</html> - первый тег, который должен находиться в любом HTML документе. <head>…</head> - определяет заголовок страницы, содержит справочную информацию. <title>… </title> - определяет название страницы, которое будет выведено в строке заголовка браузера. <body>… </body> - определяет содержимое страницы, выводимое на экран.

6 слайд … - тег абзаца … - тег заголовка 	H1 – самый большой размер шрифта 	H6 – самы
Описание слайда:

<P>…</P> - тег абзаца <H…>…</H…> - тег заголовка H1 – самый большой размер шрифта H6 – самый маленький размер <HR> - тег проведения горизонтальной линии. <FONT>…</FONT> - тег задания шрифта. <UL>…</UL> тег неупорядоченного списка. <LI> - элементы списка.

7 слайд Атрибуты Выравнивание текста: align=“center”- по центру align=“right” – по пр
Описание слайда:

Атрибуты Выравнивание текста: align=“center”- по центру align=“right” – по правому краю align=“left”- по левому краю

8 слайд  Выделение фрагментов текста: … - полужирный … - курсив … - подчеркнутый
Описание слайда:

Выделение фрагментов текста: <b>…</b> - полужирный <i>…</i> - курсив <u>…</u> - подчеркнутый

9 слайд Атрибуты Атрибуты шрифта: Color=“#...” – изменяет цвет шрифта, вместо точек –
Описание слайда:

Атрибуты Атрибуты шрифта: Color=“#...” – изменяет цвет шрифта, вместо точек – название цвета на английском языке или шестнадцатеричный код. Face=“Arial” – изменяет название шрифта.

10 слайд На Web-страницах могут реализоваться файлы трех форматов: GIF, JPG, PNG.  - т
Описание слайда:

На Web-страницах могут реализоваться файлы трех форматов: GIF, JPG, PNG. <IMG> - тег графических изображений. SRC – атрибут, указывающий на место хранения графического файла. <IMG SRC=“computer. gif”> ALT – атрибут пояснительного текста. <IMG SRC=“computer. gif” ALT=“компьютер”>

11 слайд ALIGN – атрибут расположения рисунка 	относительно текста. TOP - верх MIDDLE
Описание слайда:

ALIGN – атрибут расположения рисунка относительно текста. TOP - верх MIDDLE - середина BOTTOM - низ LEFT - слева RIGT – справа <IMG SRC=“computer. gif” ALT=“компьютер” ALIGN= “right”>

12 слайд Гиперссылки указатель
Описание слайда:

Гиперссылки <A HREF=“адрес”>указатель</A>

13 слайд -цвет текста -цвет фона -фоновая картинка … -бегущая строка Height=“16”-высот
Описание слайда:

<body text=“#000000”>-цвет текста <body bgcolor=“#000000”>-цвет фона <body background=File.gif>-фоновая картинка <marquee>… </marquee>-бегущая строка Height=“16”-высота строки Width=“250”-ширина строки Vspase=“10”-вертикальное расстояние от бегущей строки до текста Hspase=“20”-горизонтальное расстояние от бегущей строки до текста Loop=“2”-повтор движений строки Direction=“left”-направление движения Behavior=“scroll”-повтор движений строки Scrollamount=“1”- скорость движения(от 1 до 10)

Общая информация

Номер материала: ДВ-425524

Вам будут интересны эти курсы:

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс повышения квалификации «Облачные технологии в образовании»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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