Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
КИТ 3 часть методичка .docx
Скачиваний:
24
Добавлен:
22.11.2019
Размер:
2.52 Mб
Скачать

Создать сайт можно, используя:

1) язык гипертекстовой разметки HTML (Hyper Text Markup Language);

2) Web-редакторы (например, FrontPage, Dreamweaver и др.);

3) текстовый процессор Word;

4) средства, интегрированные с новыми версиями браузеров.

2.3.2. Язык разметки гипертекста html

Гипертекст – это нелинейный текст, в который включены гиперссылки, позволяющие пользователю с помощью их активизации перейти на другие ресурсы.

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

принципиальная невозможность точного воспроизведения вида документа (разные ОС, браузеры, настройки);

необходимость передачи по сети файлов и требование их минимального объема;

при разработке документа нужна возможность – читать и редактировать исходный файл;

язык HTML предназначен не для форматирования (как, например, Word), а для функциональной разметки документа.

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

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

Основные понятия языка HTML представлены в табл. 2.5.

Таблица 2.5

Основные понятия языка HTML

Понятие

Описание

Пример

теги

управляющие конструкции бывают парными и непарными, записываются в угловых скобках < >

<В> </В> – выделяет текст, заключенный между парными тегами жирным шрифтом;

<HR> – рисует горизонтальную линию

элементы или блоки HTML

два тега (открывающий и закрывающий) и все, что заключено между ними

<В>этот текст показан жирным шрифтом </В>

<I>этот текст показан курсивом </I>

<TITLE> заголовок </TITLE>

атрибуты

находятся внутри блока и уточняют его действие, часто необязательны

<Н1 Align=Left> Это зaголовок </H1> (атрибут Align=Left)

<img src=yucca.jpg alt=[picture of yucca] width=110 height=168 align=right> (атрибуты alt=[picture of yucca] width=110 height=168 align=right)

<body background=backl.gif> (атрибут background=backl.gif)

Основные команды языка HTML (теги) приведены в прил. 2. Примеры функциональных блоков языка HTML приведены в прил. 3.

2.3.3. Подготовка Web-страниц с помощью Web-редактора

Web-редакторы – это самое удобное средство для подготовки своих страниц пользователями-непрофессионалами. Это вытекает из следующих особен-ностей:

Web-редактор можно интегрировать с комплексом Microsoft Internet Explorer и быстро вызывать прямо из него;

при вызове Web-редактора из Microsoft Internet Explorer текущая страница загружается в Web-редактор и готова к редактированию;

Web-редакторы имеют простой и понятный интерфейс, схожий с другими Win-приложениями;

Web-редакторы не требуют от пользователя знания языка HTML и работают по принципу «что вижу, то и получаю»;

возможности Web-редакторов намного превышают потребности любителя и скорее относятся к полупрофессиональным.

Есть две принципиально разные возможности создания сайтов в Web-редакторах:

1) строительство сайта, а затем создание и редактирование отдельных его страниц,

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

Реализация второй возможности описана в методических указаниях к выполнению задания для Web-редактора Microsoft FrontPage.

Задания к лабораторной работе

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]