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

Презентация:



Advertisements
Похожие презентации
Web-страницы и web-сайты. Структура web-страницы..
Advertisements

Разработка Web-сайтов с использованием языка разметки гипертекста HTML Цель Познакомить с языком разметки гипертекстовых документов.
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
Достоинство web-страниц? Возможность просмотра в различных операционных системах. Какие редакторы используются для создания веб страниц в различных ОС?
Коммуникационные технологии Тема: Язык разметки гипертекста HTML.
Создание Web-сайтов. Web-сайты Публикации во всемирной паутине реализуются в форме Web-сайтов Web-сайт содержит информацию, посвященную какой-либо теме.
Web-страницы и Web-сайты. Структура Web- страницы.
это десятки миллионов Web-серверов Интернета, содержащих Web-страницы, в которых используется технология гипертекста. Технология WWW позволяет создавать.
Основы языка гипертекстовой разметки. Web - сайты и Web – страницы.
Web - сайт Web - сайт состоит из web – станиц, объединенных гиперссылками. Web – страницы могут быть интерактивными и содержать мультимедийные(иллюстрации,
Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Тема урока: «Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
Тимакова Т. А.«Web – технологии как инструмент образовательного процесса » 1.
Разработка Web-сайтов. Термин гипертекст был введен Тедом Нельсоном в 1965 г. для описания документов, которые выражают нелинейную структуру идей, в противоположность.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Тема урока: «Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои.
Инструментальные средства создания Web-сайтов
Транксрипт:

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

Web-страницы Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы - HTML-тэги, которые определяют вид Web-страницы при ее просмотре в браузере. Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы - HTML-тэги, которые определяют вид Web-страницы при ее просмотре в браузере.

Достоинство Web-страниц Возможность просмотра в различных операционных системах. Возможность просмотра в различных операционных системах.

Редакторы для создания Web- страниц Простейшие текстовые редакторы: Простейшие текстовые редакторы: в ОС Windows – Блокнот в ОС Linux – Kate Web-редакторы: Web-редакторы: в ОС Windows – Microsoft FrontPage в ОС Linux – Quanta Plus

САЙТ – это … Некое технологическое средство, несущее определенную информацию, состоящее из Web-страниц. Некое технологическое средство, несущее определенную информацию, состоящее из Web-страниц.

Для чего создают сайты? «Чтобы было» (домашние страницы). Стремление зарабатывать (зарабатывать непосредственно изготовлением Web-сайтов, либо зарабатывать на услугах, рекламируемых с помощью Web-сайтов). Желание сделать общедоступными результаты собственной работы (Эту причину можно применить к исследователям, публикующим свои уникальные или эксклюзивные материалы в виде научных статей, монографий, различного графического материала).

Классификация сайтов Домашние страницы Домашние страницы Коммерческие сайты Коммерческие сайты Образовательные сайты Образовательные сайты Организационные сайты Организационные сайты

Домашняя страница

Коммерческие сайты

Образовательные сайты

Организационные сайты

Web-сайт состоит из компьютерных Web-страниц, также как и журнал из печатных страниц. Сайт должен содержать систему гиперссылок, которая дает возможность пользователю перемещаться по Web- страницам. Web-сайт состоит из компьютерных Web-страниц, также как и журнал из печатных страниц. Сайт должен содержать систему гиперссылок, которая дает возможность пользователю перемещаться по Web- страницам. Прежде чем разместить свой Web-сайт на сервере в Интернете, необходимо его тщательно протестировать. Прежде чем разместить свой Web-сайт на сервере в Интернете, необходимо его тщательно протестировать.

Этапы разработки Планирование Планирование Реализация Реализация Тестирование Тестирование Публикация Публикация Рекламирование Рекламирование Сопровождение Сопровождение

HTML HTML-документ состоит из текста, который можно видеть на готовой Web- странице, а также специальных команд, заключенных в угловые скобки. HTML-документ состоит из текста, который можно видеть на готовой Web- странице, а также специальных команд, заключенных в угловые скобки. Данные команды называются тегами. Данные команды называются тегами.

Тэги Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Закрывающий тэг содержит / перед обозначением. Тэги могут записываться как ПРОПИСНЫМИ, так и строчными буквами. Например, или. Закрывающий тэг содержит / перед обозначением. Тэги могут записываться как ПРОПИСНЫМИ, так и строчными буквами. Например, или.

Тег Тег Каждый HTML-документ должен начинаться с тега …

Тег Тег … Заголовок Web-страницы содержит название страницы и справочную информацию о ней.

Тег Тег В строке заголовка Web-браузера всегда отображается название HTML- документа, который просматривается в данный момент. Это название берется из содержимого тега В строке заголовка Web-браузера всегда отображается название HTML- документа, который просматривается в данный момент. Это название берется из содержимого тега<title>…</title>

Тег Тег Тело HTML-документа является его содержимым. Тело HTML-документа является его содержимым. Тело html-документа пишется между тегами: Тело html-документа пишется между тегами:<body>…</body>

Структура Web-страницы - HTML-код страницы - HTML-код страницы - заголовок страницы - заголовок страницы - название страницы - название страницы</title></head> - содержание страницы - содержание страницы</body></html>

Домашнее задание §

Практическая работа Стр. 165, практическая работа 3.8 «Разработка сайта с использованием языка разметки текста HTML», выполнить пункты 1-2.