- •Оглавление
- •1. Цели и задачи лабораторного практикума
- •2. Программа и порядок выполнения лабораторных работ
- •3. Требования к оформлению отчета о выполнении лабораторной работы
- •4. Лабораторная работа №1 Разработка приложений на языке программирования Visual Basic for Application в программной среде ms Office
- •1. Структура редактора vba
- •Окно Project – vba Project (окно проекта)
- •Окно редактирования кода
- •Окно Properties
- •Окно редактирования форм
- •2. Создание пользовательской функции. Процедура Sub
- •Способы выполнения процедуры Sub
- •Работа с макрорекордером
- •3. Создание процедур обработки событий элементов управления, встроенных в рабочие листы Excel
- •4. Объектная модель программы ms excel
- •Четыре ключевых объекта
- •Объект Application
- •Объект Workbook и семейство Workbooks
- •Объект Worksheet и семейство Worksheets
- •Объект Range
- •5. Работа с базами данных на основе модели dao (Data Access Objects)
- •Открытие базы(источника данных)
- •Объект Recordset
- •Объект Field
- •Порядок работы при объектном доступе к данным (предполагается, что база данных существует):
- •5.Индивидуальные задания для выполнения лабораторной работы №1
- •Контрольные вопросы
- •6.Лабораторная работа №2 «Создание sql – запросов при использовании специального программного средства субд Microsoft Access»
- •1. Основные понятия реляционных баз данных
- •2. Связывание реляционных таблиц. Типы связей между реляционными таблицами.
- •Связь типа “один-к-одному” (1:1)
- •Связь типа “один-ко-многим” (1:м)
- •Связь типа “много-ко-многим” (м: м)
- •3.Создание базы данных в ms Access с помощью конструктора
- •4.Определение связи таблиц
- •5.Общие сведения об sql. Простейшие sql-запросы.
- •Контрольные упражнения
- •6.Функции агрегирования в sql- запросах
- •Контрольные упражнения
- •7.Использование вложенных запросов
- •7.Индивидуальные задания для выполнения лабораторной работы №2
- •Контрольные вопросы
- •8.Лабораторная работа №3 “Язык разметки гипертекста html ”
- •1.Общие сведения
- •2. Наиболее часто используемые теги и их описание
- •3.Технология css
- •8. Индивидуальные задания для выполнения лабораторной работы №3
- •Контрольные вопросы:
- •9.Лабораторная работа №4 «Создание интерактивных, динамически изменяемых страниц с использованием JavaScript»
- •1.Общие сведения
- •2.Операторы управления JavaScript
- •3.Размещение JavaScript на html-странице
- •4.События
- •5.Функции
- •10.Индивидуальные задания для выполнения лабораторной работы №4
- •Контрольные вопросы
- •Список литературы
- •Приложение. Образец формы титульного листа отчета о выполнении лабораторной работы
8.Лабораторная работа №3 “Язык разметки гипертекста html ”
Цель работы: формирование навыков создания гипертекстовых документов используя специальный язык HTML (Hyper Text Markup Language) и каскадные таблицы стилей CSS.
1.Общие сведения
В настоящее время, для создания гипертекстовых документов широко используется специальный язык HTML (Hyper Text Markup Language). Он используется для разметки документов. Для создания программы на языке HTML достаточно любого текстового редактора.
Структура HTML- файла выглядит след. образом:
<HTML>
<HEAD>Заголовок</HEAD>
<BODY> тело </BODY>
</HTML>.
Наиболее часто используемые термины
Жёсткий дизайн — дизайн, в котором величина каждой ячейки либо задана в пикселах, либо задаётся картинкой или другим элементом.
Резиновый дизайн - дизайн, в котором ширина блока, или ячейки задаётся в процентах от ширины окна.
Валидация - это проверка HTML и CSS кода страницы на соответствие стандартам и выбранному doctype. Стандарты эти четко выписаны W3C и все современные браузеры стараются строго им следовать.
Кроссбраузерность (от cross-browser – англ.) подразумевает под собой одинаковое (или с незначительными искажениями) отображение и функционирование сайта в различных Интернет-браузерах.
2. Наиболее часто используемые теги и их описание
<div>…</div> - по умолчанию параграф, но создан для сложного форматирования места нахождения контента на странице, используется для верстки через таблицы стилей (css).
<table>…</table> - помещает на Web-страницу таблицу. Может иметь вложенные теги:
<CAPTION>...</CAPTION> - заголовок таблицы
<TH>...</TH> - обозначает заголовок таблицы
<TR>...</TR> - метки строк в таблице
<TD>...</TD> - метки ячеек в таблице
<MULTICOL>...</MULTICOL> - вывод текста в несколько столбцов
<FORM>...</FORM> - открытие формы
<INPUT>...</INPUT> - рисует кнопку или окно вывода
<SELECT>...</SELECT> - выбор значения из всех предложенных
<OPTION>...</OPTION> - определяет элемент меню. Используется внутри тега <SELECT>
<TEXTAREA>...</TEXTAREA> - выводит область ввода текста
<ul>…</ul>, <ol>…</ol> - списки
<LI>...</LI> - метка, помечает позицию списка.
<b>…</b>,<i>…</i>, <u>…</u> - форматирование теста. Текст выводится жирным, курсивом и подчеркиванием соответственно.
<a>…</a> - ссылка
<br /> - перенос строки (<br >…<br /> - устаревшая, не валидная запись)
<p>…</p> - параграф
<H1 >…< /H1>, <H2 >…< /H2>, …<H6>…< /H6>
* Пример
*Пример1 блочной верстки
<HTML>
<HEAD>
.
.
.
</HEAD>
<BODY>
<! - -блок, содержащий «шапку» - - >
<DIV class = «header»> <H1> Имя компании </H1></DIV>
<- - блок меню ! - ->
<DIV class= «menu» >
<ul class= « menu_list» >
<li> HOME </li>
<li>…</li>
<li>…</li>
</ul>
</DIV> <! - -блок меню end - ->
<! - - блок компонента - ->
<DIV class = «coutent» >
<h2> КОНТЕНТ </h2>
<p> какой-то текст </p>
<p> новый параграф </p>
</DIV> < - -блок контента end - ->
<! - - блок «подвал» - - >
<DIV class= «footer» >
<p> имя компании (c) 2011 </p>
</DIV> <! - - блок «подвал» end - ->
</BODY>
</HTML>
*Пример2 табличной верстки
<HTML>
<HEAD>
.
.
.
</HEAD>
<BODY>
<table> <TR> <TH>…</TH>
<TD>…</TD>
<TD>…</TD>
</TR>
<TR> <TH>…</TH>
<TD>…</TD>
<TD>…</TD>
<TD>…</TD>
</TR>
</table>
</BODY>
</HTML>