HTML
<<  Создание WEB-страниц с помощью HTML Создание Web-страниц средствами языка гипертекста HTML  >>
Картинок нет
Картинки из презентации «Разработка Web-сайтов с использованием языка разметки гипертекста HTML» к уроку информатики на тему «HTML»

Автор: Natalia. Чтобы познакомиться с картинкой полного размера, нажмите на её эскиз. Чтобы можно было использовать все картинки для урока информатики, скачайте бесплатно презентацию «Разработка Web-сайтов с использованием языка разметки гипертекста HTML.ppt» со всеми картинками в zip-архиве размером 91 КБ.

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

содержание презентации «Разработка Web-сайтов с использованием языка разметки гипертекста HTML.ppt»
Сл Текст Сл Текст
1Разработка Web-сайтов с использованием 9чертой. Все команды можно писать как с
языка разметки гипертекста HTML. маленькой буквы, так и с большой.
2Web-страница (документ HTML) 10Форматирование текста на Web-странице.
представляет собой текстовый файл на языке Теги форматирования заголовков Теги
HTML формата *.Htm или *.Html, размещенный форматирования символов текста Теги
в world wide web (WWW). Web-страница кроме форматирования абзацев <HR> -
текста может содержать гипертекстовые идентификатор изображения горизонтальной
ссылки, при помощи которых можно линии (непарный).
переходить к другим web-страницам и 11<H1> </H1> , <H2>
просматривать их. Web-страница может </H2>, <H3> </H3>,
содержать вставки в виде графики, <H4> </H4> , <H5>
анимации, видеоклипов и музыки. </H5> , <H6> </H6> При
3Содержание: Язык HTML, структура этом заголовки будут выведены большими
Web-сайта Форматирование текста на буквами, причем размер букв у тега
Web-странице Вставка изображений в <H1> будет самый большой, у
Web-страницы Вставка гиперссылки в <H2> меньше, у <H3> еще меньше
Web-страницы Списки на Web-странице. и т.д. Парные теги форматирования
Пример WEB - страницы. Пример WEB - заголовков и подзаголовков документа:
страницы. Пример WEB - страницы. Пример 12Теги форматирования символов текста.
WEB - страницы. Пример WEB - страницы. Атрибуты форматирования символов текста:
4Язык HTML позволяет: Создавать и <B>…</B> - для полужирного
редактировать Web-страницы, в том числе шрифта <i>…</i> - для курсива
свою домашнюю Web-страницу, которую можно <U>…</U> - для подчеркивания
затем разместить в Интернете; <s>…</s> - для перечеркивания.
Редактировать документы HTML, полученные FONT – задает параметры форматирования
из Интернета, так чтобы функционировали текста FASE – задает гарнитуру шрифта SIZE
все внедренные в документ объекты – задает размер шрифта COLOR – задает цвет
(картинки, анимации и т.д.); Создавать шрифта. Пример: <FONT FACE=Arial SIZE=6
мультимедийные презентации, слайд-шоу, COLOR=red> … </FONT>
демонстрационные проекты, благодаря 13Теги форматирования абзацев:
гипертекстовым ссылкам и возможности <BR> - тег перевода строки -
вставлять в документ HTML рисунки, отделяет строку от последующего текста или
диаграммы, анимации, видеоклипы, графики <P>…</P> - тег абзаца
музыкальное и речевое сопровождение, - отделяет строку, но еще добавляет пустую
текстовые спецэффекты (например, бегущая строку, которая зрительно выделяет абзаца
строка). align - атрибут выравнивания <p
5Способы создания Web-страниц. align=“left”> - выравнивание текста по
Использование текстового редактора Блокнот левому краю. <P align=“right”> -
(NotePad), встроенного в Windows, и выравнивание текста в абзаце по правому
просмотр результатов с помощью броузера. краю. <P align=“center”> -
Этот самый простой способ рекомендуется выравнивание текста в абзаце по центру.
начинающим. Использование специальных <P align=“justify”> - полное
редакторов документов HTML, например Hot выравнивание по обоим краям экрана.
Metal Light, Hot Dog Professional, MS 14На страницу можно помещать
Front Page, HTMLPad и др. Использование изображения, хранящиеся в графических
редактора Word, где создается текст файлах форматов GIF, JPG, PNG Используем
документа, который затем конвертируется в тег <IMG> с атрибутом SRC <IMG
HTML-формат. SRC="lycos.gif"> - вставка
6Технология создания Web-страницы с графического изображения в виде файла
использование текстового редактора lycos.gif, находящегося в одной папке с
Блокнот. В редакторе Блокнот создать файл файлами сайта <IMG
Web-страницы, сохранить с расширением SRC=“C:\computer\lycos.gif">-
*.htm. Созданный файл загружается и вставка графического изображения в виде
просматривается программой Internet файла lycos.gif, находящегося в одной из
Explorer. Для редактирования файла папок локального диска <IMG
Web-страницы в Internet Explorer SRC=“http://www.server.ru/lycos.gif"&
используется пункт меню Вид – Просмотр t;- вставка графического изображения в
HTML- кода. После сохранения файла и виде файла lycos.gif, находящегося на
выхода из Блокнота для просмотра удаленном сервере Интернета Положение
отредактированной страницы нажать клавишу рисунка относительно текста изменяем с
F5 или кнопку "Обновить" в помощью атрибута ALIGN. ALIGN=“TOP” - верх
панели инструментов Internet Explorer. ALIGN=“MIDDLE” - середина ALIGN=“BOTTOM” -
7Основные понятия языка HTML. HTML - низ ALIGN=“LEFT” - слева ALIGN=“RIGHT” -
Hyper Text Markup Language – язык справа.
гипертекстовой разметки документов. 15Теги и атрибуты гиперссылки на Web -
Элемент - это конструкция языка HTML, или странице. <A
контейнер, содержащий данные. Web-страница HREF=“Адрес”>Указатель</A> тег с
представляет собой набор элементов. Тег - атрибутом для создания гиперссылки
это стартовый и конечный маркеры элемента. <ADDRESS>…</ADDRESS> контейнер
Теги определяют границы действия элементов для создания гиперссылки на адрес
и отделяют элементы друг от друга. В электронной почты Пример: <a
тексте Web-страницы теги заключаются в href="excite.htm"> excite.htm
угловые скобки, например: <HTML>. </a> - гипертекстовая ссылка,
Конечный тег всегда снабжается косой переход к файлу excite.htm.
чертой: </HTML>. Гиперссылка - 16Теги списков. <OL>…</OL> -
фрагмент текста, который является тег для вставки упорядоченного списка
указателем на другой файл или объект. <UL>…</UL> тег для вставки
Гиперссылки позволяют переходить от одного маркированного списка. <LI> - тег
документа к другому. Атрибут - параметр элемента в списке. Конечный тег
или свойство элемента. </LI> может быть опущен.
8Общая структура типичного простейшего <DL>…</DL> - контейнер списка
документа HTML: <HTML> <HEAD> определений. <DT> - тегр термина в
<TITLE> Название документа списке определений. <DD> - тег
</TITLE> </HEAD> <BODY> значений термина в списке определений.
Здесь расположен текст самого документа Списки определений имеют вид: <DL>
HTML. </BODY> </HTML> <DT> название термина 1 <DD>
9Пояснения указанным тегам документа определение термина 1 <DD> другое
HTML. <HTML>… </HTML>, - тег определение термина 1 ..... </DL>
всего блока HTML-команд. <HEAD>… 17Домашняя работа. Создать главную
</HEAD> - тег заголовка страницу своего минисайта и себе.
Web-страницы. <TITLE>… 18Цель работы: Научиться создавать
</TITLE> - тег заголовка окна Web-сайты с использованием языка разметки
просмотра. <BODY>… </BODY> - текста HTML в простейшем текстовом
тег содержания страницы Три основных тега редакторе БЛОКНОТ. Создать начальную
<HTML>, <HEAD> и <BODY> страницу сайта «КОМПЬЮТЕР»
передают браузеру основную информацию для metod9?учебник_Угринович? стр. 165 № 1, 2
идентификации и организации документа. Все создать в своей папке папку site имя
указанные теги - парные, то есть каждый из начальной страницы - index. Практическая
них заканчивается конечным тегом с косой работа «Начальная страница сайта».
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.ppt
http://900igr.net/kartinka/informatika/razrabotka-web-sajtov-s-ispolzovaniem-jazyka-razmetki-giperteksta-html-76035.html
cсылка на страницу

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

