Знакомство со средствами HTML и CSS»
Лабораторная работа №1.
Цель: Разработать с помощью средств HTML, CSS справочник VBA для MS Office. Постановка задачи: пользовательские типы данных.
HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине (WWW). Большинство веб-страниц содержат описание разметки на языке HTML. Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL. Создание веб страницы начинается с определения блоков: <head></head>(что значит заголовок страницы) в нем содержится информация о кодировке страницы для браузера, а так же название самой страницы отображаемое как название вкладки браузера, для этого текст помещается м/у тегами <title></title>; и <body></body>(т.е. тело веб документа) в нем мы определяем заголовки абзацев <h2></h2>, сами абзацы <p></p>, так же можем создавать дополнительные блоки <div></div>. После чего, если мы создавали нашу веб страницу в обычном блокноте (текстовый редактор Windows) мы должны сохранить файл с расширением.html после чего можем открывать его в браузере. Так же в html предусмотрены специальные теги форматирования, некоторые из них: <center></center>, <left></left>, <right></right> и <br></br>, что соответствует переносу текста на новую строку, как если бы была нажата клавиша Enter. Для того что бы использовать таблицу стилей в html документе необходимо указать ссылку на файл с таблицей стиля, например: <link rel="stylesheet" href="css/page1.css">. Ссылка должна быть помещена в блок <head></head>. Сам файл структурно содержит используемые в веб документе блоки о которых писалось выше и определенные для них свойства, например: font-family:… - устанавливает семейство шрифтов для отображения текста (используются в порядке обозначенной очереди, если предыдущий не был найден), font-size: устанавливает размер шрифта, background-color: определяет цвет фона блока <body></body>, color: определяет цвет шрифта. Так же доступны свойства форматирования текста: text-align: позиционирует текст в зависимости от значения справа (center, right, left, justify), text-indent: осуществляет отступ первой строки в абзаце (красная строка), padding-left:, padding-right: и т.д.
Далее прилагаю скриншоты разработанного мной веб справочника по VBA, в частности «Пользовательский тип данных в VBA»:
Заглавная страница справочника со ссылками на изучаемые вопросы.
Страница справочника 2
Страница справочника 3
|
