КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Подготовка web-страниц
|
|
|
|
Лабораторная работа №15. Подготовка WEB-страницы
Цели работы: Познакомиться с основными принципами языка разметки гипертекста (HTML), форматами и структурой WEB-страниц, научиться создавать документы для размещения в сети ИНТЕРНЕТ, а также использовать специальный HTML-редактор - MS FrontPage.
Общие пояснения
Язык разметки гипертекста (HTML)
Язык разметки гипертекста (Hyper Text Markup Language) – повсеместно распространенный формат для гипертекста в WEB. Для просмотра текста, подготовленного в формате HTML, используются специальные программы-просмотрщики (WEB-броузеры), такие, как Internet Explorer, Opera и др.
Формат HTML-файлов
HTML-файлы главным образом являются текстовыми файлами формата ASCII. Кроме простого текста HTML-файл содержит большое количество тегов – специальных элементов, управляющих отображением и поведением HTML-документа при его просмотре на экране компьютера. Теги, в частности, определяют стиль шрифта, тип абзаца или ссылку на другой HTML-файл или изображение.
Большинство тегов образуют пару из открывающего и закрывающего тегов (закрывающий тег обычно такой же, как и открывающий, только предваряется символом слэша, /), указывающих на начало и конец стиля.
Например, запись <b>Компьютеры</b> означает полужирное начертание слова Компьютеры, а <title>Личная страница Иванова Вани</title> - задает заголовок документа.
Некоторые теги, однако, не имеют закрывающего варианта (или «завершителя»). Один из них – тег <p>, используемый для разделения абзацев. Этот тег имеет особое значение, поскольку пробелы и символы новой строки в HTML-файле полностью игнорируются и перейти на новую строку можно лишь при помощи тегов <p> или <li> или же начав новый заголовок.
Структура HTML-файлов
HTML-документ начинается с тега <html> и делится на две части, отмеченные как <head> и <body>. Каждый из этих трех тегов требует соответствующего завершителя.
В заголовочной (head) части HTML-файла обычно пишется заголовок (часто отображаемый в строке заголовка окна броузера) и несколько других общих элементов.
В теле (body) пишется содержимое файла, в общем случае начиная с его отображаемого заголовка. Можно сформировать несколько заголовков различных уровней, отмечая их тегом <hX>, где Х – число от 1 до 6.
Далее следуют обычные абзацы (<p>), отформатированные абзацы (<pre>, стиль, обычно используемый для отображения текста листингов программ), различные виды списков и множество других элементов.
Часто в тексте содержатся ссылки на другие страницы или другие части текущей страницы в виде тега <a>
Еще один элемент HTML-файла – таблицы. Теги <table> и </table> указывают на начало и конец таблицы, а необязательный атрибут border отображает границы заданной ширины. Теги <tr> и </tr> открывают и закрывают каждую строку, а теги <th>, </th>, <td> и </td> указывают соответственно на ячейку заголовка таблицы и ячейку данных таблицы. Число колонок зависит от количества элементов в каждой строке. В разных строках может содержаться разное количество элементов.
Кроме статического текста в HTML-документе часто используются элементы управления и формы. Для каждого элемента управления в HTML-файле пишутся специальные обработчики событий - функции и процедуры, запускаемые в зависимости от состояния элемента управления, например, отправка данных из заполненной формы по определенному адресу.
Средства создания HTML-файлов
HTML-файл может быть создан одним из ниже перечисленных способов:
- в простом текстовом редакторе. При его создании следует использовать теги, описанные выше. При сохранении созданного документа файлу следует давать имя с расширением htm или html, например, index.htm
- в специальных HTML-редакторах – MS FrontPage, HomeSite, DreamWeaver и др.
- из различных приложений, путем сохранения в HTM-формате (например, если сохранять документ, подготовленный в программе WORD, то при сохранении следует выбрать тип файла «WEB-страница»)
Следует отметить, что эти приложения добавляют множество лишней служебной информации, которую нужно уметь вычищать.
Задание 1
Подготовить личную страницу для размещения в сети ИНТЕРНЕТ и страницу с формой «Отзывы и предложения».
Подготовительный этап
Подготовить текстовую информацию для проектирования своей личной страницы.
Подготовить графические иллюстрации
Спланировать размещение информации на страницах и связи между страницами.
|
|
|
|
|
Дата добавления: 2017-02-01; Просмотров: 53; Нарушение авторских прав?; Мы поможем в написании вашей работы!