Лабораторные работы / Web-технологии. Лабораторная работа 1
.pdfЛабораторная работа №1
Создание и редактирование простейшего HTML-файла
Задание 1
Цель работы: познакомиться со структурой файла HTML, основными тэгами; научиться создавать и редактировать HTML-файл с помощью редактора Блокнот, разбивать текст на строки, абзацы и устанавливать параметры форматирования текста - размер, цвет, шрифт, выравнивание; познакомиться с браузерами Internet Explorer и Netscape Navigator.
1.Откройте текстовый редактор Блокнот и сделайте заготовку для HTML-файла (<HTML>), состоящую из двух частей: заголовок файла (<HEAD>) и тело (<BODY>).
В разделе <HEAD> введите строку, определяющую заголовок окна файла - Форматирование символов.
В раздел <BODY> введите текст и выполните форматирование символов в соответствии с содержанием каждой фразы (для четвёртой фразы подберите подходящие параметры форматирования символов):
Это зелёные буквы.
Это красные буквы, размер 5, Arial.
Это синие буквы, размер 2, COURIER.
Это ? буквы, размер ?, ?.
Сохраните файл с расширением htm и просмотрите его через браузер Internet Explorer. Не закрывая браузера, откройте HTML-файл на редактирование - добавьте на новой
строке фразу: Это жёлтые буквы наименьшего размера.
Откройте файл с помощью браузера Netscape Navigator. Сравните отображение одного и того же файла разными браузерами.
Отредактируйте файл средствами Netscape Composer, добавьте фразу: Это оранжевые символы наибольшего размера. Сохраните файл под новым именем. Просмотрите новый файл в любом из браузеров.
Сравните исходные тексты первого и второго файла и объясните отличия. Результаты покажите преподавателю.
Задание 2
Цель работы: научиться разбивать тексты на блоки (абзацы) и форматировать текст на уровне блока.
С помощью редактора Блокнот создайте HTML-файл для отображения следующего текста (без добавления элементов форматирования):
Это первый абзац, выравнивание по правому краю
Это второй абзац
красные буквы, размер 5, Arial, выравнивание по центру
Это третий абзац, зеленые буквы, размер 4, шрифт - COURIER, выравнивание - по умолчанию.
Просмотрите этот файл с помощью какого-нибудь браузера. Выполните разбивку на абзацы, строки и просмотрите результат.
Отформатируйте символы и абзацы по заданию. Просмотрите файл через Internet Explorer и Netscape Navigator.
Откройте файл с помощью Netscape Composer и добавьте текст: Это третий абзац, жёлтые буквы, размер - ?, шрифт - Times New Roman, выравнивание - по центру.
Подберите цвет фона для демонстрации документа. Результат покажите преподавателю.
Задание 3
Цель работы: познакомиться со стандартным оформлением заголовков в браузерах. Введите текст и в соответствии со структурой текста подберите тэг заголовка (1-го уровня, 2- го уровня и т.д.)
Программное |
Sun |
Microsoft |
обеспечение |
|
|
|
Solaris |
Access |
Операционные системы |
СУБД |
SQL Server 2000 |
|
|
САПР |
Microsoft |
INFORMIX |
|
MS-DOS |
-------------- |
Autodesk |
Windows 95 |
Borland |
Autocad 2000 |
Windows NT |
|
MathLab |
|
|
|
В конце каждого созданного HTML-файла добавьте ссылки на два других файла. Проверьте работу ссылок.
Задание 4
1.С помощью редактора Блокнот создайте текстовый файл, содержащий текст, приведённый ниже.
2.На основе текста создайте два HTML-файла с одинаковым содержанием и оформлением, но отличающихся способами форматирования текста. В первом файле выполните логическое форматирование текста, в заголовке окна введите текст «Логическое форматирование текста». Во втором файле выполните физическое форматирование и задайте заголовок «Физическое форматирование текста». Обязательные элементы оформления: выравнивание абзацев, комментарий к аббревиатуре (акроним), определение, цитата, программный код (текст с символами одинаковой ширины), маркированный список, линия, сведения об авторе.
ГУТ - один из ведущих вузов России, готовящих специалистов в области связи.
Университет имеет факультеты:
АЭССС, СК и ВТ
РС, РВ и ТВ
МТС
ТСС
Будущие инженеры изучают математику, физику, информатику, специальные технические дисциплины, иностранный язык, историю, философию и многие другие предметы.
В курсе информатики студенты изучают язык программирования Pascal.
Pascal - это алгоритмический язык, разработанный в начале 70х годов XX века, автор языка - Никлаус Вирт.
Алгоритм - это конечная последовательность шагов, выполнение которой приведёт к достижению поставленной цели.
Алгоритмический язык используется для записи программы, в основе работы которой лежит алгоритм.
Н. Вирт: Программа=алгоритм+структуры данных
Простейшая программа на языке Pascal выглядит так:
program simple; begin
writeln('Привет!'); end.
2