Меры безопасности и правила этикета при общении в сети Интернет.
К сожалению, культура сетевого общения, особенно в чатах и на форумах, в настоящее время невысока. Это показывает анализ диалогов как на белорусских чатах, так и на многих российских.
Появились сайты, пропагандирующие насилие и жестокость, расовую и национальную нетерпимость. Участились случаи финансовых афер.
При общении в сети следует соблюдать меры безопасности и правила сетевого этикета.
• Помните, что вы чаще всего общаетесь с анонимными собеседниками, среди которых могут оказаться непорядочные люди.
• Не торопитесь давать новому собеседнику в чате, блоге, на форуме свой телефон или домашний адрес.
• Если, с вашей точки зрения, собеседник навязывается в общение, то постарайтесь блокировать его доступ к вам.
• Общение в некоторых тематических каналах может запрещаться правовыми нормами и законодательством государства, а также моральными и этическими правилами поведения религиозной или этнической группы, к которой вы принадлежите
• При общении в сети будьте предельно корректными и вежливыми. При обсуждении всякая критика или несогласие с собеседником должны быть аргументированы.
Тема7. Основы веб-конструирования
19. Основы веб-конструирования. Основные понятия языка гипертекстовой разметки документов HTML. Структура HTML-документа. Гиперссылки.
Основы языка разметки HTML
Веб-страница представляет собой текстовый документ, в котором расставлены команды языка HTML. Они интерпретируются браузером. Например, эти команды могут указывать, как должно отображаться содержание страницы на экране.
HTML-документ можно создавать в простейших текстовых редакторах, например в редакторе Блокнот, а затем сохранять в файле с расширением .htm или .html.
Разметка HTML-документа состоит в расстановке тегов — заключенных в угловые скобки команд языка HTML. Их можно набирать прописными или строчными латинскими буквами.
Большинство тегов парные. Открывающим тегом описывается команда и начинается ее действие. Закрывающим тегом, который повторяет открывающий, но предваряется косой чертой / (слешем), это действие прекращается. Например, тег <b> задает жирное начертание. Размеченный текст «Второе <b>слово</b> выделено жирным шрифтом» браузером будет отображаться так:
Второе слово выделено жирным шрифтом.
Рассмотрим структуру простейшего HTML-документа.
<html>
<head>
<title>Заголовок окна</title>
</head>
<body>
Содержание документа
</body>
</html>
HTML-документ начинается отрывающим тегом <html>, а заканчивается — закрывающим </html>. Внутри, как в контейнере, расположены два блока.
В блоке <head>…</head> (голова) размещается неотображаемая на странице служебная информация. Например, текст, заключенный между тегами <title>…</title>, отображается не на странице, а в заголовке окна браузера.
Вся отображаемая браузером информация: тексты, рисунки, видеофрагменты, анимации — размещается в блоке <body>…</body> (тело).
В HTML-документе можно также размещать неотображаемые браузером комментарии в угловых скобках с восклицательным знаком <!Комментарии>.
Вид веб-страницы в браузере задается тегами HTML, но также зависит от типа браузера.
Для отображения текста в виде отдельных абзацев используют тег <p>. При просмотре в браузере абзацы отделяются друг от друга пустой строкой. Для принудительного перехода на новую строку без создания абзаца используют непарный тег <br>. Нередко между абзацами помещают разделительную линию, которая задается непарным тегом <hr>.
За оформление текста отвечают теги форматирования.
Для отображения заголовков используются теги <h1>…<h6>. Заголовок уровня 1 — самый крупный, а уровня 6 — самый мелкий.
Начертание символов задается следующими тегами: <b> — полужирное, <i> — курсивное, <u> — подчеркнутое.
Открывающие теги языка HTML могут содержать атрибуты, которыми задаются параметры разметки документа. Каждый атрибут имеет название (имя) и определенное значение, которое записывается в кавычках после знака «равно». Тег может иметь несколько атрибутов, которые перечисляют через пробелы, например:
<тег атрибут1="значение" атрибут2="значение"...>.
Порядок следования атрибутов в теге неважен. Если значение атрибута содержит только буквы английского алфавита, цифры или дефис и не содержит пробелов, кавычки можно опустить.
Вид всей веб-страницы задается атрибутами тега <body>, в то время как отдельные ее элементы, например заголовки, разделы, абзацы, таблицы, рисунки, могут иметь свое особенное оформление.
Цвет фона страницы задается атрибутом bgcolor, а цвет текста — атрибутом text. Значением этих атрибутов является цвет, который задается своим названием на английском языке, например red (красный), или его шестнадцатеричным кодом, например #FF0000. По умолчанию цвет страницы белый, а цвет текста — черный.
Синий цвет страницы можно задать так: <body bgcolor="blue"> или так: <body bgcolor="#0000FF">.
Для выравнивания текста всей страницы, отдельного абзаца, раздела или заголовка используется атрибут align, который может принимать следующие значения: center — выравнивание по центру, left — по левому краю, right — по правому краю. Выравнивание текста по ширине использовать не рекомендуется, поскольку при уменьшении окна браузера между словами могут образовываться большие промежутки.
Для задания шрифта, цвета и размера символов текста используется тег <font>. Шрифт задается атрибутом face, значением которого является название шрифта, например Arial. Цвет символов задается атрибутом color.
Если шрифт не задан, то по умолчанию используется шрифт Times черного цвета.
Размер символов задается атрибутом size и может выражаться в условных единицах, которые могут принимать значения от 1 до 6. По умолчанию принято значение размера 3.
Размер символов может выражаться и в относительных единицах: числах по отношению к базовому размеру, например size="+n" или size="–n". Так, для базового размера 3 атрибут <font size="+2"> задает размер 5, а атрибут <font size="-2"> — размер 1.
Фрагмент текста может отображаться в виде бегущей строки с помощью тега <marquee>. Направление движения указывается атрибутом direction.
Например, движение слова «Внимание!» слева направо задается так:
<marquee direction="right">Внимание!</marquee>
Гиперссылки
Гиперссылки используются для ускоренного перехода внутри одного документа, для вызова в окно браузера других документов из данного и для просмотра просмотра-скачивания объектов, не являющихся WEB-страницами.
Для создания гиперссылок используется парный элемент (контейнер) <А>.
Атрибуты:
Name
Задает имя элемента. Имя используется, например, для создания ссылок между фреймами
Href
Задает URL ресурса, на который должен перейти пользователь, щелкнув по ссылке. Атрибут может указывать как на внешний документ, так и на элемент внутри данного документа.
Target
Строка, определяющая или получающая одно из следующих значений
· _self – документ откроется в текущем окне
· _parent – во фрейме – родителе текущего фрейма
· _top – в главном окне всей фреймовой структуры
· _blank – документ откроется в новом окне
Title
Всплывающая подсказка
Переходы в пределах одного HTML-документа
1) Создайте в точке, куда будет осуществляться переход, элемент
<А Name = "ххх"></А>
где ххх – имя метки, куда осуществляется переход. Метка может быть любым текстом, состоящим из букв и цифр, но она должна быть уникальной среди всех меток данного документа.
2) Создайте в точке, откуда осуществляется переход элемент:
<А НRЕF="#ххх">текст перехода</А>
При просмотре HTML-документа браузером текст перехода будет выделен подчеркиванием и отображаться чаще всего синим цветом. Щелчок клавишей мыши по тексту перехода приведет к переходу на метку ххх в пределах данного HTML-документа.
Вместо <А Name = "ххх"></А> в последних браузерах в качестве метки перехода можно использовать идентификатор ID. Идентификатор IDдоступен для любого элемента и определяет уникальную во всем документе метку именно этого элемента в виде, например, <B ID=”b1”>, где b1, может быть любым текстом, состоящим из латинских букв с соблюдением регистра или цифр и знака подчеркивания. Первым символом в b1 может быть только латинская буква. Такой переход внутри документа может, например, выглядеть следующим образом:
<B ID=”b1”>
………….
………….
<А НRЕF="#b1">переход на B</А>
Если в атрибуте HREF указана несуществующая метка (например, #11111), то никаких действий не производится.
Вызов в окно браузера нового HTML-файла осуществляется с помощью элемента:
<А HREF="new.html" Title = "моя биография">текст</А>
Атрибут Title используется для отображения всплывающей подсказки при установке указателя мыши на текст. Конечно, если элемент <A> окаймляет текст, то всплывающая подсказка не имеет смысла (сам текст уже содержит в себе какой-то смысл). Однако, вместо текста в качестве ссылки может использоваться картинка и в этом случае всплывающая подсказка может оказаться необходимой.
Текст указывает то место, откуда будет загружаться HTML-файл new.html, указанный в атрибуте HREF. Файл new.html должен находиться в той же папке, что и файл данного HTML-документа
Вместо текста элемент <A> может использовать графический файл:
<А HREF="new.html" Title = "моя биография">
<Img src=”aaa.gif” ></А>
Проигрывание звукового файла .wav осуществляется с помощью элемента:
<А HREF = "xxx.wav">текст</А>
Щелчок клавишей мыши по тексту приведет к проигрыванию xxx.wav – файла, если на компьютере установлена программа-проигрыватель.
Загрузка документов Word, Excel, Access осуществляется с помощью элемента:
<A HREF=”aaa.doc”>текст</A>
В данном примере будет открыта программа Word с загруженным в нее файлом aaa.doc.
Ссылка на графическую картинкунеобходима, если требуется просмотреть картинку в натуральную величину в сравнении с ее уменьшенным изображением в сайте:
<А Target=”_blank” HREF = "xxx.gif">
<img src=”xxx.gif” width=50 height=50 ></А>
Ссылка на адрес электронной почты:
<A Href=”mailto:[email protected]”> [email protected]</A>
При этом будет автоматически загружаться программа, обеспечивающая отправку почтового сообщения на Вашем компьютере (например, Microsoft Outlook). Если Вы отправляете почтовое сообщение через какой-то сайт Internet (например tut.by) и Outlook не настроен, то естественно эта ссылка не будет вызывать никаких действий.
20. Основы веб-конструирования. Использование офисных приложений для создания веб-страниц.