Главная Учителю ЕГЭ ГИА  

Основное меню

 
 

Контакты

 
krasakova@bk.ru
 

 
 

Найти: на urok-ikt.narod.ru на Яндексе

Главная / 10 класс / Основы языка разметки гипертекста

Основы языка разметки гипертекста

Публикация во Всемирной паутине реализуется в форме WEB–сайтов.

Web-cайт является интерактивным средством представления информации. Сайт состоит из WEB–страниц, объединенных гиперссылками.

Для создания сайта существуют различные способы.
1. Использование технологии блоггинга. Регистрируясь на сайте, вы получаете доменное имя второго уровня, становитесь администратором своего блога, получаете доступ к панели управления информацией.
2. С помощью конструктора сайтов (ucoz.ru, rusedu.net).
3. Разработка сайта c помощью CMS (системы управления сайтом).
4. Разработка собственного дизайн сайта и его создание на основе языка разметки HTML.
В настоящее время трудного создать функциональный сайт, отвечающий требованиям пользователей на основе только HTML. Но даже если вы используете более современные технологии, знание команд HTML позволит вам отредактировать, изменить оформление и структуру в готовых шаблонах.

WEB–страницы могут быть интерактивными и содержать мультимедийные и динамические объекты.

Для разметки гипертекстовых документов был разработан специальный язык HTML (Hyper Text Markup Language). С момента рождения WWW HTML постоянно развивается. В настоящее время наиболее современной является версия 4.0DHTML (Dynamic HTML) - динамический HTML, расширение языка HTML, позволяющее создавать таблицы стилей и включать в состав Web-документа небольшие программы-сценарии (script), которые исполняются Web-клиентом. и придания ему динамического характера, например движения картинок по документу. Для создания подобных сценариев используются специальные языки программирования. Наиболее распространенными являются два: язык JavaScript, разработанный компанией Netscape, и язык VBScript - разработка фирмы Microsoft. Для включения сценариев в документ используются специальные теги.

 

JavaScript и VBScript - Сценарии (scripts) являются еще одним расширением языка HTML. Сценарии представляют собой небольшие программы, текст которых включается в голову HTML-файла с помощью специальных тегов. При загрузке документа Web-клиент выделяет сценарии и передает их специальному модулю - интерпретатору языка, на котором написан сценарий, для проверки правильности программного кода и его подготовки к последующему исполнению. Исполнение программы может осуществляться непосредственно при загрузке документа или же при выполнении определенных условий (например, при поступлении команды пользователя) - это определяется самим сценарием.

Сценарии широко используются для повышения функциональности документа, поскольку позволяют:

  • придать динамику элементам Web-документа, например, организовать движение картинок;
  • организовать динамическое обновление части Web-документа в зависимости от определенных условий, например, через определенные промежутки времени или по командам пользователя;
  • организовать интерактивное взаимодействие с пользователем путем обработки определенных событий, например перемещения указателя "мыши" или нажатия каких-либо клавиш на клавиатуре.

Для создания подобных сценариев используются специальные языки программирования. Наиболее распространенными являются два: язык JavaScript, разработанный компанией Netscape, и язык VBScript - разработка фирмы Microsoft.

Вид WEB–страницы задается тэгами, которые заключаются в угловые скобки < >. Тэг — это команда, которую понимает браузер (программа просмотра web-страниц Internet Explorer, Opera и т.д.). Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тэгов (контейнер). Непарный тэг говорит о том, что в этом месте надо вставить какой-то элемент, например, рисунок или разделительную линию.

Основные теги

<HTML>  </HTML> - помещаются соответственно в начале и конце всего документа, чтобы обозначить текст как действительный документ на языке разметки гипертекста.

<HEAD> </HEAD> - внутри тегов заголовок помещается раздел заголовка WEB–страницы.

<TITLE> </TITLE> - название WEB-страницы, программа просмотра страницы выводит его на панель заголовка соответствующего окна

<BODY> </BODY> - определяют часть документа, которая будет показана пользователю в клиентской области окна программы просмотра Web.

 

Так страница выглядит в окне браузера Internet Explorer.

 

 

<BODY> </BODY>

Тэг <BODY> позволяет задать общие свойства для всей страницы.

text="цвет текста"

bgcolor="цвет фона"

background="путь к фоновой картинке"

Цвет указывается в формате RRGGBB.

 
             
#0000FF #0000AA #000099 #00FFFF #00FF00 #00AA00 #009900
             
#FFFF00 #AAAA00 #666600 #FF00FF #990099 #FF0000 #990000

Например, <BODY text=#FFFFFF  bgcolor=#000099>  </BODY>- белые буквы на синем фоне.

link=#RRGGBB - цвет гиперссылок

vlink=#RRGGBB - цвет посещенных гиперссылок

 

<FONT>   </FONT> - параметры шрифта.

color=#RRGGBB - цвет текста

size = n (n от 1 до 7) - размер шрифта)

Например, <FONT color=#0000FF size=3>

<A HREF="page/aa.htm">Текст</A> - гиперссылка

 

<IMG SRC="images/picture.jpg">

 
Практическое задание:
Создать небольшой сайт, состоящий из 4-5 страниц по одной из тем: 
маркированный список "Устройство компьютера"
маркированный список "Виды компьютерной графики"
маркированный список "Виды компьютерных сетей"
маркированный список "Возможности современных компьютеров"  
 

Интернет ресурсы

http://kpolyakov.narod.ru/school/html/begin.htm - электронный учебник HTML.
http://html.find-info.ru/html/005/index.htm - электронный учебник HTML.
http://htmlbook.ru/ - справочник по HTML, CSS и верстке веб-страниц. 
http://www.wisdomweb.ru/HTML5d/ - Справочник HTML5
http://kpolyakov.narod.ru/prog/hefs.htm - простейший редактор Web-страниц для начинающих HEFS.
 
 

Рейтинг@Mail.ru

Дистанционное обучение

начальная школа
5 класс
6 класс
7 класс
8 класс
9 класс
10 класс
11 класс
 

 

Copyright © 2011- Красакова О.Н. E-mail: krasakova@bk.ru

 
Hosted by uCoz