Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Создание документов HTML

No description

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Создание документов HTML

Язык гипертекстовой разметки
Основные тэги HTML
Видеоурок по HTML
Создание документов HTML
Создание Web-страницы
Структура Web-страницы
Web-страницы пишутся на языке HTML (Hyper Text Markup Language)
– это язык разметки документа.
Технология HTML состоит в том что в обычный текстовый документ вставляются управляющие символы. С помощью этих наборов символов которых выполняется разметка исходного текста называются -тегами. Все теги начинаются с символа “<”, заканчиваются символом “/>”. После открывающейся угловой скобки идет ключевое слово, определяющий тег.
Каждый тег в HTML имеет специальное значение;
Открывающийся тег создает эффект, а закрывающийся прекращает ее действие.
Форматирование шрифта.
Внести в текст страницы тэги, определяющие начертание шрифта и горизонтальных разделительных линий.
Разделительная линия:
<HR>
Форматирование шрифта:
<B>
Жирный
</B>
<I>
Курсив
</I>
<U>Подчеркнутый</U>
<B><I><U>Жирный подчеркнутый курсив </B></I></U> <TT>Равноширинный</TT>
Выделение:
<EM>Выделение</EM>
<STRONG>Усиленное выделение</STRONG>
<HR>
Виды сайтов
Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью которых посетитель сайта может зарегистрироваться на сайте, заполнить анкету и так далее.
Обычно сайт имеет титульную страницу (страницу с оглавлением), на которой имеются гиперссылки на его основные разделы (Web-страницы). Гиперссылки также имеются на других Web-страницах, что обеспечивает возможность пользователю свободно перемещаться по сайту. Такие гиперссылки называют системой навигации сайта.
Web-сайты обычно являются мультимедийными, так как кроме текста могут содержать иллюстрации, анимацию, звуковую и видеоинформацию.
HTML
Создание сайтов в текстовом редакторе
Открыть окно текстового редактора БЛОКНОТ;
Набрать HTML-код страницы;
Сохранить под именем index.htm (обязательно титульная страница сайта называется этим именем), установив в поле Тип файла «все файлы»;
Создание Web-страницы

HTML-код страницы помещается внутрь контейнера <html> </html>. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать.
Заголовок Web-страницы заключается в контейнер <head> </head> и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для её правильного отображения.
Название Web-страницы содержится в контейнере <title> </title> и отображается в строке заголовка браузера пи просмотре страницы.
Основное содержание страницы помещается в контейнер
<body> </body> и может включать текст, таблицы, бегущие строки, ссылки на графические изображения, звуковые файлы и т.д.
При просмотре в браузере файла,
получим следующий вид

Пусть файл index.htm, содержит такой HTML-код:
<html>
<head>
<title> Компьютер </title>
</head>
<body>
Все о компьютере
</body>
</html>

Структура Web-страницы

Цель нашего урока –
закрепить навыки по созданию web-страниц
создание сайтов различными инструментами
дать сравнительный анализ этих способов
Создание Web-сайта

Создание сайта – это сложный как с технической, так и с организационной стороны процесс.
Обычно разработка сайтов поручается опытным дизайнерам и высоко квалифицированным программистам.

Создание Web-сайта
Запустить текстовый редактор Блокнот
[Пуск - Программы - Стандартные - Блокнот].
ввести HTML-код, задающий структуру Web-страницы:

<HTML>
<HEAD><TITLE> Первое знакомство с тэгами HTML</TITLE>
</HEAD><BODY>
</BODY></HTML>

Ввести команду [Файл - Сохранить].
Файлу Web-страницы присвоить имя index.html.
Запустить браузер и открыть созданный файл командой [Файл - Открыть]. В заголовке окна браузера высвечивается Первое знакомство с тэгами HTML. Основная часть окна браузера - пуста.

Персональные (личные) на бесплатных серверах (www.narod.ru)
использование Мастеров для создания страниц такого сайта;
Службы новостей, электронные доски объявлений, электронные версии печатных изданий (www.lenta.ru, www.gazeta.ru);
Специализированные службы новостей (www.compulenta.ru) информация в области компьютерных технологий;
Сайты – сборники документов определенной тематики и виртуальные библиотеки (www.citforum.ru);
Поисковые системы (www.rambler.ru, www.yandex.ru, www.google.ru)
поисковые энциклопедические системы (htth://search.km.ru)
Интернет-магазины
Сайты обеспечивающие интерфейс с различными приложениями и службами
Корпоративные сайты
Пример корпоративного сайта
Full transcript