Читайте также:
|
Атрибуты этой группы позволяют украсить фрагменты текста рамками различного вида и формы, задать отступы.
margin-left:, margin-right:, margin-top:, margin-bottom: – эти атрибуты позволяют установить дополнительные отступы соответственно слева, справа, сверху, снизу.
padding-left:, padding-right:, padding-top:, padding-bottom: – эти атрибуты задают промежуток между элементом и рамкой, если она есть.
| border-left-color:, border-right-color:, border-top-color:, border-bottom-color: | – определяют цвет линии соответствующей границы рамки. |
| border-left-width:, border-right-width:, border-top-width:, border-bottom-width: | – задают толщину линии соответствующей границы рамки. |
Здесь можно задать либо числовое значение толщины рамки, либо одно из предопределенных значений:
thin – тонкая линия;
medium – средняя линия (значение по умолчанию);
thick – толстая линия.
| border-left-style:, border-right-style:, border-top-style:, border-bottom-style: | – задают стили линии соответствующей границы рамки или ее отсутствие. |
Здесь доступны следующие значения:
none – отсутствие соответствующей границы рамки (значение по умолчанию);
dotted – пунктирная линия;
dashed – штриховая линия;
solid – сплошная линия;
double – двойная линия;
groove – вдавленная трехмерная линия;
ridge – выпуклая трехмерная линия;
inset – трехмерная ступенька вверх;
outset – трехмерная ступенька вниз;
Лабораторная работа 1
Знакомство с Internet Explorer
Цель работы: Ознакомиться с браузером Internet Explorer и с его помощью произвести поиск требуемой информации в сети Internet.
Задание:
Ознакомиться с пунктами меню «Файл», «Правка», «Вид», «Избранное», «Сервис».
Сохранить загруженные web-страницы целиком, только HTML-текст. Отметить разницу.
Скопировать фрагмент web-страницы и обработать его в редакторе Microsoft Word.
Произвести изменение размера шрифта и используемой кодировки загруженной web-страницы.
Создать папку избранных ссылок и поместить в нее ссылку на загруженную вами web-страницу.
Оптимизировать работу браузера, при этом отключить демонстрацию рисунков, анимацию, воспроизведение звуков и видео в окне браузера.
Произвести поиск информации, заданной преподавателем, с использованием поисковых систем rambler и google.
Лабораторная работа 2
Настройка электронной почты
Цель работы: Ознакомиться с программой Outlook Express и научиться с использованием ее работать с электронной почтой.
Задание:
Ознакомиться с пунктами меню «Файл», «Правка», «Вид», «Сервис», «Сообщение».
Создать учетные записи, заданные преподавателем.
Создать несколько правил для сообщений.
Создать и отправить электронное письмо по заданному преподавателем адресу. Прикрепить к этому письму хотя бы один файл.
Лабораторная работа 3
Первое знакомство с HTML
Цель работы: Ознакомится с основными понятиями HTML, разработать простейшие HTML страницы.
Задание: Ознакомиться со структурой HTML документа. Изучить обязательные теги <HTML>, <HEAD>, <TITLE>, <BODY>. Изучить теги управления разметкой документа: <P>, <H1>-<H6>, <BR>, <HR>. Изучить теги форматирования шрифтов. Создать в редакторе Notepad несколько простейших web-страниц, содержащих перечисленные теги.
Лабораторная работа 4
Списки
Цель работы: Изучить принципы построения различного рода списков.
Задание: Изучить теги для создания маркированных, нумерованных списков и списков определения; создать списки с различными видами маркеров и видами нумерации. С помощью необходимых атрибутов изменить порядок нумерации в списке. Создать вложенные списки, сочетая при этом различные виды списков.
Лабораторная работа 5
Гиперссылки
Цель работы: Изучить принципы построения гиперссылок.
Задание: Изучить тег <A> и его атрибуты для создания гиперссылок на другие HTML-документы. Научиться производить переход на конкретные элементы web-страниц (переход по анкеру).
Лабораторная работа 6
Использование графики в web-страницах
Цель работы: Изучить принципы построения иллюстрированных web-страниц.
Задание: Изучить тег <IMG> и его атрибуты для вставки графики в HTML-документы. Научиться использовать рисунки в качестве управляющих кнопок гиперссылок.
Лабораторная работа 7
Таблицы
Цель работы: Получить навыки использования таблиц в web-страницах.
Задание: Изучить теги <TABLE>, <TR>, <TD>, <TH> и их атрибуты. Создать простые таблицы и таблицу с наличием горизонтального и вертикального объединения ячеек (конкретный вид таблиц задается преподавателем). Использовать невидимые таблицы для улучшения структуры представляемой информации.
Лабораторная работа 8
Фреймы
Цель работы: Получить навыки использования фреймов при создании web-страниц.
Задание: Изучить теги <FRAMESET>, <FRAME> и их атрибуты. Создать многооконные web-страницы с использованием простых и вложенных 0фреймов. Создать статические фреймы и поместить в них управляющие кнопки. С помощью атрибута TARGET тега <A> научиться осуществлять переходы между фреймами.
Лабораторная работа 9
Формы
Цель работы: Получить навыки создания форм для сбора информации.
Задание: Изучить теги <FORM>, <INPUT>, <TEXTAREA>, <SELECT> и их атрибуты. В HTML-документе создать форму для сбора разнородных данных, состоящую из различных управляющих элементов: управляющих кнопок, полей для ввода текста и пароля, радиокнопок и флажков выбора, текстовых областей редактирования, списков.
Лабораторная работа 10
Каскадные таблицы стилей
Цель работы: Получить навыки создания web-страниц с использованием современной технологии - каскадных таблиц стилей.
Задание: изучить правила создания стилей, ознакомиться с основными стилевыми атрибутами цвета, шрифтов, текста и абзацев. Переоформить разработанные HTML-страницы с использованием таблиц стилей, при этом стили могут быть определены как в отдельном файле, так и в самом HTML-документе.
Учебное издание
Дата добавления: 2015-07-10; просмотров: 266 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Каскадные таблицы стилей | | | For graduates and post-graduates |