Фирюлина Н.В. МБОУ «Лицей». Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными. - презентация

1 Фирюлина Н.В. МБОУ «Лицей»

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

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

4 Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером). Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением. Закрывающий тэг содержит прямой слэш (/) перед обозначением.

5 HTML-код страницы помещается внутрь контейнера Заголовок Web-страницы заключается в контейнер Название Web-страницы содержится в контейнере Компьютер

6 Основное содержание страницы помещается в контейнер Сети Локальные и глобальные сети Сохранить файл под именем index.htm в папке сайта Mysite. Создать еще 3 страницы: Локальная сеть (local.htm), Глобальная сеть(global.htm), Сервисы Интернет(servis.htm)

7 Заголовки выполняют важную функцию на веб-странице. Во-первых, они показывают важность раздела, к которому относятся. Во-вторых, с помощью различных заголовков легко регулировать размер текста. Размер шрифта для имеющихся в тексте заголовков задается тэгами от (самый крупный) до (самый мелкий) Локальные и глобальные сети В-третьих, поисковики добавляют рейтинг тексту, если он находится внутри тега заголовка. Тег заголовков

8 Атрибуты тегов Применяются чтобы расширить возможности отдельных тегов и более гибко управлять содержимым контейнеров. Порядок атрибутов в любом теге не имеет значения и на результат отображения элемента не влияет. Они следуют за тегом через пробел. Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN Выравнивание по правой границе окна реализуется с помощью записи ALIGN="right", а по центру ALIGN="center Локальные и глобальные сети

9 Начертание С помощью HTML можно установить только нормальное и жирное начертание. Для установки текста жирного начертания применяется два тега: и. Жирное начертание шрифта Сильное выделение текста Курсив для текста определяют два тега: и. Курсивное начертание шрифта Выделение текста Два тега для создания индекса: верхний индекс и индекс нижний.

10 С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), Атрибут SIZE размер шрифта (например, SIZE= 4 ), Атрибут COLOR цвет шрифта (например, COLOR="blue") Локальные и глобальные сети Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией с помощью одиночного тэга

11 Разделение текста на абзацы производится с помощью контейнера Каждый абзац начинается с тега и должен иметь необязательный закрывающий тег. При использовании тега между абзацами возникают большие отступы. От них можно избавиться, если в местах переноса строк добавлять тег переноса строки. Поместим на титульную страницу текст, разбитый на абзацы с различным выравниванием:

12 Компьютер Bce о компьютере Ha этом сайте вы сможете получить различную информацию о локальных и глобальных сетях. Вы познакомитесь с понятием: локальная сеть, глобальная сеть, сервисы Интернет.

13 Вставка изображений Для добавления изображения на веб-страницу используется тег, атрибут src которого определяет адрес графического файла. Общий синтаксис добавления изображения будет следующий. Поясняющий текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке, если в браузере отключено отображение картинок:

14 Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга, который может принимать пять различных значений: ТОР (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева) RIGHT (справа). Для изменения размеров рисунка предусмотрены атрибуты width (ширина) и height (высота)

15 Гиперссылки Первая титульная страница должна предоставлять посетителю Web-сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы сайта. Текст ссылки Перейти на страницу

16 Панель навигации Панель навигации будет представлять собой абзац, выровненный по центру, в котором указатели гиперссылок разделены пробелами ( ) и заключены в квадратные скобки : [ Главная ] [ Локальная сеть ]   [ Глобальная ]   [ Сервисы Интернет ]

17 Ссылка на электронный адрес E-mail mailbox@provaider.ru">

18 Списки Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде. Любой список представляет собой контейнер, который устанавливает маркированный список,, определяющий список нумерованный. Каждый элемент списка должен начинаться с тега.

19 Списки Список располагается внутри контейнера, а каждый элемент списка определяется тэгом. С помощью атрибута TYPE тэга можно задать тип нумерации: арабские цифры (по умолчанию), "I" (римские цифры), "а" (строчные буквы) и т.д. Топология сетей Топология сетей Звезда Шина Кольцо

20 Вложенный ненумерованный список располагается внутри контейнера, а каждый элемент списка определяется также тэгом. С помощью атрибута TYPE тэга можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность). Глобальные сети история развития; понятие глобальной сети; сервисы интернет; адресация в интернете.

21 Создание таблицы Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. C помощью таблиц удобно верстать макеты страниц, расположив нужным образом фрагменты текста и изображений. Для добавления таблицы на веб-страницу используется контейнер. Любая таблица состоит из строк и ячеек, которые задаются соответственно с помощью тегов и. Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4

22 Атрибуты тега Align. Задает выравнивание таблицы по краю окна браузера. Допустимые значения: left выравнивание таблицы по левому краю, center по центру и right по правому краю. Когда используются значения left и right, текст начинает обтекать таблицу сбоку и снизу. Bgcolor. Устанавливает цвет фона таблицы. Border. Устанавливает толщину границы в пикселах вокруг таблицы. Cellpadding. Определяет расстояние между границей ячейки и ее содержимым. cellspacing. Задает расстояние между внешними границами ячеек. width. Задает ширину таблицы. Если общая ширина содержимого превышает указанную ширину таблицы, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в таблице находятся изображения, атрибут width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого.