Основы HTML содержат основные правила языка HTML, описание структуры HTML-страницы, отношения в структуре HTML-документа между HTML-элементами.
HTML-документ — это обычный текстовый документ, может быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (Notepad++, Visual Studio Code и т.п.). HTML-документ имеет расширение .html .
HTML-документ состоит из дерева HTML-элементов и текста. Каждый элемент обозначается в исходном документе начальным (открывающим) и конечным (закрывающим) тегом (за редким исключением).
Начальный тег показывает, где начинается элемент, конечный — где заканчивается. Закрывающий тег образуется путем добавления слэша / перед именем тега: … . Между начальным и закрывающим тегами находится содержимое тега — контент.
Одиночные теги не могут хранить в себе содержимого напрямую, оно прописывается как значение атрибута, например, тег создаст кнопку с текстом Кнопка внутри.
Теги могут вкладываться друг в друга, например,
. При вложении следует соблюдать порядок их закрытия (принцип «матрёшки»), например, следующая запись будет неверной:
HTML-элементы могут иметь атрибуты (глобальные, применяемые для всех HTML-элементов, и собственные). Атрибуты прописываются в открывающем теге элемента и содержат имя и значение, указываемые в формате имя атрибута="значение" . Атрибуты позволяют изменять свойства и поведение элемента, для которого они заданы.
Каждому элементу можно присвоить несколько значений class и только одно значение id . Множественные значения class записываются через пробел,
Браузер просматривает (интерпретирует) HTML-документ, выстраивая его структуру (DOM) и отображая ее в соответствии с инструкциями, включенными в этот файл (таблицы стилей, скрипты). Если разметка правильная, то в окне браузера будет отображена HTML-страница, содержащая HTML-элементы — заголовки, таблицы, изображения и т.д.
Процесс интерпретации (парсинг) начинается прежде, чем веб-страница полностью загружена в браузер. Браузеры обрабатывают HTML-документы последовательно, с самого начала, при этом обрабатывая CSS и соотнося таблицы стилей с элементами страницы.
HTML-документ состоит из двух разделов — заголовка — между тегами … и содержательной части — между тегами …
Описание разработки
Задание #1
Совокупность технических устройств, обеспечивающих передачу сигнала от источника к получателю, – это:
Выберите один из 4 вариантов ответа:
1) источник информации
2) приёмник информации
3) носитель информации
4) канал передачи информации
Задание #2
Количество информации, передаваемое за единицу времени, – это:
Выберите один из 4 вариантов ответа:
1) источник информации
2) передача информации
3) скорость передачи информации
4) бит в секунду (бит/с)
Задание #3
Множество компьютеров, соединённых линиями передачи информации, – это:
Выберите один из 4 вариантов ответа:
1) компьютерная сеть
2) локальная сеть
3) глобальная сеть
Задание #4
Компьютерная сеть, действующая в пределах одного здания, – это:
Выберите один из 4 вариантов ответа:
1) локальная сеть
2) глобальная сеть
4) одноранговая сеть
Задание #5
Компьютерная сеть, охватывающая большие территории (страны, континенты), – это:
Выберите один из 4 вариантов ответа:
1) локальная сеть
2) глобальная сеть
4) одноранговая сеть
Задание #6
Локальная сеть, все компьютеры в которой равноправны, – это:
Выберите один из 4 вариантов ответа:
1) региональная сеть
2) сеть с выделенным сервером
4) одноранговая сеть
Задание #7
Компьютер, предоставляющий свои ресурсы в пользование другим компьютерам при совместной работе, называется:
Выберите один из 4 вариантов ответа:
4) сетевой картой
Задание #8
Набор правил, позволяющий осуществлять соединение и обмен данными между включёнными в сеть компьютерами, – это:
Выберите один из 4 вариантов ответа:
Задание #9
Скорость передачи данных через ADSL – соединение равна 128 000 бит/с. Сколько времени (в минутах) займёт передача файла объёмом 5 Мбайт по этому каналу?
Выберите один из 4 вариантов ответа:
Задание #10
Максимальная скорость передачи данных по модемному протоколу V.92 составляет 56 000 бит/с. Какое максимальное количество байтов можно передать за 15 секунд по этому протоколу?
Выберите один из 4 вариантов ответа:
Задание #11
Всемирная глобальная компьютерная сеть, сеть сетей – это:
Выберите один из 4 вариантов ответа:
1) локальная сеть
2) сеть с выделенным сервером
4) одноранговая сеть
Задание #12
Компьютер, подключённый к Интернету, обязательно имеет:
Выберите один из 4 вариантов ответа:
3) домашнюю Web – страницу
Задание #13
Адрес компьютера, записанный четырьмя десятичными числами, разделёнными точками, – это:
Выберите один из 4 вариантов ответа:
Задание #14
На месте преступления были обнаружены четыре обрывка бумаги. Следствие установило, что на них записаны фрагменты одного IP – адреса. Криминалисты обозначили эти фрагменты цифрами 1, 2, 3 и 4. Восстановите IP – адрес.
Выберите один из 4 вариантов ответа:
Задание #15
IP – адресу 64.129.255.32 соответствует 32 – битное представление:
Выберите один из 4 вариантов ответа:
Задание #16
Программа, с помощью которой осуществляется просмотр Web – страниц, – это:
Выберите один из 4 вариантов ответа:
Задание #17
Сервис для хранения и извлечения разнообразной взаимосвязанной информации, включающей в себя текстовые, графические, видео, аудио- и другие информационные ресурсы, – это:
Выберите один из 4 вариантов ответа:
Задание #18
HTML – страница, с которой начинается работа браузера при его включении, – это:
Выберите один из 4 вариантов ответа:
2) домашняя страница
Задание #19
Протокол Интернет, обеспечивающий передачу и отображение Web – страниц, – это:
Выберите один из 4 вариантов ответа:
Задание #20
Запросы к поисковому серверу закодированы буквами А, Б, В. Г. Расположите обозначения запросов в порядке возрастания количества страниц, которые найдёт поисковый сервер по каждому запросу.
Выберите один из 4 вариантов ответа:
Задание #21
Указатель, содержащий название протокола, доменное имя сайта и адрес документа, – это:
Выберите один из 4 вариантов ответа:
Задание #22
На сервере ict.ru находится документ demo.html, доступ к которому осуществляется по протоколу htpp. Фрагменты адреса данного файла закодированы цифрами от 1 до 7. Укажите последовательность цифр, которая кодирует адрес указанного документа в Интернете.
Выберите один из 4 вариантов ответа:
Задание #23
Сервис, обеспечивающий пересылку файлов между компьютерами сети независимо от их типов, особенностей операционных систем, файловых систем и форматов файлов, – это:
Выберите один из 4 вариантов ответа:
Задание #24
Сервис, позволяющий любому пользователю сети передавать и получать электронные сообщения, – это:
Выберите один из 4 вариантов ответа:
Задание #25
Услуга, предназначенная для прямого общения в Интернете в режиме реального времени, – это:
Выберите один из 4 вариантов ответа:
ТЕМА 2. УСЛУГИ ИНТЕРНЕТ
В любой компьютерной сети предоставление пользователю конкретного набора услуг осуществляется определенной службой в соответствии с определенным прикладным протоколом.
Большинство услуг Интернет организованы по принципу "клиент-сервер". На сервере выполняется программа, реализующая функции той или иной службы, а на компьютере пользователя должна функционировать специальная программа, которая называется клиентом этой службы. Клиент направляет серверу запросы, а сервер выполняет необходимые действия и отвечает клиенту, передавая необходимую информацию.
Перечислим наиболее распространенные услуги Интернет и протоколы, поддерживающие их.
WWW (World Wide Web – всемирная паутина) – услуга для работы с совокупностью ресурсов, доступных с помощью таких инструментов, как протоколы HTTP , FTP , Telnet и др. Термином WWW или Web называется также организация файлов для размещения на группе серверов в Internet , запрограммированных для обработки запросов, поступающих от браузеров, работающих на ПК пользователей;
HTTP ( Hyper Text Transfer Protocol – протокол передачи гипертекстов) – обеспечивает услугу WWW , извлечение и хранение разнотипной и взаимосвязанной информации, включающей текстовые, графические, видео-, аудио- и другие данные. Гипертекстовые документы размещаются на так называемых W eb -серверах, входящих в сеть Интернет;
FTP (File Transfer Protocol – название протокола и услуги передачи файлов) –обеспечивает пересылку файлов между компьютерами сети независимо от их типов, особенностей операционных систем, файловых систем и форматов файлов;
Telnet – протокол, дающий пользователю возможность регистрироваться на удаленном компьютере и получать доступ к его файлам, запускать программы;
WAIS ( Wide Aria Information Server – "глобальный информационный сервер") – протокол и услуга поиска информации с помощью системы запросов в базах данных, размещенных в Internet ( WAIS -серверах);
Gopher – услуга, интегрирующая в себе работу с файлами, запуск программ, поиск информации в базах данных и др. с помощью системы меню – предтеча WWW .
E-mail (Electronic Mail – электронная почта) – услуга, позволяющая любому пользователю сети передавать и получать электронные сообщения. Данная услуга поддерживается группой протоколов ( SMTP , POP 3 и др.);
Usenet (часто используется термин News – новости)– служба телеконференций, осуществляемая по протоколу NNTP (Network News Transfer Protocol – протокол передачи новостей по сети). Выполняет циркулярную рассылку электронной почты – сообщения отправляется на специальный сервер, где они становятся доступными большой группе пользователей для публичного обсуждения. Для удобства обсуждения различных тем созданы специальные группы – Newsgroups , которые объединены в иерархии по областям знаний (например,
relcom . commerce . jobs – телеконференция для поиска работы или работников);
IRC (Internet Relay Chat – беседа через Интернет) – предназначена для прямого общения в Интернет в реальном масштабе времени;
ICQ – служба интерактивного общения, которая производит поиск сетевого IP -адреса человека, подключенного в данный момент к Интернет. Необходимость в этой услуге связана с тем, что большинство пользователей не имеют своего постоянного IP -адреса. Название службы является акронимом выражения I seek you – я ищу тебя . Пользователь этой службы должен зарегистрироваться на центральном сервере ( www . icq . com ) и получить персональный идентификационный номер UIN ( Universal Internet Number ). По этому номеру служба ICQ может найти партнера по общению и предложить ему установить связь.
Перспективным направлением развития Интернет является использования его для телефонных переговоров, получения радио- и телепередач, организации аудио– и видеоконференций.
Для адресации документов в сети Интернет используется специальная система указателей – URL .
URL ( Uniform Resource Locator ) – адрес документа в сети – унифицированный указатель документа. Состоит из двух основных частей, разделяемых двоеточием. Первая, левая часть определяет вид сетевого протокола, т.е. указывает, к какому типу принадлежит ресурс и как получить к нему доступ. Вторая часть сообщает, где расположен искомый ресурс, и представляет доменное имя компьютера.
Пример URL -адреса: http :// www . translate . ru (электронный переводчик текстов). Здесь http – протокол передачи гипертекста, WWW – World Wide Web , translate – имя домена подчиненного уровня, ru – домен верхнего географического уровня.
Указатель ресурса может содержать необязательную часть, конкретизирующую размещение документа в файловой системе компьютера (путь к файлу). Например, адрес начальной страницы некоторого сайта:
где index.shtml – имя файла, а / zina / vera / – путь к файлу.
Работа в Интернет с помощью Браузера
Просмотр Web-страниц осуществляется с помощью клиентской программы, называемой Браузером (навигатором, обозревателем). Наиболее популярным в настоящее время является Браузер Internet Explorer 5.0 фирмы Microsoft . Он поддерживает все новые возможности, закладываемые разработчиками Web-страниц, включая звуковое и видео сопровождение отображаемой информации.
В комплект Internet Explorer 5.0 кроме обозревателя входят также другие программы, в частности, Outlook Express – для работы с электронной почтой, средства для работы по протоколам FTP , IRC и пр.
После запуска программы на экране появится окно навигатора Internet Explorer (рис. 2.1), в котором отображается начальная (домашняя) страница, связь с которой устанавливается в первую очередь.
Рис . 2.1. Окно Браузера Internet Explorer 5.0
Названия и назначения элементов окна
Заголовок окна – стандартный заголовок Windows, в котором кроме названия программы отображается еще и название открытой Web-страницы.
Под заголовком располагается меню. С его помощью можно выбрать любую команду Internet Explorer.
Ниже меню находится панель инструментов. На этой панели расположены значки, обозначающие различные действия, которые можно выполнить в процессе работы. Описания команд, которые могут быть запущены с панели инструментов, приведены в табл. 2.1.
Под панелью инструментов расположено поле для ввода адреса просматриваемой страницы. Кроме адресного поля можно отобразить панель с несколькими ссылками на Web-страницы.
Ссылка – это интерфейсный элемент, за которой закреплен адрес какой-либо Web-страницы в сети Интернет (например, ).
Строка состояния предназначена для индикации тех действий, которые в данный момент выполняет программа Internet Explorer . Профессиональная работа с Internet Explorer обязательно включает в себя умение разбираться в надписях, появляющихся на этой строке. В процессе работы с Интернет в строку состояния периодически вводятся сообщения об адресах источников информации, режиме ожидания, готовности запрошенного документа и ряд других полезных сведений.
Основные приемы работы с программой Internet Explorer и другие элементы окна приведены в табл. 2.1.
Перечислим основные функции Браузера:
1. Навигация, установка и поддержание связи с выбранным сервером.
2. Интерпретация и отображение HTML -документа (форматирование в соответствии со своими настройками).
3. Предоставление средств для отображения мультимедийных и других объектов. Возможности расширения своих свойств за счет дополнительны программ ("надстроек").
4. Предоставление доступа к другим службам Интернет.
Кроме того, Internet Explorer предоставляет возможности одновременной работы с несколькими Web-страницами в отдельных окнах, работу в автономном режиме с ранее сохраненными Web-страницами.
Наличие специальной области памяти компьютера, называемой кэш (Cache memory) позволяет ускорить загрузку просмотренных страниц.
Cache memory (кэш-память) – быстродействующая память, предназначенная для хранения часто используемых команд и Web -страниц.
Domain (домен) – группа компьютеров, находящихся под единым управлением и имеющих общий сегмент в Internet -адресе.
Domain name (доменное имя) – идентификатор, определяющий адрес в Internet .
Domain name server ( DNS – сервер доменных имен) – сервер, на котором хранится и функционирует база данных зарегистрированных доменных имен и соответствующих числовых адресов.
Home page (начальная страница) – HTML -страница, с которой начинается работа Браузера при его включении.
Host (хост) – компьютер, подключенный к Internet на постоянной основе.
HTTP ( Hyper Text Transfer Protocol – протокол передачи гипертекстовых файлов) – протокол Internt , обеспечивающий передачу и отображение Web -страниц.
Hyperlink (гиперссылка) – связанный с интерфейсным объектом (текстом или изображением) адрес, на который может быть осуществлен переход.
Internet service provider ( ISP – поставщик услуг Internet ) – организация, обеспечивающая связь пользователя с Internet за определенную плату.
IP address ( IP -адрес) – адрес компьютера, выраженный 32-разрядным числом, записанным четырьмя байтами, разделенными точкой, например: 234.049.123.101.
Protocol (протокол) – набор правил, определяющих порядок обработки данных, передаваемых по сети.
URL ( Uniform Resource Locator – универсальный указатель ресурса) –указатель, содержащий протокол, сетевой адрес компьютера и документа и, возможно, дополнительные сведения, уточняющие параметры соединения с конкретной Web -страницы.
WWW ( World Wide Web – всемирная паутина) – средство для создания, хранения и извлечения разнообразной и взаимосвязанной информации, включающей в себя текстовые, графические, видео-, аудио- и другие информационные файлы, размещаемые на так называемых W eb -серверах.
Основные возможности программы INTERNET EXPLORER 5.0
Просмотр ресурсов Интернет
Ввести в адресную строку URL -адрес ресурса, кнопка Переход ( Go ) или клавиша Enter .
Если страница не открывается, то выполнить команды: Остановить ( Stop ) или Обновить ( Refresh )
Переход на предыдущую страницу
Кнопка Назад ( Back ) ил клавиши Alt + ¬
Переход на домашнюю страницу
Кнопка Домой ( Home ).
Домашняя страница – это та страница, которая открывается при запуске Браузера
Переход на Web -страницу из списка избранных страниц
Кнопка Избранное ( Favorites )
Вывод списка ранее просмотренных страниц
Кнопка Журнал ( History )
Добавление страницы в список избранного
Меню Избранное – Добавить в избранное ( Add to favorites ) – указать новое название для данной страницы
Добавление ссылки на Web -страницу в панель ссылок
Перетащить значок страницы на панель ссылок ( Links )
Команда Упорядочить избранное ( Organize Favorites )
Замена домашней страницы
Установить страницу, которую необходимо сделать домашней, вызвать меню Сервис ( Tools ) – Свойства обозревателя (Интернет Options ) – вкладка Общие ( General ) – группа Домашняя страница ( Home page ) – кнопка С текущей ( Use Current ). Дополнительные варианты: С пустой (about:blank) и С исходной (http://www.msn.com – адрес разработчика)
Сохраненные страницы просматриваются с помощью
навигатора без подключения к Интернет
(в автономном режиме работы)
Меню Файл ( File ) – Сохранить как ( Save as ) – указать папку, имя файла, Тип файла ( File Type ) один из вариантов:
Web -страница полностью ( Web – page , complete ) – сохранятся все файлы, включая рисунки, кадры;
Web -архив, один файл – сохраняется все содержимое страницы в одном саморазархивирующемся файле, удобно для пересылки по электронной почте;
Web -страница, только HTML ( Web – page , HTML – only ) – сохранится только активная страница без рисунков, звуковых эффектов и прочих файлов;
Только текст ( Text File ) – сохранится только текст в текстовом формате
Сохранение (копирование) рисунков
Навести на рисунок указатель мыши – щелкнуть правую кнопку – выбрать Сохранить рисунок как ( Save Picture As ) – указать параметры сохранения графического файла
Сохранение (копирование) текстовой информации
Выделить текст, скопировать в буфер – меню Правка ( Edit )– команда Копировать ( Copy ), вставить информацию из буфера обмена в текстовый файл с помощью текстового редактора
Сохранение (копирование) адреса, ссылки на объект ( Web -страницу, рисунок)
Навести на ссылку указатель мыши – щелкнуть правой кнопкой – команда Копировать ярлык ( Save Target As ). URL -адрес ресурса будет скопирован в Буфер, из которого может быть вставлен в текстовый файл, папку Избранное