другие презентации на тему «Разработка Web-сайтов с использованием языка разметки гипертекста HTML»

«Основы HTML» - Создание ссылок. <A href="http:\\yandex.Ru"> <IMG src="d:\кит\yandex.Gif"> </A>. Интенсивность задается в виде двузначного шестнадцатеричного числа (от 00 до FF). атрибут COLOR=”НАЗВАНИЕ ЦВЕТА”. Выравнивание текста. Атрибуты фрейма <FRAME>. <BODY> <BR> <LEFT> Влево </LEFT> <BR> <CENTER> По центру </CENTER> </BODY>.

«Создание web-страниц» - Эскизы страниц. : В контейнер <BODY> вставить последовательность. 1.1. Название сайта. Сайт является интерактивным средством представления информации. Навигация. 1.4. Логическая структура сайта. Какова цель создания вашего сайта? <HTML>. 1.5. Процедуры поддержки сайта. Web - сайт. Кто будет основной (и вторичной) аудиторией вашего сайта?

«Основы языка HTML» - Основы языка HTML. Элементы заголовка html-документа (тэг HEAD). Элементы стиля и форматирования текста. Дэн Конноли,1994 - HTML 2. В настоящее время версия с 1994 г. - HTML 4.0. Списки. Таблицы. Д. Раггетт (Hewlett-Packard Labs), 1992 - HTML+.

«Разработка сайтов» - — И простыми, — и сложными, — и красивыми, — и не красивыми, — и удобными, — и не удобными. А сколько надо? Зачем Вам нужен сайт? 1. Зачем Вам нужен сайт? 2. Чем вы занимаетесь? Какие сайты Вам нравятся? Какие сайты Вам не нравятся? Где территориально находятся Ваши Клиенты? (География реализации товаров/услуг).

«Документ HTML» - Последний абзац документа. - Создан консорциум W3. Разметка текста Создание списков Создание таблиц Графика Гиперссылки. </Тег>. Запись стартового тега в общем виде: Организация гиперссылки. Гиперссылка. Взаимодействие документа и браузера. Все атрибуты записываются внутри стартового тега. <Тег>.

«Web 2.0» - Уже имеет посещаемость в 80 000 человек ежесуточно. Огромная посещаемость и четкая сегментированность Целевой Аудитории – дорогая рекламная площадь. На территории Рунета пока только появляются первые «ласточки». «Желтофиоль». Почему для вашей компании наступило времяweb 2.0? Успешность ведущих Web 2.0 сервисов.

HTML

18 презентаций об HTML
Урок

Информатика

130 тем
Картинки
900igr.net > Презентации по информатике > HTML > Разработка Web-сайтов с использованием языка разметки гипертекста HTML